/* ===== Capa de simplificación: portada corta, acciones en ventanas, chat flotante, sin animaciones que oculten contenido ===== */
[data-reveal],[data-reveal].in{opacity:1;transform:none;transition:none}
.page-in{animation:none}
.band{padding-block:clamp(34px,5vw,60px)}
.home>.band+.band,#app>.band+.band{padding-top:calc(clamp(34px,5vw,60px) + 38px)}
.sec-head{margin-bottom:clamp(16px,2.4vw,26px)}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);padding-bottom:10px}
.band-hero{padding-block:0!important}

/* cabecera */
.hwa{background:#1fb956;color:#04240f}.hwa:hover{background:#3be57a}
.livepill[hidden]{display:none}
.nav{gap:0}.nav a{padding:10px 11px}

/* portada principal más compacta, con un solo botón principal */
.hero{padding-block:clamp(26px,4.4vw,58px) clamp(50px,6vw,80px)}
.hero-h{font-size:clamp(2.7rem,7.6vw,6.2rem)}
.hero-scroll{display:none}
.hero-art{max-width:400px}
.hero-sub{font-size:clamp(1rem,1.5vw,1.18rem)}
.hero-cta .btn-ghost[hidden]{display:none}

/* noticias en portada */
.nf-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3.4vw,48px);align-items:start}
.nf-lead a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);text-decoration:none;color:inherit;align-items:center}
.nf-ph{aspect-ratio:4/3;background:#0d1b35;overflow:hidden}.nf-ph>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.nf-lead a:hover .nf-ph>img{transform:scale(1.04)}
.nf-tx{display:grid;gap:10px}.nf-tx h3{font:600 clamp(1.5rem,2.6vw,2.1rem)/1.1 var(--f-read);font-style:normal;text-transform:none;letter-spacing:-.015em}.nf-lead a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--c-live)}
.nf-tx p{margin:0;color:#47546e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nf-list{list-style:none;margin:0;padding:0;border-top:2px solid #0d1b35}
.nf-list li{border-bottom:1px solid rgba(13,27,53,.14)}.nf-list a{display:grid;gap:4px;padding:14px 0;text-decoration:none;color:inherit}
.nf-list strong{font:600 1.08rem/1.25 var(--f-read)}.nf-list a:hover strong{text-decoration:underline;text-underline-offset:4px}.nf-list time{font-size:.8rem;color:#5b6679}
@media(max-width:900px){.nf-grid{grid-template-columns:1fr}.nf-lead a{grid-template-columns:1fr}}
.kick{display:inline-block;font:700 .72rem/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--c-green)}

/* programación de hoy */
.td-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.td-list li{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line-d)}
.td-list time{font:600 1.9rem/1 var(--f-read);font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.td-list strong{display:block;font:600 1.25rem/1.2 var(--f-read)}.td-list span{color:var(--on-dark-3);font-size:.92rem}
.td-list .is-now{background:linear-gradient(90deg,rgba(229,38,43,.16),transparent);margin-inline:-14px;padding-inline:14px;box-shadow:inset 4px 0 0 var(--c-live)}
.td-flag{display:inline-flex;align-items:center;gap:8px;font:700 .72rem/1 var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:#ff8a82;font-style:normal}.td-flag i{width:8px;height:8px;border-radius:50%;background:var(--c-live);animation:pulse 1.6s ease-out infinite}
.td-tv{color:var(--green-hi)}.td-tv .i{width:18px;height:18px}

/* participa: acciones que abren ventanas */
.pt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border:1.5px solid #0d1b35;background:#fff}
.pt{position:relative;display:grid;gap:6px;align-content:start;text-align:left;padding:22px 22px 24px;border:0;border-right:1.5px solid #0d1b35;background:transparent;color:#0d1b35;cursor:pointer;transition:background .2s,color .2s}
.pt:last-child{border-right:0}
.pt-i{display:grid;place-items:center;width:44px;height:44px;background:var(--c-accent);color:#1d1400;margin-bottom:8px}
.pt strong{font:600 1.3rem/1.15 var(--f-read)}.pt small{font-size:.92rem;color:#47546e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pt-go{position:absolute;right:16px;top:20px;opacity:.4;transition:transform .2s,opacity .2s}
.pt:hover{background:#0d1b35;color:#fff}.pt:hover small{color:rgba(255,255,255,.75)}.pt:hover .pt-go{opacity:1;transform:translateX(4px)}
@media(max-width:700px){.pt{border-right:0;border-bottom:1.5px solid #0d1b35}.pt:last-child{border-bottom:0}}

/* franja de imágenes */
.md-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.md-i{display:block;aspect-ratio:4/3;overflow:hidden;background:#0d1b35}.md-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.md-i:hover img{transform:scale(1.06)}
.md-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn-ed-light{border-color:rgba(255,255,255,.55);color:#fff}.btn-ed-light:hover{background:#fff;color:#07142b}
@media(max-width:700px){.md-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.md-strip .md-i:nth-child(n+5){display:none}}

/* chat flotante y panel lateral */
.chat-fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(var(--dock-h) + 14px + env(safe-area-inset-bottom));z-index:75;display:inline-flex;align-items:center;gap:9px;padding:13px 20px 13px 16px;border:0;border-radius:999px;background:var(--gold-grad);color:#2a1b00;font:800 1rem/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 14px 30px -10px #000,0 0 0 1px rgba(255,255,255,.4) inset;transition:transform .2s var(--ease),bottom .3s var(--ease)}
.chat-fab:hover{transform:translateY(-2px)}.chat-fab .i{width:1.2em;height:1.2em}
.no-dock .chat-fab{bottom:calc(18px + env(safe-area-inset-bottom))}.no-fab .chat-fab{display:none}
.cdr-wrap{position:fixed;inset:0;z-index:250;background:rgba(3,8,20,.6);opacity:0;transition:opacity .25s}.cdr-wrap.in{opacity:1}
.cdr{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);background:#060f24;transform:translateX(100%);transition:transform .3s var(--ease);box-shadow:-20px 0 60px -20px #000}
.cdr-wrap.in .cdr{transform:none}.cdr-host{height:100%}.cdr .chat{height:100%;max-height:none;min-height:0;border-radius:0}
.cdr .chat-head{padding-right:64px}.cdr-x{position:absolute;right:12px;top:14px;z-index:3;background:rgba(255,255,255,.12)}

/* reproductor fijo: solo cuando hace falta */
.dock{transition:transform .3s var(--ease)}
.no-dock .dock{transform:translateY(115%);pointer-events:none}
body.no-dock{padding-bottom:0}
#toast-root{bottom:calc(var(--dock-h) + 18px)}.no-dock #toast-root{bottom:18px}

/* ventanas de formulario sobre fondo claro */
.modal-lt{background:#fbf9f3;color:#0d1b35;border-radius:4px}
.modal-lt .modal-h{color:#0d1b35;font:600 1.8rem/1.1 var(--f-read);font-style:normal;text-transform:none;margin-bottom:14px}
.modal-lt .modal-close{background:#eceff6;color:#0d1b35}
.modal-lt .ticket{box-shadow:none;border:0;border-radius:2px;grid-template-columns:1fr}.modal-lt .ticket-stub{display:none}
.modal-lt .ticket-form,.modal-lt .poll,.modal-lt .aud{padding:0;box-shadow:none;background:transparent;border-radius:0}
.modal-lt .poll h3{font-size:1.5rem}
.modal-lt .btn-gold{border-radius:2px;background:var(--c-accent);box-shadow:none;color:#1d1400}

/* página Participa */
.part-panel{max-width:760px;margin:0 auto 18px}.part-in .ticket,.part-in .poll,.part-in .aud,.part-in .contest{box-shadow:none;border:1.5px solid #0d1b35;border-radius:2px}
.part-in .ticket-stub{display:none}.part-in .ticket{grid-template-columns:1fr}
.part-note{max-width:760px;margin:0 auto;color:#5b6679;font-size:.92rem}
.ed-part .mast-bar{padding:0}.ed-part .btn-ed{margin:8px 0}

/* equipo de conducción plegado */
details.roster summary{cursor:pointer;font:600 1.3rem/1 var(--f-read);list-style:none;display:flex;justify-content:space-between;align-items:center}details.roster summary::after{content:"+";font:400 2rem/1 var(--f-ui)}details.roster[open] summary::after{content:"–"}
details.roster summary::-webkit-details-marker{display:none}
details.roster ul{margin-top:12px}
.live-hero{padding-block:22px 0}.live-hero h1{font-size:clamp(1.8rem,4vw,2.8rem)}

/* pie más corto */
.site-footer{padding-top:clamp(30px,4vw,52px)}.foot-grid{grid-template-columns:1.2fr 1fr 1.1fr}.foot-brand img{width:96px}
.foot-base{margin-top:26px}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media(max-width:480px){.foot-grid{grid-template-columns:1fr}}
.modal-lt .fld>span,.modal-lt .chk,.modal-lt small,.modal-lt .poll-foot,.modal-lt .aud-help{color:#47546e}
.modal-lt .chk span{color:#0d1b35}
.modal-lt input:not([type=checkbox]):not([type=range]),.modal-lt select,.modal-lt textarea{background:#fff;color:#0d1b35;border:1.5px solid rgba(13,27,53,.3);border-radius:2px}
.modal-lt select option{color:#000}
.modal-lt .aud-tabs button{border-radius:2px;background:#eceff6;color:#0d1b35}.modal-lt .aud-tabs button[aria-selected=true]{background:#0d1b35;color:#fff}
.modal-lt .popt{border-radius:2px;background:#fff}.modal-lt .pbar{border-radius:2px}
.modal-lt .linkish{color:#0d1b35}
@media(max-width:900px){.hero-art{max-width:200px;margin:0 auto -6px}.hero{padding-top:20px}.hero-copy{justify-items:stretch}.hero-cta .btn{width:100%}.hero-h{font-size:clamp(2.5rem,13vw,4rem)}.hero-now{width:100%}}