/* ══════════════════════════════════════════════════════════════════════════
   ÍLLORA RADIO · arreglos del sitio (no del blog)
   Lo que se corrige aquí venía de antes y afecta a todas las páginas.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Scroll horizontal en móvil ────────────────────────────────────────────
   Los enlaces legales del pie iban en una línea con margin-left fijo y se
   salían 24 px por la derecha. Como el pie está en TODAS las páginas, toda la
   web se movía de lado al arrastrar con el dedo. Medido a 390 px: exceso 24 px,
   y con esto queda en 0.
   ─────────────────────────────────────────────────────────────────────────── */
.ir-flegal-links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;max-width:100%;
}
.ir-flegal-links a{margin-left:0!important}

@media(max-width:600px){
  .ir-flegal > .e-con-inner{text-align:center}
  .ir-flegal-links{justify-content:center}
}

/* Los vídeos de fondo se escalan con `cover` y sobresalen del contenedor.
   Recortarlos en su capa evita que empujen el ancho del documento. */
.ir-vbg,.ir-story-layer{overflow:hidden}
.ir-vbg video,.ir-vbg img{max-width:none}

/* Red de seguridad: ninguna pieza suelta puede volver a mover la página de
   lado. No se pone en `body` sino en la raíz, que es donde funciona sin
   romper `position:sticky` de la cabecera. */
html{overflow-x:clip}

/* ── Cabeceras interiores con imagen de radio ──────────────────────────────
   Sustituyen a `.ir-phero-foto`, que llevaba fotos del municipio. Las imágenes
   de radio ya son oscuras, así que el velo puede ser más suave que el de las
   fotos de paisaje y aun así deja el texto legible.
   ─────────────────────────────────────────────────────────────────────────── */
.ir-phero-radio{
  position:relative;overflow:hidden;min-height:min(54svh,420px);justify-content:center;
  background-size:cover!important;background-position:center center!important;
}
.ir-phero-radio::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  pointer-events:none;
  background:
    linear-gradient(96deg,rgba(6,13,21,.92) 0%,rgba(6,13,21,.74) 46%,
                    rgba(6,13,21,.46) 78%,rgba(6,13,21,.66) 100%),
    radial-gradient(700px 380px at 14% 0%, rgba(215,38,61,.22), transparent 64%)!important;
  opacity:1!important;
}
.ir-phero-radio > .e-con-inner{position:relative;z-index:2}
.ir-phero-radio h1{text-shadow:0 4px 30px rgba(0,0,0,.55)}
.ir-phero-radio .ir-phero-in p{text-shadow:0 2px 16px rgba(0,0,0,.6);color:rgba(255,255,255,.88)}
.ir-phero-radio .ir-eyebrow{color:#FF8B98}