.wtv{--rojo:#E30613;--rojo2:#ff4d57;--pad:clamp(16px,4vw,64px);position:relative;width:100vw;left:50%;margin-left:-50vw;overflow:hidden;font-family:'Montserrat',system-ui,sans-serif;color:#fff;background:radial-gradient(60% 50% at 15% 0%,rgba(227,6,19,.2),transparent 60%),radial-gradient(40% 50% at 100% 60%,rgba(36,120,255,.1),transparent 60%),#050608;padding:88px 0 96px;isolation:isolate}
.wtv *{box-sizing:border-box}
.wtv strong,.wtv b{color:#fff!important}
.wtv::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.025) 4px);pointer-events:none;z-index:-1}
.wtv__ghost{position:absolute;right:-40px;top:20px;font-family:'Oswald',sans-serif;font-size:min(420px,40vw);font-weight:700;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);pointer-events:none;z-index:-1}
.wtv__wrap{max-width:1312px;margin:0 auto;padding:0 var(--pad)}
.wtv__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.wtv__kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--rojo2)}
.wtv__dot{width:8px;height:8px;border-radius:50%;background:var(--rojo);animation:wtvLive 1.4s infinite}
.wtv .wtv__title{margin:12px 0 0!important;display:flex;align-items:center;gap:16px;font-family:'Oswald',sans-serif!important;font-size:clamp(48px,6vw,88px)!important;font-weight:700!important;line-height:.9!important;text-transform:uppercase;color:#fff!important;letter-spacing:0!important}
.wtv__title span{padding:2px 16px 4px;background:var(--rojo);box-shadow:0 0 40px rgba(227,6,19,.55)}
.wtv__tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.wtv__tabs::-webkit-scrollbar{display:none}
.wtv .wtv__tab{flex:none;cursor:pointer;padding:12px 16px 14px!important;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;font-family:'Oswald',sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;color:rgba(255,255,255,.55)!important;transition:color .2s,border-color .2s}
.wtv .wtv__tab:hover{color:#fff!important}
.wtv .wtv__tab[aria-selected="true"]{color:#fff!important;border-bottom-color:var(--rojo)!important}
.wtv__stage{margin-top:36px;display:flex;gap:24px;flex-wrap:wrap}
.wtv__feat{flex:999 1 620px;min-width:0;position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;box-shadow:0 40px 90px -40px rgba(227,6,19,.45)}
.wtv__feat>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;animation:wtvKb 18s ease-in-out infinite alternate;transition:opacity .35s}
.wtv__feat.is-swap>img{opacity:0}
.wtv__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.45) 42%,rgba(5,6,8,0) 70%),linear-gradient(90deg,rgba(5,6,8,.55) 0%,rgba(5,6,8,0) 45%)}
.wtv__badges{position:absolute;left:28px;top:24px;display:flex;gap:8px}
.wtv__badge{padding:6px 10px;background:var(--rojo);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.wtv__badge--new{background:#fff;color:#050608}
.wtv__views{position:absolute;right:24px;top:22px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.8)}
.wtv__info{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,3vw,40px);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.wtv__date{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo2)}
.wtv__ftitle{margin-top:10px;font-family:'Oswald',sans-serif;font-size:clamp(28px,3.6vw,56px);font-weight:700;line-height:.98;text-transform:uppercase;max-width:720px;transition:opacity .35s,transform .35s}
.wtv__feat.is-swap .wtv__ftitle{opacity:0;transform:translateY(10px)}
.wtv .wtv__play{flex:none;cursor:pointer;width:96px;height:96px;border-radius:50%!important;border:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;background:var(--rojo)!important;color:#fff!important;box-shadow:none;animation:wtvRing 2.2s infinite;transition:transform .25s}
.wtv .wtv__play:hover{transform:scale(1.08)}
.wtv__play svg{width:34px;height:34px;margin-left:4px}
.wtv__list{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.wtv__lhead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.wtv__lhead b{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.wtv__lhead span{font-size:11px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.5)}
.wtv__items{flex:1;overflow-y:auto;max-height:520px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.wtv .wtv__item{cursor:pointer;width:100%;display:flex;gap:14px;align-items:center;padding:12px 18px!important;border:0!important;border-left:3px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;text-align:left;font:inherit;transition:background .25s}
.wtv .wtv__item:hover{background:rgba(255,255,255,.06)!important}
.wtv .wtv__item.is-on{border-left-color:var(--rojo)!important;background:rgba(227,6,19,.1)!important}
.wtv__item[hidden]{display:none!important}
.wtv__thumb{position:relative;flex:none;width:148px;aspect-ratio:16/9;overflow:hidden;background:#111}
.wtv__thumb img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.wtv__item:hover .wtv__thumb img{transform:scale(1.08)}
.wtv__eq{position:absolute;left:8px;bottom:8px;display:none;align-items:flex-end;gap:2px;height:14px}
.wtv__eq i{display:block;width:3px;background:var(--rojo);animation:wtvEq .9s ease-in-out infinite}
.wtv__eq i:nth-child(2){animation-delay:.2s}.wtv__eq i:nth-child(3){animation-delay:.4s}
.wtv__item.is-on .wtv__eq{display:flex}
.wtv__meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.wtv__meta small{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo2)}
.wtv__meta strong{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;line-height:1.15;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wtv__rhead{margin-top:72px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.wtv .wtv__rtitle{margin:10px 0 0!important;font-family:'Oswald',sans-serif!important;font-size:clamp(36px,4vw,56px)!important;font-weight:700!important;line-height:.95!important;text-transform:uppercase;color:#fff!important;letter-spacing:0!important}
.wtv__rtitle em{font-style:normal;color:var(--rojo)}
.wtv .wtv__sub{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:13px 18px;border:1px solid rgba(255,255,255,.3);color:#fff!important;text-decoration:none!important;transition:background .25s,border-color .25s}
.wtv .wtv__sub:hover{background:var(--rojo);border-color:var(--rojo)}
.wtv__rail{--g:max(var(--pad),calc((100% - 1312px) / 2 + var(--pad)));margin-top:28px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px var(--g) 26px;scroll-padding-inline:var(--g);scrollbar-width:none}
.wtv__rail::-webkit-scrollbar{display:none}
.wtv__rail{position:relative}
/* En PC alinean las flechas; el "imán" de las tarjetas se deja solo para deslizar con el dedo */
@media (min-width:768px){.wtv__rail{scroll-snap-type:none!important}}
.wtv__rnav{display:flex;align-items:center;gap:10px}
.wtv__arrows{display:flex;gap:8px}
.wtv .wtv__arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;cursor:pointer;transition:background .25s,border-color .25s,opacity .25s}
.wtv .wtv__arrow:hover:not(:disabled){background:var(--rojo)!important;border-color:var(--rojo)!important}
.wtv .wtv__arrow:disabled{opacity:.3;cursor:default}
.wtv .wtv__reel{cursor:pointer;flex:0 0 210px;aspect-ratio:9/16;position:relative;overflow:hidden;border:0!important;border-radius:0!important;padding:0!important;background:#111!important;box-shadow:none;color:#fff!important;text-align:left;font:inherit;scroll-snap-align:start;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.wtv .wtv__reel:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 30px 60px -24px rgba(227,6,19,.55)}
.wtv__reel img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.wtv__reel:hover img{transform:scale(1.1)}
.wtv__rshade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.2) 45%,rgba(0,0,0,0) 65%),linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 20%)}
.wtv__rbars{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px}
.wtv__rbars i{flex:1;height:3px;background:rgba(255,255,255,.3)}
.wtv__rbars i:first-child{background:rgba(255,255,255,.85)}
.wtv__top{position:absolute;left:10px;top:22px;padding:4px 8px;background:var(--rojo);font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.wtv__rinfo{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px}
.wtv__rinfo strong{font-family:'Oswald',sans-serif;font-size:18px;font-weight:600;line-height:1.08;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wtv__rinfo span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.8)}
.wtv__rinfo svg{width:12px;height:12px;flex:none}
.wtv__rinfo span{white-space:nowrap}
.wtv .wtv__vw{font-style:normal;color:inherit}
/* Reproductores (se mueven al final de <body>) */
.wtv-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;gap:24px;padding:24px;background:rgba(3,3,5,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:'Montserrat',system-ui,sans-serif;color:#fff}
.wtv-modal *{box-sizing:border-box}
.wtv-modal.is-open{display:flex}
.wtv-modal__box{width:min(1100px,100%);display:flex;flex-direction:column;gap:18px;animation:wtvRise .35s cubic-bezier(.2,.8,.2,1)}
.wtv-modal__bar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.wtv-modal__label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#ff4d57}
.wtv-modal__screen{position:relative;aspect-ratio:16/9;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 120px -40px rgba(227,6,19,.6)}
.wtv-modal__screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wtv-modal__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.wtv-modal__ttl{font-family:'Oswald',sans-serif;font-size:clamp(20px,2.4vw,26px);font-weight:700;text-transform:uppercase;line-height:1.1}
.wtv-modal__nav{display:flex;gap:8px}
.wtv-modal .wtv-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:'Oswald',sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase;line-height:1!important;text-decoration:none!important;transition:background .2s,border-color .2s}
.wtv-modal .wtv-btn:hover,.wtv-modal .wtv-btn--red{background:#E30613!important;border-color:#E30613!important}
.wtv-modal .wtv-btn--icon{width:46px;height:46px;padding:0!important}
.wtv-modal .wtv-btn--round{width:52px;height:52px;padding:0!important;border-radius:50%!important;flex:none}
.wtv-modal__dot{width:8px;height:8px;border-radius:50%;background:#E30613;animation:wtvLive 1.4s infinite}
.wtv-story{position:relative;height:min(86vh,760px);aspect-ratio:9/16;max-width:calc(100vw - 32px);background:#000;overflow:hidden;box-shadow:0 50px 120px -30px rgba(227,6,19,.6);animation:wtvRise .35s cubic-bezier(.2,.8,.2,1)}
.wtv-story iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wtv-story__bars{position:absolute;left:12px;right:12px;top:10px;display:flex;gap:4px;z-index:2;pointer-events:none}
.wtv-story__bars span{flex:1;height:3px;background:rgba(255,255,255,.3);overflow:hidden}
.wtv-story__bars b{display:block;height:100%;width:0;background:#fff}
.wtv-story__col{display:flex;flex-direction:column;align-items:center;gap:14px}
.wtv-story__foot{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px}
.wtv-story__ttl{font-family:'Oswald',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.1;max-width:60%}
.wtv-story__mnav{display:none}
html.wtv-lock,html.wtv-lock body{overflow:hidden!important}
@keyframes wtvKb{0%{transform:scale(1.04)}100%{transform:scale(1.14) translate(-2%,-1.5%)}}
@keyframes wtvRing{0%{box-shadow:0 0 0 0 rgba(227,6,19,.65)}70%{box-shadow:0 0 0 26px rgba(227,6,19,0)}100%{box-shadow:0 0 0 0 rgba(227,6,19,0)}}
@keyframes wtvEq{0%,100%{height:4px}50%{height:14px}}
@keyframes wtvLive{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes wtvRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:1024px){.wtv{padding:64px 0 72px}.wtv__list{flex-basis:100%}
 .wtv__items{max-height:none;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:16px 18px 18px;scrollbar-width:none}
 .wtv__items::-webkit-scrollbar{display:none}
 .wtv .wtv__item{flex:0 0 230px;flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 10px!important;border-left:0!important;border-bottom:3px solid transparent!important;scroll-snap-align:start}
 .wtv .wtv__item.is-on{border-bottom-color:var(--rojo)!important;background:transparent!important}
 .wtv .wtv__item:hover{background:transparent!important}
 .wtv__thumb{width:100%!important}}
@media (max-width:767px){
 .wtv{padding:52px 0 60px}
 .wtv__head{gap:18px}
 .wtv__tabs{margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}
 .wtv__stage{margin-top:22px;gap:16px}
 .wtv__feat{aspect-ratio:4/5;flex-basis:100%}
 .wtv__badges{left:16px;top:16px}.wtv__views{right:16px;top:18px;font-size:11px}
 .wtv .wtv__play{width:64px;height:64px}.wtv__play svg{width:24px;height:24px}
 .wtv .wtv__item{flex-basis:200px}
 .wtv__meta strong{font-size:15px}
 .wtv__rhead{margin-top:52px}
 .wtv__arrows{display:none}
 .wtv .wtv__reel{flex-basis:160px}
 .wtv__rinfo strong{font-size:15px}
 .wtv .wtv__vw{display:none}
 .wtv-modal{padding:16px;gap:12px}
 .wtv-modal.is-story{flex-direction:column}
 .wtv-modal.is-story>.wtv-btn--round{display:none}
 .wtv-story{height:min(74vh,640px)}
 .wtv-story__mnav{display:flex;gap:8px}
}
@media (prefers-reduced-motion:reduce){.wtv *,.wtv-modal *{animation:none!important;transition:none!important}}
/* Versión clara (como Últimas noticias): fondo claro y textos oscuros; el vídeo destacado y los reels siguen siendo "pantallas" oscuras */
.wtv.wtv--claro{color:#0b0b0d;background:radial-gradient(50% 45% at 8% 0%,rgba(227,6,19,.07),transparent 60%),#f4f4f6}
.wtv--claro::before{display:none}
.wtv--claro strong,.wtv--claro b{color:inherit!important}
.wtv--claro .wtv__ghost{-webkit-text-stroke-color:rgba(11,11,13,.07)}
.wtv--claro .wtv__kicker{color:var(--rojo)}
.wtv.wtv--claro .wtv__title,.wtv.wtv--claro .wtv__rtitle{color:#0b0b0d!important}
.wtv--claro .wtv__title span{color:#fff;box-shadow:0 14px 34px -10px rgba(227,6,19,.55)}
.wtv.wtv--claro .wtv__tab{color:rgba(11,11,13,.5)!important}
.wtv.wtv--claro .wtv__tab:hover,.wtv.wtv--claro .wtv__tab[aria-selected="true"]{color:#0b0b0d!important}
.wtv--claro .wtv__feat{color:#fff;box-shadow:0 40px 80px -40px rgba(11,11,13,.55)}
.wtv--claro .wtv__list{background:#fff;border-color:rgba(11,11,13,.08);box-shadow:0 30px 60px -40px rgba(11,11,13,.25)}
.wtv--claro .wtv__lhead{border-bottom-color:rgba(11,11,13,.08)}
.wtv--claro .wtv__lhead span{color:rgba(11,11,13,.5)}
.wtv--claro .wtv__items{scrollbar-color:rgba(11,11,13,.2) transparent}
.wtv.wtv--claro .wtv__item{color:#0b0b0d!important}
.wtv.wtv--claro .wtv__item:hover{background:rgba(11,11,13,.04)!important}
.wtv.wtv--claro .wtv__item.is-on{background:rgba(227,6,19,.07)!important}
.wtv--claro .wtv__meta small{color:var(--rojo)}
.wtv--claro .wtv__thumb{background:#dcdce0}
.wtv.wtv--claro .wtv__sub{background:#0b0b0d;border-color:#0b0b0d;color:#fff!important}
.wtv.wtv--claro .wtv__sub:hover{background:var(--rojo);border-color:var(--rojo)}
.wtv.wtv--claro .wtv__arrow{border-color:rgba(11,11,13,.25)!important;color:#0b0b0d!important}
.wtv.wtv--claro .wtv__arrow:hover:not(:disabled){color:#fff!important}
.wtv.wtv--claro .wtv__arrow:disabled{background:transparent!important}
.wtv--claro .wtv__rinfo strong{color:#fff!important}
@media (max-width:1024px){.wtv.wtv--claro .wtv__item.is-on,.wtv.wtv--claro .wtv__item:hover{background:transparent!important}}
/* Reels encajados en el ancho del contenido, sin salirse por los lados: 6 por página en PC y 4 en tablet (en móvil se deja asomar el siguiente) */
@media (min-width:768px){
 .wtv__rail{width:calc(100% - 2 * var(--pad));max-width:calc(1312px - 2 * var(--pad));margin-left:auto;margin-right:auto;padding:14px 0 26px!important;scroll-padding-inline:0}
 .wtv .wtv__reel{flex:0 0 calc((100% - 3 * 18px) / 4)}
 .wtv .wtv__reel:hover{transform:translateY(-8px)}
 .wtv__rinfo span{font-size:10px;letter-spacing:.03em}
}
@media (min-width:1181px){.wtv .wtv__reel{flex-basis:calc((100% - 5 * 18px) / 6)}}