/* Vista previa: portada más breve, jerarquía editorial y componentes normalizados. */
:root{--section-space:clamp(3.4rem,6vw,5.5rem)}

main>.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.regional-agenda{content-visibility:auto;contain-intrinsic-size:1000px}
.story,.info-grid-section,.social-section,.schedule{content-visibility:auto;contain-intrinsic-size:900px}

/* Agendas: seis resultados al ingresar y despliegue voluntario. */
.agenda-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:-.75rem 0 1.4rem;color:#526574;font-size:.9rem}
.agenda-meta strong{color:#215361}
.agenda-more{display:flex;justify-content:center;margin-top:1.4rem}
.agenda-more button{border:1px solid #215361;background:#fff;color:#173b46;border-radius:999px;padding:.75rem 1.2rem;font:700 .9rem/1 Inter,Arial,sans-serif;cursor:pointer}
.agenda-more button:hover,.agenda-more button:focus-visible{background:#215361;color:#fff}
.regional-agenda .today-programs{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Todos los flyers ocupan un marco idéntico sin recorte ni deformación. */
#programacion .program-card{display:grid;grid-template-rows:280px 1fr;min-width:0}
#programacion .program-card img{display:block!important;box-sizing:border-box!important;width:100%!important;height:280px!important;min-height:280px!important;max-height:280px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#fff!important;padding:.55rem!important}
#programacion .program-card>div{display:flex;flex-direction:column;min-height:150px}
#programacion .program-card h3{font-size:1.55rem;line-height:1.02;min-height:3.15rem;margin:.45rem 0 .35rem}
#programacion .program-card p{margin-top:auto;font-size:.94rem}

/* Las tarjetas diarias comparten escala, alineación y tipografía. */
#today-programs .today-photo-frame{height:230px!important;min-height:230px!important;max-height:230px!important;flex-basis:230px!important}
#today-programs .today-host-photo{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
#today-programs .today-program h3{font:800 1.55rem/1.02 Barlow Condensed,sans-serif;min-height:3.1rem;margin:.55rem 0 .35rem;text-transform:uppercase}
#today-programs .today-program>span:not(.today-live-badge){font-size:.76rem;letter-spacing:.04em}

/* Historia resumida en portada. */
.story.story-condensed{align-items:start}
.story.story-condensed .history-stage{max-height:430px;overflow:hidden;border-radius:18px;position:relative}
.story.story-condensed .history-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:92px;background:linear-gradient(transparent,#fff);pointer-events:none}
.story.story-condensed .story-copy p:nth-of-type(n+4){display:none}
.story-toggle{border:0;background:#215361;color:#fff;border-radius:999px;padding:.78rem 1.15rem;font-weight:800;cursor:pointer;margin-top:.65rem}
.story.story-expanded .history-stage{max-height:none}
.story.story-expanded .history-stage:after{display:none}
.story.story-expanded .story-copy p:nth-of-type(n+4){display:block}

/* Menú móvil legible y reproductor sin superposiciones. */
@media(max-width:1100px){
  .site-header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 76px);overflow:auto;gap:.25rem .7rem;padding:1rem}
  .site-header nav a{padding:.62rem .7rem;border-radius:8px;background:rgba(255,255,255,.055);white-space:normal}
}
@media(max-width:900px){
  .regional-agenda .today-programs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  :root{--section-space:3.2rem}
  .section{padding-left:1rem;padding-right:1rem}
  .regional-agenda .today-programs{grid-template-columns:minmax(0,1fr)}
  #programacion .program-card{grid-template-rows:245px 1fr}
  #programacion .program-card img{height:245px!important;min-height:245px!important;max-height:245px!important}
  #today-programs .today-photo-frame{height:250px!important;min-height:250px!important;max-height:250px!important;flex-basis:250px!important}
  .story.story-condensed .history-stage{max-height:350px}
  .fixed-player{padding-bottom:env(safe-area-inset-bottom)}
  .fixed-player-inner{column-gap:.55rem!important;row-gap:.35rem!important}
  .fixed-player-listeners{min-width:0;text-align:right}
  .fixed-player-listeners strong{font-size:1.05rem}
}
@media(max-width:460px){
  .site-header nav.open{grid-template-columns:1fr}
  .agenda-meta{align-items:flex-start;flex-direction:column;gap:.25rem}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.agenda-more button,.story-toggle{transition:none!important}}