/* Al aire ahora (portada). Tira horizontal con los programas del día: el que está al aire crece, muestra su avance y se centra;
   los que ya pasaron se atenúan. Continúa el negro del banner para que portada y tira se lean como un solo cuerpo. */
.cvtv-home .cvtv-onair { position:relative; margin-top:-1px; padding:clamp(28px,4vw,56px) 0 clamp(8px,2vw,24px); color:#fff; background:#040505; }
.cvtv-onair-inner { max-width:none; padding:0 max(var(--pad),calc((100% - 1200px)/2)); }
.cvtv-onair-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:18px 28px; margin-bottom:22px; }
.cvtv-home .cvtv-onair-title { display:flex; align-items:center; gap:16px; margin:0; color:#fff; }
.cvtv-home .cvtv-onair-title::after { display:none; }
.cvtv-onair-dot { flex:none; width:14px; height:14px; background:#e8403c; border-radius:50%; box-shadow:0 0 0 0 rgba(232,64,60,.6); animation:cvtv-onair-pulse 2s ease-out infinite; }
.cvtv-onair-tools { display:flex; align-items:center; gap:14px; }
.cvtv-onair-clock-wrap { margin:0; color:#a9a9b1; font:600 14px var(--cvtv-body,'Manrope',sans-serif); }
.cvtv-onair-clock { color:#fff; font:800 18px var(--cvtv-display,'Barlow Condensed',sans-serif); letter-spacing:.04em; }
.cvtv-onair-arrow { display:inline-grid; place-items:center; width:44px; height:44px; padding:0; color:#fff; font:800 22px/1 var(--cvtv-body,'Manrope',sans-serif); background:transparent; border:1px solid #ffffff66; border-radius:50%; cursor:pointer; transition:background-color .2s,border-color .2s,transform .2s; }
.cvtv-onair-arrow:hover, .cvtv-onair-arrow:focus-visible { background:#e8403c; border-color:#e8403c; transform:translateY(-2px); }
.cvtv-onair-rail { display:flex; align-items:stretch; gap:18px; padding:8px max(var(--pad),calc((100% - 1200px)/2)) 26px; margin:0; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#e8403c #1a1b1e; -webkit-overflow-scrolling:touch; }
.cvtv-onair-rail:focus-visible { outline:2px solid #e8403c; outline-offset:-2px; }
.cvtv-onair-card { position:relative; flex:0 0 clamp(250px,22vw,290px); display:flex; flex-direction:column; scroll-snap-align:center; padding:22px 22px 20px; overflow:hidden; color:#fff; background:linear-gradient(160deg,#17181b 0%,#0d0e10 100%); border:1px solid #2a2b30; border-radius:14px; transition:flex-basis .6s cubic-bezier(.2,.7,.2,1), border-color .4s, opacity .4s, box-shadow .4s; }
.cvtv-onair-card[hidden] { display:none; }
.cvtv-onair-card::before { content:''; position:absolute; left:0; top:0; width:100%; height:3px; background:#2a2b30; transform-origin:0 50%; transition:background-color .4s; }
.cvtv-onair-card.is-past { opacity:.5; }
.cvtv-onair-card.is-current { flex-basis:clamp(300px,46vw,640px); background:radial-gradient(120% 90% at 100% 0%,rgba(232,64,60,.34) 0%,transparent 58%), linear-gradient(160deg,#211214 0%,#0d0e10 100%); border-color:#e8403c; box-shadow:0 28px 60px -34px rgba(232,64,60,.7); }
.cvtv-onair-card.is-current::before { background:linear-gradient(90deg,#e8403c,#ff7a63); }
.cvtv-onair-card.is-current::after { content:''; position:absolute; z-index:0; right:-30px; bottom:-40px; width:230px; height:230px; opacity:.07; pointer-events:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='12' y='14' width='20' height='72' rx='10' fill='%23fff'/%3E%3Crect x='68' y='14' width='20' height='72' rx='10' fill='%23fff'/%3E%3Cpath d='M26 24L74 76' stroke='%23fff' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.cvtv-onair-card > * { position:relative; z-index:1; }
.cvtv-onair-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:16px; }
.cvtv-onair-time { display:inline-flex; align-items:center; padding:5px 11px; color:#ff9a95; font:800 clamp(16px,1.4vw,19px) var(--cvtv-display,'Barlow Condensed',sans-serif); letter-spacing:.02em; background:rgba(232,64,60,.14); border:1px solid rgba(232,64,60,.34); border-radius:8px; }
.cvtv-onair-cat { padding:4px 11px; color:#d4d4da; font:800 11px var(--cvtv-body,'Manrope',sans-serif); letter-spacing:.06em; text-transform:uppercase; border:1px solid #ffffff3d; border-radius:999px; }
.cvtv-onair-card[data-cat="noticias"] .cvtv-onair-cat { color:#fff; background:#e8403c; border-color:#e8403c; }
.cvtv-onair-card.is-current .cvtv-onair-meta::before { content:'Al aire'; display:inline-flex; align-items:center; gap:7px; padding:5px 11px; color:#c52e2a; font:800 11px var(--cvtv-body,'Manrope',sans-serif); letter-spacing:.1em; text-transform:uppercase; background:#fff; border-radius:999px; }
.cvtv-home .cvtv-onair-name { margin:0 0 12px; color:#fff; font-size:clamp(24px,2.2vw,30px); line-height:1.04; }
.cvtv-home .cvtv-onair-name::after { display:none; }
.cvtv-home .cvtv-onair-card.is-current .cvtv-onair-name { font-size:clamp(34px,4.2vw,54px); }
.cvtv-onair-text { margin:0; color:#b6b6be; font-size:15px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.cvtv-onair-card.is-current .cvtv-onair-text { -webkit-line-clamp:unset; max-width:46ch; color:#dcdce1; font-size:16px; }
.cvtv-onair-live { display:none; margin-top:auto; padding-top:24px; }
.cvtv-onair-card.is-current .cvtv-onair-live { display:block; }
.cvtv-onair-progress { height:8px; overflow:hidden; background:#ffffff1f; border-radius:99px; }
.cvtv-onair-progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#e8403c,#ff7a63); border-radius:99px; box-shadow:0 0 14px rgba(255,122,99,.7); transition:width 1s linear; }
.cvtv-onair-remaining { margin:10px 0 2px; color:#fff; font:800 14px var(--cvtv-body,'Manrope',sans-serif); }
.cvtv-onair-after { margin:0; min-height:1.2em; color:#a9a9b1; font:600 13px var(--cvtv-body,'Manrope',sans-serif); }
.cvtv-onair-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.cvtv-onair-btn { display:inline-flex; align-items:center; min-height:46px; padding:12px 20px; color:#fff; font:800 13px var(--cvtv-body,'Manrope',sans-serif); letter-spacing:.04em; text-transform:uppercase; text-decoration:none; background:#e8403c; border:2px solid #e8403c; border-radius:2px; transition:background-color .2s,color .2s,border-color .2s,transform .2s; }
.cvtv-onair-btn:hover, .cvtv-onair-btn:focus-visible { color:#101012; background:#fff; border-color:#fff; transform:translateY(-2px); }
.cvtv-onair-btn.is-outline { background:transparent; border-color:#ffffffcc; }
.cvtv-onair-btn.is-outline:hover, .cvtv-onair-btn.is-outline:focus-visible { color:#101012; background:#fff; }
.cvtv-onair-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@keyframes cvtv-onair-pulse { 0% { box-shadow:0 0 0 0 rgba(232,64,60,.6); } 70% { box-shadow:0 0 0 14px rgba(232,64,60,0); } 100% { box-shadow:0 0 0 0 rgba(232,64,60,0); } }
@media(max-width:760px) {
  .cvtv-onair-card { flex-basis:72vw; padding:20px 18px 18px; }
  .cvtv-onair-card.is-current { flex-basis:88vw; }
  .cvtv-onair-arrow { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .cvtv-onair-dot { animation:none; }
  .cvtv-onair-card, .cvtv-onair-progress span, .cvtv-onair-btn, .cvtv-onair-arrow { transition:none; }
}