/* Compactación general: pie pequeño, menos altura por bloque y celular menos recargado. Se carga al final. */

/* ---------- pie de página pequeño (todas las pantallas) ---------- */
.foot-mark,.foot-wave{display:none}
.site-footer{margin-top:-22px;border-radius:22px 22px 0 0;padding-top:clamp(18px,2.4vw,26px)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px clamp(20px,3vw,44px);align-items:start}
.foot-brand{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}
.foot-brand img{width:56px;height:auto;margin:0;filter:none}
.foot-brand p{margin:0;font-size:.82rem;line-height:1.4;color:var(--on-dark-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.foot-brand .socials-row{grid-column:1/-1}
.foot-col{gap:5px}
.foot-col .foot-h{font-size:.7rem;letter-spacing:.1em;margin:0 0 2px}
.foot-col a,.foot-col span{font-size:.86rem;gap:7px}
.foot-col[aria-label="Secciones"]{display:flex;flex-wrap:wrap;gap:4px 14px;align-content:flex-start}
.foot-col[aria-label="Secciones"] .foot-h{flex:0 0 100%}
.foot-base{margin-top:14px;padding:10px 0;font-size:.78rem}
.foot-credit{padding:8px 16px calc(12px + var(--dock-h));gap:8px;font-size:.78rem}
.foot-credit a,.foot-credit .fc-n{padding:3px 10px;font-size:.8rem;letter-spacing:.08em}

/* ---------- estudio: botón de chat (solo en celular) ---------- */
.st-chat-open{display:none}

@media(max-width:760px){
  /* ritmo vertical más corto */
  .band:not(.band-hero):not(.band-gold){padding-block:22px}
  .home>.band+.band,#app>.band+.band{padding-top:30px}
  .sec-head{margin-bottom:12px}
  .sec-head h2{font-size:1.2rem;padding-bottom:8px}.sec-head h2::after{width:44px;height:3px}
  .sec-head .more{font-size:.82rem}

  /* portada compacta: logo pequeño, título corto, un solo botón */
  .hero{padding-block:12px 22px}
  .hero-in{gap:6px}
  .hero-art{max-width:132px;margin:0 auto -6px}
  .hero-freq{transform:scale(.62) rotate(-4deg);transform-origin:bottom right;right:-4%;bottom:0}
  .hero-copy{gap:10px}
  .hero-h{font-size:2.2rem}
  .hero-sub{font-size:.95rem}
  .hero-cta .btn{min-height:46px;font-size:.95rem}
  .hero-wave{display:none}
  .hero-air{transform:scale(.9);transform-origin:left}
  .ticker{font-size:.78rem}.ticker .tk-i{padding-block:6px}

  /* estudio: barra de una línea, reproductor protagonista, chat en un botón */
  .studio{padding-block:10px 14px;gap:10px}
  .st-bar{padding:8px 12px;gap:8px;flex-wrap:nowrap;min-height:0}
  .st-tag{font-size:.62rem;padding:4px 8px;white-space:nowrap}
  .st-now{flex:1 1 0;min-width:0}
  .st-now small,.st-hosts,.st-clock{display:none}
  .st-now strong{font-size:.9rem}
  .st-main{gap:10px}
  .st-chat{display:none}
  .live-card{border-radius:18px}
  .console{padding:14px;min-height:0;gap:12px}
  .st-chat-open{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:14px;cursor:pointer;color:#fff;text-align:left;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:inherit}
  .st-chat-open>.i:first-child{flex:0 0 22px;width:22px;height:22px;color:var(--c-accent)}
  .st-chat-open span{flex:1;min-width:0;display:grid;gap:1px}
  .st-chat-open strong{font:700 .95rem var(--f-ui)}
  .st-chat-open small{font-size:.78rem;color:var(--on-dark-3)}
  .st-chat-open>.i:last-child{flex:0 0 18px;width:18px;height:18px;opacity:.6}

  /* noticias y programación más cortas */
  .nf-slider .hs-a{min-height:250px}
  .nf-slider .hs-copy h3{font-size:1.15rem}
  .nf-slider .hs-copy p{display:none}
  .nf-list li:nth-child(n+4){display:none}
  .td-list li{padding-block:8px}

  /* participar: cuatro mosaicos pequeños en 2 columnas */
  .pt-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pt{padding:12px;min-height:0;gap:6px}
  .pt small,.pt .pt-go{display:none}
  .pt strong{font-size:.9rem;line-height:1.2}
  .pt .pt-i{width:34px;height:34px}

  /* pie compacto en una sola columna corta */
  .foot-grid{grid-template-columns:1fr;gap:12px}
  .foot-brand img{width:46px}
  .foot-col[aria-label="Secciones"]{gap:2px 12px}
  .foot-col[aria-label="Secciones"] a{font-size:.84rem}
  .foot-base .wrap{justify-content:center;text-align:center}
}
@media(min-width:761px) and (max-width:1000px){
  .foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
}

/* evitar que un título largo ensanche todo el estudio (desbordaba la pantalla del celular) */
.studio{grid-template-columns:minmax(0,1fr)}
.st-bar>*,.st-main>*,.st-live,.st-live>*{min-width:0}
.st-now strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-now{overflow:hidden}

@media(max-width:760px){
  .hero-air{width:fit-content;justify-self:start}
  .pt-grid .pt:last-child:nth-child(odd){grid-column:1/-1}
}