/* === SOLO MÓVIL (≤768px): v2 — Zoom afinado + sin cola + logos/idiomas compactos — ESCRITORIO INTACTO === */
@media (max-width: 768px){
  /* A. Base de texto/zoom */
  html{ -webkit-text-size-adjust:100%; font-size:15px; }
  body{ line-height:1.6; }
  h1{ font-size:26px !important; margin-bottom:8px; }
  h2{ font-size:20px !important; margin-bottom:8px; }
  h3{ font-size:18px !important; margin-bottom:6px; }
  .lead{ font-size:15px !important; }
  input, select, textarea{ font-size:16px !important; } /* evita auto-zoom iOS al enfocar */

  /* B. Layout respirable */
  .container{ padding-left:14px !important; padding-right:14px !important; }
  .grid-2{ grid-template-columns:1fr !important; gap:16px !important; }

  /* C. HERO limpio (sin diagonales que empujan altura) */
  .hero{ min-height:auto !important; overflow:hidden !important; padding:18px 0 !important; background:#ffffff !important; }
  .hero .layer, .hero .layer.dark, .hero .cut, .hero-bg{ display:none !important; }
  .hero img{ width:clamp(160px,60vw,300px) !important; height:auto !important; margin-inline:auto; display:block; }

  /* D. Logos / imágenes clave más contenidos */
  /* Escudo */
  img[alt="Escudo"], img[src*="logo.png" i]{
    width: clamp(56px, 14vw, 74px) !important;
    height: auto !important;
  }
  /* Cetro */
  img.symbol, img[alt="Cetro"], img[src*="cetro" i]{
    width: clamp(18px, 5vw, 26px) !important;
    height: auto !important;
  }
  /* QR (más pequeño) */
  img[alt="QR"], img[src*="qr" i]{
    width: clamp(90px, 22vw, 130px) !important;
    height: auto !important;
    border-radius: 10px;
  }
  /* Globo / “nuestra iglesia alrededor del mundo” */
  img.globo-iglesia, img[src*="globo" i]{
    width: clamp(130px, 42vw, 200px) !important;
    height: auto !important;
    margin-inline:auto; display:block;
  }

  /* E. Títulos/textos + idiomas comprimidos en la sección del globo */
  section:has(img[src*="globo" i]) h2,
  section:has(img[src*="globo" i]) h3{ font-size:18px !important; }
  section:has(img[src*="globo" i]) p{ font-size:14px !important; }
  .languages, .chips, .topband{ display:flex; flex-wrap:wrap; gap:8px; }
  .topband button, .lang, .languages .chip, .chips .chip{
    font-size:13px !important; padding:6px 8px !important; border-radius:12px !important;
  }

  /* F. Footer compacto, sin margen final (sin cola) */
  .black-footer{ padding:20px 0 12px !important; margin-bottom:0 !important; }
  .black-footer .copyright{ padding-top:8px !important; }
  body > *:last-child{ margin-bottom:0 !important; }

  /* G. Seguridad contra side-scroll */
  html, body{ overflow-x:hidden !important; }
  img, svg, canvas, video{ max-width:100%; height:auto; }
}