:root{--azul-marca:#0c53a2;--azul-medio:#0977bd;--azul-claro:#0d9cd8;--azul-suave:#79cff2;--verde:#1e7a37;--rojo:#c92a2a;--ambar:#d89b0d;--ambar-texto:#8a6200;--tinta:#1a1a1a;--gris-texto:#474747;--gris-suave:#737373;--linea:#e6ebf1;--fondo:#f8fafc;--blanco:#fff;--verde-fondo:#e3f2e7;--rojo-fondo:#fde8e8;--ambar-fondo:#fffaf0;--azul-fondo:#eaf4fc;--radio:10px;--radio-chico:8px;--sombra:0 1px 3px #0c53a214, 0 8px 24px #0c53a20f;--fuente:Avenir, "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);font-family:var(--fuente);margin:0}#root{justify-content:center;align-items:flex-start;min-height:100vh;padding:1rem;display:flex}.cuerpo{padding:.75rem 1rem 1.25rem}button{cursor:pointer;border-radius:var(--radio-chico);background:var(--azul-marca);color:var(--blanco);border:none;padding:.6rem 1rem;font-family:inherit;font-size:1rem}button:disabled{background:var(--gris-suave);cursor:not-allowed}button:focus-visible{outline:2px solid var(--azul-medio);outline-offset:2px}.error{color:var(--rojo);margin:0;font-size:.88rem}.error.banda{background:var(--rojo-fondo);border-bottom:1px solid var(--linea);padding:.6rem 1rem}.cargando{color:var(--gris-suave);text-align:center;width:100%;padding:3rem 1rem}.fallo-central{background:var(--blanco);border:1px solid var(--linea);border-top:6px solid var(--rojo);border-radius:var(--radio);box-shadow:var(--sombra);text-align:center;max-width:26rem;padding:2rem}.fallo-central h1{color:var(--rojo);margin:0 0 .6rem;font-size:1.15rem}.fallo-central p{color:var(--gris-texto);font-size:.92rem;line-height:1.55}.login{background:var(--blanco);border-radius:var(--radio);border-top:6px solid var(--azul-marca);width:100%;max-width:22rem;box-shadow:var(--sombra);flex-direction:column;gap:.5rem;margin-top:8vh;padding:2rem;display:flex}.login h1{text-align:center;color:var(--azul-marca);margin:0 0 .5rem;font-size:1.2rem}.login label{color:var(--gris-suave);font-size:.8rem}.login input{border:1px solid var(--linea);border-radius:var(--radio-chico);padding:.7rem;font-family:inherit;font-size:1rem}@media (width<=767px){#root{padding:0}.cuerpo{padding:.5rem .6rem 1rem}}.grabacion{align-items:center;gap:.4rem;display:inline-flex}.grabacion-boton{background:var(--azul-fondo);width:44px;height:44px;color:var(--azul-marca);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.75rem;line-height:1;display:inline-flex}.grabacion-tiempo{font-variant-numeric:tabular-nums;color:var(--gris-suave);font-size:.8rem}.menu-tipificacion{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);flex-direction:column;gap:.3rem;width:15rem;padding:.6rem;display:flex}.menu-titulo{text-transform:uppercase;letter-spacing:.06em;color:var(--gris-suave);margin:0 0 .2rem;font-size:.7rem;font-weight:700}.menu-tipificacion .opcion{background:var(--blanco);color:var(--tinta);border:1px solid var(--linea);text-align:left;min-height:44px;font-size:.9rem}.menu-tipificacion .opcion.elegida{background:var(--azul-marca);border-color:var(--azul-marca);color:var(--blanco);font-weight:600}.menu-tipificacion .opcion:disabled{opacity:.55}.menu-enlace{color:var(--azul-medio);text-align:left;background:0 0;padding:.4rem .2rem;font-size:.85rem;text-decoration:underline}.menu-etiqueta{color:var(--gris-suave);font-size:.75rem}.menu-tipificacion textarea{border:1px solid var(--linea);border-radius:var(--radio-chico);resize:vertical;min-height:3.5rem;padding:.5rem;font-family:inherit;font-size:.9rem}.menu-pista{color:var(--gris-suave);margin:0;font-size:.72rem}.historial{flex-direction:column;gap:.4rem;display:flex}.historial-titulo{text-transform:uppercase;letter-spacing:.08em;color:var(--gris-suave);margin:.5rem 0 .2rem;font-size:.72rem;font-weight:700}.vacio{color:var(--gris-suave);text-align:center;padding:2rem 0}.cabecera-tabla{display:none}.fila{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);grid-template-columns:1fr auto;align-items:center;gap:.4rem .75rem;padding:.7rem .85rem;display:grid}.fila.resaltada{background:var(--ambar-fondo);border-color:var(--ambar);box-shadow:inset 3px 0 0 var(--ambar)}.celda{align-items:center;gap:.35rem;min-width:0;display:flex}.celda.destino{font-variant-numeric:tabular-nums;font-weight:600}.celda.cuando{color:var(--gris-suave);gap:.3rem;font-size:.8rem}.celda.cuando strong{color:var(--tinta);font-variant-numeric:tabular-nums}.celda.duracion{font-variant-numeric:tabular-nums;color:var(--gris-texto)}.celda.tipificacion{justify-content:flex-end;position:relative}.raya{color:var(--linea)}.chip{border:none;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.chip.ok{background:var(--verde-fondo);color:var(--verde)}.chip.ko{background:var(--rojo-fondo);color:var(--rojo)}.chip.pendiente{background:var(--azul-fondo);color:var(--azul-marca);border:1px dashed var(--azul-suave);cursor:pointer;min-height:44px}.chip.tipificado{color:var(--gris-texto);cursor:pointer;text-align:right;background:0 0;min-height:44px;font-weight:500}.anclaje-menu{z-index:20;background:var(--blanco);border-radius:var(--radio) var(--radio) 0 0;padding:.5rem;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #00000026}.anclaje-menu .menu-tipificacion{width:100%;box-shadow:none;border:none}@media (width>=768px){.cabecera-tabla{text-transform:uppercase;letter-spacing:.06em;color:var(--gris-suave);grid-template-columns:5.5rem 9rem 5rem 7.5rem 8rem 1fr;gap:.75rem;padding:.4rem .85rem;font-size:.68rem;font-weight:700;display:grid}.fila{grid-template-columns:5.5rem 9rem 5rem 7.5rem 8rem 1fr;gap:.75rem}.celda.tipificacion{justify-content:flex-start}.anclaje-menu{z-index:20;border-radius:var(--radio);box-shadow:var(--sombra);padding:0;position:absolute;inset:100% 0 auto auto}.anclaje-menu .menu-tipificacion{border:1px solid var(--linea);width:15rem;box-shadow:var(--sombra)}}.marco{border:6px solid var(--linea);background:var(--blanco);border-radius:14px;width:100%;max-width:1100px;transition:border-color .16s}.marco-gris{border-color:var(--linea)}.marco-azul{border-color:var(--azul-marca)}.marco-verde{border-color:var(--verde)}.marco-rojo{border-color:var(--rojo)}.marco-ambar{border-color:var(--ambar)}.barra-estado{color:var(--blanco);letter-spacing:.12em;text-transform:uppercase;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;margin:0;padding:.55rem 1rem;font-size:.72rem;font-weight:800;display:flex}.marco-gris>.barra-estado{background:var(--gris-suave)}.marco-azul>.barra-estado{background:var(--azul-marca)}.marco-verde>.barra-estado{background:var(--verde)}.marco-rojo>.barra-estado{background:var(--rojo)}.marco-ambar>.barra-estado{background:var(--ambar);color:var(--tinta)}.pantalla-llamada{text-align:center;padding:3rem 1rem 3.5rem}.estado-palabra{letter-spacing:.14em;text-transform:uppercase;color:var(--gris-texto);margin:0;font-size:.78rem;font-weight:800}.marco-azul .estado-palabra{color:var(--azul-marca)}.marco-verde .estado-palabra{color:var(--verde)}.marco-rojo .estado-palabra{color:var(--rojo)}.marco-ambar .estado-palabra{color:var(--ambar-texto)}.cronometro{font-variant-numeric:tabular-nums;color:var(--azul-marca);margin:.6rem 0 .2rem;font-size:clamp(2.75rem,9vw,4rem);font-weight:200}.numero-llamado{letter-spacing:.04em;color:var(--gris-texto);font-variant-numeric:tabular-nums;margin:0;font-size:1.1rem;font-weight:600}.controles{justify-content:center;gap:1.75rem;margin-top:2rem;display:flex}.boton-control{color:var(--gris-texto);background:0 0;flex-direction:column;align-items:center;gap:.45rem;padding:0;display:inline-flex}.redondo{background:var(--linea);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.35rem;line-height:1;transition:background-color .16s;display:inline-flex}.rotulo{font-size:.78rem;font-weight:700}.boton-control.mute .redondo{background:var(--linea)}.boton-control.mute.activo .redondo{background:var(--ambar)}.boton-control.mute.activo{color:var(--ambar-texto)}.boton-control.colgar .redondo{background:var(--rojo);color:var(--blanco)}.boton-control.colgar{color:var(--rojo)}.barra-sesion{border-bottom:1px solid var(--linea);background:var(--blanco);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.barra-sesion .marca{color:var(--azul-marca);font-weight:600}.barra-sesion .marca strong{font-weight:800}.barra-sesion .operador{color:var(--gris-texto);flex:1;min-width:0}.conexion{font-size:.78rem;font-weight:700}.conexion.ok{color:var(--verde)}.conexion.ko{color:var(--rojo)}.conexion.aviso{color:var(--ambar-texto)}.salir{color:var(--gris-suave);background:0 0;min-height:44px;padding:.4rem .5rem;font-size:.82rem;text-decoration:underline}.salir:hover{color:var(--rojo)}@media (width<=767px){.barra-sesion .marca{display:none}}.marcador{border-bottom:1px solid var(--linea);background:var(--fondo);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.marcador-etiqueta{text-transform:uppercase;letter-spacing:.07em;color:var(--gris-suave);font-size:.7rem;font-weight:700}.marcador-fila{gap:.5rem;display:flex}.marcador input{font-variant-numeric:tabular-nums;letter-spacing:.03em;border:1px solid var(--linea);border-radius:var(--radio-chico);background:var(--blanco);min-width:0;color:var(--tinta);flex:1;padding:.7rem .9rem;font-family:inherit;font-size:1.25rem}.marcador input:focus-visible{outline:2px solid var(--azul-medio);outline-offset:1px}.llamar{background:var(--azul-marca);min-height:48px;padding:.7rem 2rem;font-weight:700}.marcador-acciones{gap:1rem;display:flex}.enlace{color:var(--azul-medio);background:0 0;min-height:44px;padding:.3rem 0;font-size:.82rem;text-decoration:underline}.teclas{grid-template-columns:repeat(5,1fr);gap:.4rem;max-width:24rem;display:grid}.teclas button{background:var(--blanco);color:var(--tinta);border:1px solid var(--linea);min-height:44px;font-size:1.1rem}@media (width<=767px){.marcador-acciones .enlace[aria-expanded],.teclas{display:none}.marco{border-width:4px;border-radius:0;min-height:100vh}.barra-estado{border-radius:0}}