:root{--fondo:#0a0e17;--superficie:#121826;--superficie-alta:#1a2133;--borde:#212a3d;--azul:#1a3a6b;--turquesa:#12c2b0;--texto:#f2f6fb;--texto-suave:#8a99b3;--error:#ff6b6b;--aviso:#ffc857;--radio:12px;--sombra:0 8px 32px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border-radius:var(--radio);background:var(--azul);color:var(--texto);border:none;min-height:44px;padding:.65rem 1rem}button:hover:not(:disabled){background:#24508f}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--turquesa);outline-offset:2px}.btn-acento{background:var(--turquesa);color:#06231f;font-weight:600}.btn-acento:hover:not(:disabled){background:#16d8c4}.btn-plano{color:var(--texto-suave);background:0 0}input{font:inherit;border-radius:var(--radio);border:1px solid var(--borde);background:var(--superficie);width:100%;color:var(--texto);min-height:44px;padding:.65rem .85rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--fondo)}::-webkit-scrollbar-thumb{background:var(--borde);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--azul)}.aviso{color:var(--texto-suave);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem 1rem;display:flex}.aviso--error{color:var(--error)}.aviso__girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.aviso__girando{animation:none}}.login{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login__caja{background:var(--superficie);width:100%;max-width:380px;box-shadow:var(--sombra);border:1px solid var(--borde);border-radius:16px;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;display:flex}.login__logo{align-self:center;width:210px;margin-bottom:1.25rem}.login__caja label{color:var(--texto-suave);margin-top:.5rem;font-size:.85rem}.login__caja button{margin-top:1.25rem}.login__error{color:var(--error);margin:.15rem 0 0;font-size:.85rem}.login__motivo{border:1px solid var(--aviso);color:var(--aviso);border-radius:var(--radio);background:#ffc8571f;margin:0 0 .5rem;padding:.6rem .8rem;font-size:.85rem}.marco{flex-direction:column;min-height:100dvh;display:flex}.navegacion{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--borde);background:#0a0e17d1;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}.navegacion__logo{height:28px}.navegacion__enlaces{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.navegacion__enlace{min-height:44px;color:var(--texto-suave);border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.92rem;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.navegacion__enlace:hover{color:var(--texto);background:#ffffff0f}.navegacion__enlace.es-activo{color:var(--turquesa);background:#12c2b01f;border-color:#12c2b059;font-weight:600}.navegacion__enlace.es-proximo{color:#5c6a83;cursor:default}.navegacion__enlace.es-proximo:hover{color:#5c6a83;background:0 0}.navegacion__enlace em{opacity:.75;border:1px solid;border-radius:999px;padding:.05rem .4rem;font-size:.7rem;font-style:normal}.contenido{flex:1}@media (width<=640px){.navegacion{gap:.5rem;padding:.5rem .75rem}.navegacion__enlace span,.navegacion__enlace em{display:none}}.reproductor{background:#000;position:relative}.reproductor__video{aspect-ratio:16/9;background:#000;width:100%;display:block}.reproductor--aviso{aspect-ratio:16/9;background:var(--superficie);color:var(--texto-suave);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.reproductor--aviso p{max-width:42ch;margin:0}.reproductor__barra{background:var(--superficie);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .85rem;display:flex}.reproductor__nombre{font-weight:600}.reproductor__error{color:var(--error);background:#ff6b6b1f;margin:0;padding:.6rem .85rem;font-size:.9rem}.reproductor[data-completa=true]{flex-direction:column;height:100%;display:flex}.reproductor[data-completa=true] .reproductor__video{aspect-ratio:auto;flex:1;height:100%}.lista{padding:.75rem 1rem 2rem}.lista__buscador{color:var(--texto-suave);background:var(--superficie);border:1px solid var(--borde);border-radius:999px;align-items:center;gap:.6rem;margin-bottom:.85rem;padding:0 .9rem;display:flex}.lista__buscador input{background:0 0;border:none;padding-left:0}.lista__buscador input:focus-visible{outline:none}.lista__buscador:focus-within{border-color:#12c2b080}.lista__categorias{scrollbar-width:thin;gap:.4rem;margin-bottom:.5rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.ficha{color:var(--texto-suave);white-space:nowrap;border:1px solid var(--borde);background:0 0;border-radius:999px;min-height:38px;padding:.4rem .9rem;font-size:.85rem;transition:color .15s,background .15s,border-color .15s}.ficha:hover:not(.es-activa){color:var(--texto);background:#ffffff08;border-color:#33405c}.ficha.es-activa{color:var(--turquesa);background:#12c2b024;border-color:#12c2b066;font-weight:600}.lista__canales{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.lista__canales li{align-items:stretch;gap:.35rem;display:flex}.canal{text-align:left;background:var(--superficie);border:1px solid #0000;border-left-width:3px;flex:1;align-items:center;gap:.8rem;padding:.55rem .8rem;transition:background .15s,border-color .15s;display:flex}.canal:hover{background:var(--superficie-alta)}.canal.es-activo{background:var(--superficie-alta);border-left-color:var(--turquesa);box-shadow:inset 0 0 0 1px #12c2b02e}.canal.es-activo .canal__nombre{color:var(--turquesa);font-weight:600}.canal__nombre{flex:1}.canal__guia{color:var(--turquesa);border:1px solid;border-radius:999px;padding:.05rem .45rem;font-size:.7rem}.canal__favorito{background:var(--superficie);color:var(--texto-suave);padding:0 .75rem}.canal__favorito[aria-pressed=true]{color:var(--aviso)}.logo-canal{object-fit:contain;background:var(--fondo);border-radius:6px;flex-shrink:0;width:40px;height:40px}.logo-canal--inicial{color:var(--texto-suave);place-items:center;font-weight:700;display:grid}.directo{flex-direction:column;display:flex}.directo__reproductor{z-index:10;background:var(--fondo);position:sticky;top:46px}.guia{background:var(--superficie);padding:.5rem .85rem;font-size:.88rem}.guia p{margin:.1rem 0}.guia strong{color:var(--turquesa);margin-right:.4rem}.guia__despues{color:var(--texto-suave)}@media (width>=1100px){.directo{flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem}.directo__reproductor{flex:1;position:sticky;top:62px}.directo .lista{width:380px;max-height:calc(100dvh - 80px);padding-top:0;overflow-y:auto}}.ajustes{gap:1rem;max-width:620px;padding:1rem;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);gap:.75rem;padding:1.1rem 1.25rem;display:grid}.tarjeta h2{margin:0;font-size:1.05rem}.tarjeta__nota{color:var(--texto-suave);align-items:flex-start;gap:.5rem;margin:0;font-size:.87rem;line-height:1.45;display:flex}.datos{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;display:grid}.datos dt{color:var(--texto-suave);font-size:.87rem}.datos dd{margin:0}