:root{--azul:#14488c;--azul-medio:#5176a6;--cian:#5fc2d9;--amarillo:#f2b705;--gris:#f2f2f2;--blanco:#fff;--linea:#5176a63d;--sombra:0 18px 48px #14488c24}*{box-sizing:border-box}html{min-height:100vh}body{min-width:320px;min-height:100vh;color:var(--azul);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#fdfdfe 0%,#eef3f8 100%) fixed;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.acciones{align-items:center;gap:8px;display:flex}.estado-conexion{border:1px solid var(--linea);background:var(--gris);min-height:36px;color:var(--azul-medio);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.estado-conexion i{background:var(--amarillo);border-radius:50%;width:8px;height:8px}.estado-conexion.conectado i{background:var(--cian)}.estado-conexion.error i{background:var(--azul-medio)}.boton{border:1px solid var(--azul);background:var(--blanco);min-height:39px;color:var(--azul);cursor:pointer;border-radius:7px;padding:0 15px;font-size:12px;font-weight:700}.boton.primario{background:var(--azul);color:var(--blanco)}.boton:disabled{cursor:wait;opacity:.6}.ficha-wrapper{width:100%;container-type:inline-size}.ficha-tabla{aspect-ratio:1.5;border:1px solid var(--linea);background:var(--color-ficha,var(--gris));width:100%;min-width:0;color:var(--azul);cursor:default;border-radius:4cqw;flex-direction:column;padding:3cqw;display:flex;position:relative;overflow:visible}.ficha-tabla:hover,.ficha-tabla:focus-visible{z-index:50;border-color:var(--cian);box-shadow:var(--sombra);outline:none}.ficha-tabla .franja{background:var(--amarillo);border-radius:1cqw;flex:none;width:100%;height:2.5cqw;min-height:2px;margin-bottom:2cqw}.ficha-tabla .ficha-cabecera{justify-content:flex-start;align-items:center;height:8cqw;min-height:0;display:flex}.ficha-tabla .numero{font-size:7cqw;font-weight:500}.ficha-tabla .metadatos{flex-direction:column;align-items:flex-end;gap:1.5cqw;display:flex;position:absolute;top:8.5cqw;right:3cqw}.ficha-tabla .badge{background:var(--color-badge,#5176a638);border-radius:999px;justify-content:center;align-items:center;min-width:12cqw;height:8cqw;padding:0 2cqw;font-size:4.5cqw;font-weight:700;display:inline-flex}.ficha-tabla .badge.hora{background:var(--color-badge-hora,var(--color-badge,#5fc2d94d))}.ficha-tabla .punto-estado{background:var(--cian);border-radius:50%;flex:none;width:4cqw;height:4cqw}.ficha-tabla .centro-tarjeta{flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}.ficha-tabla .familia{letter-spacing:-.03em;font-size:26cqw;font-weight:800;line-height:1}.ficha-tabla .codigo-container{align-items:center;gap:1.5cqw;display:flex}.ficha-tabla .codigo{color:var(--azul-medio);text-align:center;margin-top:0;font-size:6.5cqw;font-weight:500}.ficha-tabla .camaras{justify-content:center;align-items:center;gap:1.5cqw;margin-top:auto;display:flex}.ficha-tabla .camara{white-space:nowrap;text-overflow:ellipsis;background:#5fc2d942;border-radius:999px;justify-content:center;align-items:center;width:12cqw;height:8cqw;padding:0 1cqw;font-size:4.2cqw;font-weight:700;display:inline-flex;overflow:hidden}.ficha-tabla .camara.mas{background:#5176a638;width:auto;padding:0 1.5cqw;font-weight:800}@keyframes respirarActual{0%,to{transform:scale(1);box-shadow:0 0 0 2px #0b8f5538}50%{transform:scale(1.075);box-shadow:0 12px 30px #0b8f5559}}@keyframes recordarFicha{0%,to{filter:brightness();transform:scale(1)}30%,70%{filter:brightness(1.13);transform:scale(1.055);box-shadow:0 0 0 4px #f2b76a57}50%{transform:scale(.985)}}.ficha-tabla.ficha-actual{z-index:45;border:2px solid #0b8f55;animation:2.2s ease-in-out infinite respirarActual;--color-ficha:#c7f3d7!important;--color-badge:#8dd7ac!important}.ficha-tabla.recordar{z-index:46;animation:1.8s ease-in-out recordarFicha}.tooltip{z-index:200;border:1px solid var(--linea);background:var(--gris);width:310px;box-shadow:var(--sombra);opacity:0;pointer-events:none;color:var(--azul);border-radius:14px;padding:15px;transition:opacity .15s,transform .15s;display:block;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(7px,-50%)}.tooltip:before{content:"";border-left:1px solid var(--linea);border-bottom:1px solid var(--linea);background:var(--gris);width:16px;height:16px;position:absolute;top:calc(50% - 8px);left:-9px;transform:rotate(45deg)}.ficha-tabla:hover .tooltip,.ficha-tabla:focus-visible .tooltip{opacity:1;transform:translateY(-50%)}.tooltip-cabecera{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.tooltip-cabecera strong{font-size:13px;font-weight:700}.tooltip-cabecera span{color:var(--azul-medio);font-size:11px}.tooltip-fila{border-bottom:1px solid var(--linea);grid-template-columns:70px 1fr;gap:11px;padding:9px 0;display:grid}.tooltip-fila:last-child{border-bottom:0;padding-bottom:0}.tooltip-fila small{color:var(--azul-medio);font-size:11px}.tooltip-fila b{font-size:11px;font-weight:700;line-height:1.45}.columna:nth-child(n+13) .tooltip{left:auto;right:calc(100% + 10px);transform:translate(-7px,-50%)}.columna:nth-child(n+13) .ficha-tabla:hover .tooltip,.columna:nth-child(n+13) .ficha-tabla:focus-visible .tooltip{transform:translateY(-50%)}.columna:nth-child(n+13) .tooltip:before{border:0;border-top:1px solid var(--linea);border-right:1px solid var(--linea);left:auto;right:-9px}.serie-fichas .tooltip{top:auto;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,7px)}.serie-fichas .tooltip:before{border:0;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);top:auto;bottom:-9px;left:calc(50% - 8px)}.serie-fichas .ficha-tabla:hover .tooltip,.serie-fichas .ficha-tabla:focus-visible .tooltip{transform:translate(-50%)}.guia-central{z-index:12;color:var(--azul);pointer-events:none;justify-items:center;gap:clamp(8px,1vw,15px);display:grid;position:absolute;top:clamp(54px,4.2vw,78px);left:18%;right:18%}.guia-titulo{text-align:center}.guia-titulo h2{margin:0;font-size:clamp(10px,1.25vw,19px)}.guia-titulo p{color:var(--azul-medio);margin:4px 0 0;font-size:clamp(6px,.68vw,10px)}.guia-diagrama{width:calc(min(100%, 850px) * var(--zoom,1));height:calc(clamp(220px, 25vw, 380px) * var(--zoom,1));position:relative}.ficha-guia{aspect-ratio:1.5;border:1px solid var(--linea);background:#fff0c9;border-radius:4cqw;flex-direction:column;padding:3cqw;display:flex;overflow:visible}.ficha-guia .franja{background:var(--amarillo);border-radius:1cqw;flex:none;width:100%;height:2.5cqw;min-height:2px;margin-bottom:2cqw}.ficha-guia .ficha-cabecera{justify-content:flex-start;align-items:center;height:8cqw;min-height:0;display:flex}.ficha-guia .numero{font-size:7cqw;font-weight:500}.ficha-guia .metadatos{flex-direction:column;align-items:flex-end;gap:1.5cqw;display:flex;position:absolute;top:8.5cqw;right:3cqw}.ficha-guia .badge{background:#f2d98e;border-radius:999px;justify-content:center;align-items:center;min-width:12cqw;height:8cqw;padding:0 2cqw;font-size:4.5cqw;font-weight:700;display:inline-flex}.ficha-guia .badge.hora{background:#f2d98e}.ficha-guia .punto-estado{background:var(--cian);border-radius:50%;flex:none;width:4cqw;height:4cqw}.ficha-guia .centro-tarjeta{flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}.ficha-guia .familia{letter-spacing:-.03em;font-size:26cqw;font-weight:800;line-height:1}.ficha-guia .codigo-container{align-items:center;gap:1.5cqw;display:flex}.ficha-guia .codigo{color:var(--azul-medio);text-align:center;margin-top:0;font-size:6.5cqw;font-weight:500}.ficha-guia .camaras{justify-content:center;align-items:center;gap:1.5cqw;margin-top:auto;display:flex}.ficha-guia .camara{white-space:nowrap;background:#5fc2d942;border-radius:999px;justify-content:center;align-items:center;width:12cqw;height:8cqw;padding:0 1cqw;font-size:4.2cqw;font-weight:700;display:inline-flex;overflow:hidden}.ficha-guia .camara.mas{background:#5176a638;width:auto;padding:0 1.5cqw;font-weight:800}.llamada{align-items:center;gap:calc(clamp(4px, .45vw, 8px) * var(--zoom,1));width:33%;font-size:calc(clamp(6px, .74vw, 11px) * var(--zoom,1));text-transform:uppercase;letter-spacing:.03em;font-weight:800;line-height:1.15;display:flex;position:absolute}.llamada:after,.llamada:before{content:"";background:var(--azul-medio);flex:1;height:1px}.llamada.izquierda{text-align:right;justify-content:flex-end;left:0}.llamada.izquierda:before{display:none}.llamada.derecha{right:0}.llamada.derecha:after{display:none}.llamada.numero-guia{top:9%}.llamada.familia-guia{top:41%}.llamada.codigo-guia{top:70%}.llamada.fondo-guia{top:84%}.llamada.dia-guia{top:8%}.llamada.hora-guia{top:20%}.llamada.estado-guia{top:32%}.llamada.camaras-guia{top:72%}.llamada.adicionales-guia{top:86%}.leyenda-fases{top:calc(3% + (clamp(150px, 17vw, 255px) * var(--zoom,1) / 1.5) + calc(85px * var(--zoom,1)));justify-content:center;gap:calc(clamp(6px, .9vw, 14px) * var(--zoom,1)) calc(clamp(12px, 1.8vw, 24px) * var(--zoom,1));z-index:200;flex-wrap:wrap;width:max-content;max-width:90%;margin:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.leyenda-fases span{min-width:0;color:var(--azul-medio);font-size:calc(clamp(8px, 1vw, 13px) * var(--zoom,1));align-items:center;gap:6px;font-weight:500;line-height:1.2;display:flex}.leyenda-fases i{width:calc(clamp(12px, 1.4vw, 18px) * var(--zoom,1));height:calc(clamp(12px, 1.4vw, 18px) * var(--zoom,1));border:1px solid var(--linea);border-radius:3px;flex:none}@media (width<=820px){.guia-central{padding:8px 6px 14px;position:relative;inset:auto}.guia-diagrama{height:clamp(205px,54vw,300px)}.ficha-guia{width:clamp(135px,31vw,190px)}.llamada{width:31%;font-size:clamp(5px,1.35vw,8px)}.leyenda-fases{grid-template-columns:repeat(2,minmax(0,1fr))}}.tabla-seccion{padding:0 clamp(8px,1.6vw,24px) 40px}.tabla-cabecera{justify-content:space-between;align-items:end;gap:20px;padding:0 clamp(6px,1.4vw,20px) 12px;display:flex}.tabla-cabecera h2{margin:0;font-size:20px}.tabla-cabecera p{color:var(--azul-medio);margin:5px 0 0;font-size:10px}.conteo{color:var(--azul-medio);font-size:11px;font-weight:700}.tabla-marco{border:1px solid var(--linea);background:var(--blanco);border-radius:12px;width:100%;padding:clamp(8px,1.2vw,18px);position:relative;overflow:visible}#fullscreen-wrapper:fullscreen{background:var(--blanco)!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;overflow:hidden!important}#fullscreen-wrapper:fullscreen #contenedor-impresion{transform:scale(var(--exact-scale,1))!important;transform-origin:50%!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.tabla-periodica{gap:calc(clamp(5px, .58vw, 12px) * var(--zoom,1));grid-template-columns:repeat(15,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.tabla-periodica.cargando{opacity:.55}.columna{z-index:1;flex-direction:column;justify-content:flex-end;min-width:0;display:flex;position:relative;container-type:inline-size}.columna:hover{z-index:20}.cabecera-columna{min-height:calc(clamp(25px, 3vw, 44px) * var(--zoom,1));margin-top:auto;margin-bottom:calc(clamp(5px, .55vw, 10px) * var(--zoom,1));border-bottom:2px solid var(--linea);color:var(--azul);text-align:center;font-size:calc(clamp(6px, .76vw, 12px) * var(--zoom,1));letter-spacing:.03em;place-items:center;font-weight:800;display:grid}.cabecera-columna.dia-actual{border-color:var(--cian);background:#5fc2d91f;border-radius:5px}.pila{gap:calc(clamp(5px, .52vw, 11px) * var(--zoom,1));flex-direction:column;display:flex}.vacio{min-height:320px;color:var(--azul-medio);text-align:center;grid-column:1/-1;place-items:center;font-size:13px;display:grid}.series-especiales{gap:calc(clamp(14px, 1.5vw, 24px) * var(--zoom,1));margin:calc(clamp(20px, 2.2vw, 36px) * var(--zoom,1)) clamp(8px, 1.4vw, 20px) 0;display:grid}.serie-especial{grid-template-columns:1fr calc(clamp(105px, 10vw, 155px) * var(--zoom,1));gap:calc(clamp(12px, 1.6vw, 25px) * var(--zoom,1));align-items:center;display:grid}.serie-etiqueta{padding-left:calc(12px * var(--zoom,1));border-left:3px solid var(--azul);text-align:left}.serie-etiqueta strong{font-size:calc(clamp(10px, 1vw, 15px) * var(--zoom,1));display:block}.serie-etiqueta small{color:var(--azul-medio);font-size:calc(clamp(7px, .7vw, 10px) * var(--zoom,1));margin-top:4px;display:block}.serie-fichas{justify-content:flex-end;gap:calc(clamp(8px, .9vw, 15px) * var(--zoom,1));min-height:calc(100px * var(--zoom,1));flex-wrap:wrap;align-items:flex-start;display:flex}.serie-fichas>.ficha-wrapper{flex:none;width:var(--exact-card-width,calc(clamp(92px, 10vw, 118px) * var(--zoom,1)))!important}.reloj-actual{color:var(--azul-medio);align-items:center;gap:7px;margin-left:10px;font-size:10px;font-weight:700;display:inline-flex}.reloj-actual:before{content:"";background:#0b8f55;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0b8f551f}@media (width<=820px){.tabla-seccion{padding-inline:3px}.tabla-marco{border-radius:5px;padding-inline:3px}.tabla-periodica,.pila{gap:2px}.serie-especial{grid-template-columns:70px 1fr;gap:7px}.serie-fichas{grid-template-columns:repeat(auto-fill,minmax(76px,92px));gap:5px}}.solo-impresion{display:none!important}.exportando-jpg{--zoom:.95!important;width:1754px!important;height:1240px!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;flex-direction:column!important;justify-content:flex-start!important;padding:45px 160px 30px!important;display:flex!important;overflow:hidden!important}.exportando-jpg .serie-fichas>.ficha-wrapper{width:85px!important}.exportando-jpg .series-especiales{margin-top:auto!important;margin-bottom:10px!important}.exportando-jpg .serie-especial:first-child{transform:translateY(15px)!important}.exportando-jpg .serie-fichas{justify-content:flex-end!important;align-items:center!important}.exportando-jpg .serie-especial{align-items:center!important}.exportando-jpg .solo-impresion{display:block!important}.exportando-jpg,.exportando-jpg *{transition:none!important;animation:none!important}.exportando-jpg .guia-central{transform-origin:top!important;top:150px!important;transform:scale(.75)!important}@media print{@page{size:A4 landscape;margin:5mm}body *{visibility:hidden}.zoom-wrapper{--zoom:1!important;width:100%!important}.tabla-marco,.tabla-marco *{visibility:visible}.tabla-marco{width:100%;box-shadow:none;border:none;padding:0;position:absolute;top:0;left:0}.tabla-cabecera{display:none!important}.solo-impresion{display:block!important}}.aviso{z-index:400;background:var(--azul);max-width:min(420px,100vw - 36px);color:var(--blanco);box-shadow:var(--sombra);opacity:1;border-radius:9px;padding:12px 15px;font-size:11px;line-height:1.4;transition:opacity .3s,transform .3s;position:fixed;bottom:18px;right:18px;transform:translateY(0)}.aviso.oculto{opacity:0;pointer-events:none;transform:translateY(20px)}.login-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#14488c66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--blanco);box-shadow:var(--sombra);text-align:center;border-radius:16px;width:90%;max-width:420px;padding:40px;animation:.4s ease-out fadeIn}.login-card h2{color:var(--azul);margin:0 0 12px;font-size:24px}.login-card p{color:var(--azul-medio);margin:0 0 24px;font-size:14px;line-height:1.5}.login-card form{flex-direction:column;gap:16px;display:flex}.input-group input{border:1px solid var(--linea);width:100%;color:var(--azul);background:var(--gris);border-radius:8px;outline:none;padding:14px 16px;font-size:16px;transition:all .2s}.input-group input:focus{border-color:var(--cian);background:var(--blanco);box-shadow:0 0 0 3px #5fc2d933}.input-group.error input{background:#fef2f2;border-color:#ef4444}.error-message{color:#ef4444;text-align:left;margin-top:-8px;font-size:13px}.login-button{background:var(--azul);color:var(--blanco);cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.login-button:hover{background:#0f366e}.login-button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}