:root{--fondo: #0a0a0c;--panel: #16161a;--primario: #e50914;--texto: #ffffff;--texto-secundario: #a0a0a0;--borde: #2a2a2e;--seleccion: #3a3a3e}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--fondo);color:var(--texto);overflow:hidden}#root{display:flex;height:100vh;width:100vw}.contenedor-principal{flex:1;display:flex;flex-direction:column;overflow:hidden}.barra-lateral{width:280px;background-color:var(--panel);border-right:1px solid var(--borde);display:flex;flex-direction:column;padding:20px 0;position:relative;z-index:50}.logo{font-size:24px;font-weight:700;color:var(--primario);padding:0 20px 30px;display:flex;align-items:center;gap:10px}.menu-item{padding:12px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:background .2s;color:var(--texto-secundario)}.menu-item:hover,.menu-item.activo{background-color:var(--seleccion);color:var(--texto)}.cuadricula-canales{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--col-width, 200px),1fr));grid-auto-rows:min-content;align-content:start;gap:20px;padding:20px;overflow-y:auto;flex:1}.input-premium{padding:12px;border-radius:8px;border:1px solid #333;background:#1a1a1e;color:#fff;font-size:16px;outline:none;transition:border-color .3s}.input-premium:focus{border-color:#e50914}.boton-premium{padding:12px;border-radius:8px;background:#e50914;color:#fff;font-weight:700;border:none;cursor:pointer;transition:transform .2s,background .3s}.boton-premium:hover{background:#ff0f1a;transform:scale(1.02)}.boton-premium:disabled{background:#555;cursor:not-allowed}.icono-borrar{color:#888;transition:color .3s,transform .2s;cursor:pointer;padding:5px}.icono-borrar:hover{color:#ff4d4d;transform:scale(1.2)}.boton-borrar-item{background:none;border:none;color:var(--texto-secundario);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-left:10px}.boton-borrar-item:hover{background:#e509141a;color:var(--primario);transform:scale(1.1)}.tarjeta-canal{background-color:var(--panel);border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid var(--borde);position:relative;display:flex;flex-direction:column;height:min-content}.tarjeta-canal:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080;border-color:var(--primario)}.logo-canal{width:100%;aspect-ratio:16/9;object-fit:contain;margin-bottom:10px;background:#0003;border-radius:4px}.nombre-canal{font-weight:600;font-size:14px}.reproductor-fijo{position:fixed;bottom:0;right:0;width:400px;height:225px;background:#000;z-index:100;box-shadow:0 -5px 20px #000c;border-top-left-radius:12px;overflow:hidden}.reproductor-pantalla-completa{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:200}.controles-reproductor{position:absolute;bottom:0;left:0;right:0;padding:15px 25px 25px;background:linear-gradient(transparent,#000000f2);display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .3s}.reproductor-contenedor:hover .controles-reproductor{opacity:1}.boton-accion{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center}.progreso-epg{font-size:12px;color:var(--texto-secundario);margin-top:5px}.panel-configuracion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#16161af2;padding:30px;border-radius:12px;border:1px solid var(--borde);z-index:300;min-width:320px;max-width:90vw;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 50px #000c}.seccion-config{margin-bottom:25px}.seccion-config h4{margin:0 0 12px;color:var(--primario);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.5px}.seccion-config button{display:block;width:100%;padding:12px 15px;margin-bottom:8px;background:#1a1a1e;border:1px solid #333;color:#fff;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px}.seccion-config button:hover{background:var(--primario);border-color:var(--primario);transform:scale(1.02)}.boton-cerrar-config{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.boton-cerrar-config:hover{background:var(--primario)}.overlay-acciones-canal{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-between;padding:0 10px;opacity:0;transition:opacity .3s;z-index:10}.tarjeta-canal:hover .overlay-acciones-canal{opacity:1}.boton-accion-card{background:#0009;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.boton-accion-card:hover{transform:scale(1.1);background:#000c}.boton-accion-card.activo{color:#f44}.boton-accion-card.peligro:hover{background:#e50914cc}.separador-controles{align-self:center}.separador-sidebar{opacity:.3}.barra-filtros{display:flex;gap:10px;padding:5px 20px 10px;overflow-x:auto;white-space:nowrap}.barra-filtros::-webkit-scrollbar{height:6px}.barra-filtros::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.barra-filtros::-webkit-scrollbar-thumb{background:var(--primario);border-radius:10px;opacity:.5}.barra-filtros::-webkit-scrollbar-thumb:hover{background:#ff0f1a}.barra-filtros:after{content:"";padding-right:20px}.pill-categoria{padding:6px 15px;border-radius:20px;background:#1a1a1e;border:1px solid var(--borde);color:var(--texto-secundario);font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0}.pill-categoria:hover{border-color:var(--primario);color:#fff}.pill-categoria.activo{background:var(--primario);border-color:var(--primario);color:#fff;box-shadow:0 4px 10px #e509144d}.icono-pill-borrar{opacity:.5;transition:all .2s;padding:2px;border-radius:50%}.icono-pill-borrar:hover{opacity:1;background:#fff3;transform:scale(1.2)}.fila-controles{display:flex;align-items:center;gap:15px;width:100%}.contenedor-timeline{display:flex;align-items:center;gap:12px;width:100%}.tiempo-texto{color:#a0a0a0;font-size:12px;font-family:monospace;min-width:45px}.slider-timeline{flex:1;height:4px;cursor:pointer;accent-color:var(--primario);background:#ffffff1a;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-timeline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--primario);border-radius:50%;cursor:pointer;transition:transform .1s}.slider-timeline:hover::-webkit-slider-thumb{transform:scale(1.3)}.contenedor-volumen{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:5px 12px;border-radius:20px;transition:all .2s}.contenedor-volumen:hover{background:#ffffff1a}.slider-volumen{width:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;accent-color:var(--primario);transition:width .3s,opacity .2s;cursor:pointer}.contenedor-volumen:hover .slider-volumen{width:80px;opacity:1}.slider-volumen::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;cursor:pointer}.item-categoria-cleaner:hover{background:#ffffff0d}.item-categoria-cleaner input:checked+span{color:var(--primario);font-weight:700}.overlay-superior-epg{position:absolute;top:0;left:0;right:0;padding:40px;background:linear-gradient(rgba(0,0,0,.8),transparent);opacity:0;transform:translateY(-20px);transition:all .5s ease;pointer-events:none;z-index:250}.overlay-superior-epg.visible{opacity:1;transform:translateY(0)}.info-epg-floating{max-width:800px}.epg-badge{background:var(--primario);color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:4px;letter-spacing:1px}.epg-titulo-principal{margin:10px 0 5px;font-size:32px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5)}.epg-tiempo-principal{font-size:16px;color:#ccc;font-weight:500}.programa-siguiente-header{margin-top:15px;display:flex;align-items:center;gap:12px;background:#ffffff1a;width:fit-content;padding:5px 15px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.epg-label-next{font-size:11px;font-weight:800;color:var(--primario)}.epg-titulo-small{font-size:14px;color:#fff}.epg-hora-small{font-size:12px;color:#aaa}.epg-vivo{color:#ff4d52;font-weight:700;font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guia-epg-contenedor{flex:1;display:flex;flex-direction:column;padding:30px;overflow-y:auto;background:var(--fondo)}.guia-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px;flex-wrap:wrap}.guia-controles-info h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;color:var(--primario)}.guia-controles-info p{margin:0;color:var(--texto-secundario)}.guia-filtros{display:flex;gap:15px;align-items:center}.search-box-guia{position:relative;min-width:300px}.search-box-guia svg{position:absolute;left:12px;top:12px;color:#666}.search-box-guia input{width:100%;padding:10px 10px 10px 40px;background:#1a1a1e;border:1px solid var(--borde);border-radius:8px;color:#fff;outline:none}.search-box-guia input:focus{border-color:var(--primario)}.guia-tiempo-selector{display:flex;align-items:center;justify-content:center;gap:20px;background:#16161a;padding:15px;border-radius:12px;margin-bottom:30px;border:1px solid var(--borde)}.hora-actual-display{display:flex;flex-direction:column;align-items:center;min-width:150px}.hora-actual-display span{font-size:24px;font-weight:700;letter-spacing:1px}.hora-actual-display small{color:var(--texto-secundario);font-size:12px}.btn-tiempo{background:#2a2a2e;border:none;color:#fff;padding:8px 15px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .2s}.btn-tiempo:hover{background:#3a3a3e}.btn-reset-tiempo{background:var(--primario);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:12px}.guia-lista-canales{display:flex;flex-direction:column;gap:12px}.guia-fila-canal{display:flex;background:#16161a;border-radius:12px;border:1px solid var(--borde);overflow:hidden;height:90px;transition:transform .2s}.guia-fila-canal:hover{border-color:#444}.guia-canal-info{width:220px;min-width:220px;padding:15px;display:flex;align-items:center;gap:15px;background:#ffffff05;border-right:1px solid var(--borde)}.guia-canal-info img{width:60px;height:40px;object-fit:contain}.guia-canal-nombre{display:block;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guia-canal-cat{font-size:11px;color:var(--texto-secundario);text-transform:uppercase}.guia-programas-scroll{flex:1;display:flex;overflow-x:auto;padding:10px;gap:10px;align-items:center}.guia-programa-item{min-width:250px;max-width:300px;height:100%;padding:10px 15px;background:#1f1f23;border-radius:8px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid transparent}.guia-programa-item:hover{background:#2a2a2e;border-color:#444}.guia-programa-item.actual{background:#e509140d;border-color:#e5091433}.guia-programa-item.actual:hover{background:#e509141a}.guia-prog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.badge-vivo{background:var(--primario);color:#fff;font-size:9px;font-weight:900;padding:2px 5px;border-radius:3px}.icono-play-guia{color:var(--primario);opacity:.8}.guia-prog-titulo{font-weight:700;font-size:14px;line-height:1.2;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guia-prog-hora{font-size:12px;color:var(--texto-secundario)}.guia-programa-item.vacio{color:#555;font-style:italic;font-size:13px;background:none;border:1px dashed #333}.no-canales-guia,.loading-guia{text-align:center;padding:100px;color:#666;font-size:18px}.mini-placeholder{width:60px;height:40px;background:#333;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;color:#666;font-size:20px}.guia-programa-item.no-play{cursor:default;opacity:.7}.guia-programa-item.no-play:hover{background:#1f1f23;border-color:transparent}.guia-fila-canal.solo-info{opacity:.8;filter:grayscale(.5)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-formato{background:#fff3;padding:2px 6px;border-radius:4px;font-size:.8em;font-weight:700;color:#ddd;margin-left:8px;vertical-align:middle;border:1px solid rgba(255,255,255,.1)}.aviso-conexion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px;border-radius:8px;z-index:9999;font-weight:700}