/* Estudio en vivo: lo primero que ve el oyente después de la portada. Reproductor + chat + programa al aire. */
.band.band-dark:has(.blk-studio){padding-top:0!important;padding-bottom:12px!important}
.blk-studio{grid-column:1/-1}
.studio{display:grid;gap:14px;padding-block:22px 30px}
.st-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.st-tag{display:inline-flex;align-items:center;gap:8px;font:700 .72rem var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--c-live);padding:6px 11px;border-radius:999px}
.st-tag i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.6s ease-in-out infinite}
.st-now{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1 1 260px}
.st-now small{font:600 .72rem var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi)}
.st-now strong{font:700 1.05rem var(--f-ui);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-hosts{color:var(--on-dark-3);font-size:.92rem;white-space:nowrap}
.st-clock{margin-left:auto;font:700 1rem var(--f-ui);font-variant-numeric:tabular-nums;color:var(--on-dark-2)}
.st-clock::after{content:" · PY";font-weight:500;color:var(--on-dark-3);font-size:.8rem}
.st-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:16px;align-items:stretch}
.no-chat .st-main{grid-template-columns:1fr}
.st-live,.st-chat{min-width:0}
.st-live .live-card{height:100%}
.st-chat .chat{height:100%;min-height:520px;max-height:640px}
@media(max-width:900px){.st-main{grid-template-columns:1fr}.st-chat .chat{min-height:420px;max-height:520px}.st-hosts{display:none}.st-clock{margin-left:0}}
/* portada más compacta: la radio (reproductor y chat) debe verse sin bajar mucho */
.hero{padding-block:clamp(18px,2.6vw,34px) clamp(34px,4vw,52px)}
.hero-h{font-size:clamp(2.4rem,6vw,4.6rem)}
.hero-art{max-width:300px}
.hero-wave{height:110px}
.ticker{border-block:0}
/* noticias destacadas: carrusel + lista lateral */
.nf-car{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:stretch;gap:20px}
.nf-car.nf-solo{grid-template-columns:1fr}
.nf-slider{border-radius:16px;box-shadow:0 18px 40px -26px #000;min-width:0}
.nf-slider .hs-a{min-height:clamp(340px,34vw,440px)}
.nf-slider .hs-copy{bottom:clamp(50px,5vw,62px);gap:10px}
.nf-slider .hs-copy h3{font:700 clamp(1.4rem,2.6vw,2.1rem)/1.15 var(--f-ui);text-transform:none;letter-spacing:-.02em;font-style:normal}
.nf-slider .hs-copy p{font-size:1rem}
.nf-side{display:flex;flex-direction:column;min-width:0}
.nf-h{margin:0 0 8px;font:700 .8rem var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:#47546e}
.nf-car .nf-list{flex:1;margin:0}
@media(max-width:900px){.nf-car{grid-template-columns:1fr}.nf-slider .hs-a{min-height:320px}}
/* chat: acceso con cuenta */
.chat-login{display:grid;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.chat-login strong{font:700 1rem var(--f-ui);color:#fff}
.chat-login p{margin:0;font-size:.88rem;line-height:1.45;color:var(--on-dark-2)}
.chat-login small{font-size:.8rem;color:var(--on-dark-3)}
.sso{display:grid;gap:8px}
.btn-sso{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 16px;border-radius:10px;background:#fff;color:#1f2937;font:600 .95rem var(--f-ui);text-decoration:none;border:1px solid #d6dbe4;transition:background .15s,box-shadow .15s}
.btn-sso:hover{background:#f3f5f9;box-shadow:0 2px 10px -4px rgba(0,0,0,.4)}
.btn-sso:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}
.sso-or{display:flex;align-items:center;gap:10px;color:var(--on-dark-3);font-size:.8rem;margin:2px 0}
.sso-or::before,.sso-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12)}
.verif{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:3px;border-radius:50%;background:var(--c-green);color:#fff;vertical-align:-3px}
.verif .i{width:10px;height:10px;stroke-width:3}