@font-face{font-family:Geist;src:url(/fonts/Geist.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--tinta:#0f1b2d;--pizarra:#4a5566;--niebla:#f2f4f7;--linea:#e3e7ee;--blanco:#fff;--ambar:#e0a100;--verde:#1f8a5b;--rojo:#b42318;--rojo-fondo:#fef3f2;--sobre-tinta:#c3cbd8;--ambar-texto:#8f6300;--ambar-fondo:#fdf4dc;--tinta-hover:#22324a;--borde-control:#8a94a6;--foco:#8f6300;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--blanco);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0;font:400 14px/1.45 Geist,system-ui,-apple-system,Segoe UI,sans-serif}.widget{flex-direction:column;height:100vh;display:flex}.contenido{flex:auto;min-height:0;overflow-y:auto}.con-ccp .contenido{flex:0 auto;max-height:50vh}.barra{background:var(--tinta);height:40px;color:var(--blanco);justify-content:flex-start;align-items:center;gap:12px;padding:0 14px;display:flex}.agente{color:var(--sobre-tinta);align-items:center;gap:7px;font-size:13px;display:inline-flex}.agente:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.agente-listo{color:#7fd3a8}.agente-ocupado{color:#f3c969}.agente-error{color:#f7a29a}.llamada{border-bottom:1px solid var(--linea);padding:18px 16px 16px;position:relative}.llamada:before{content:"";background:var(--linea);height:3px;transition:background-color .2s;position:absolute;inset:0 0 auto}.fase-dialing .llamada:before{background:var(--ambar);animation:1.4s ease-in-out infinite latido}.fase-live .llamada:before{background:var(--verde)}.fase-sesion .llamada:before{background:var(--ambar)}@keyframes latido{50%{opacity:.35}}h1{color:var(--pizarra);margin:0 0 6px;font-size:13px;font-weight:500}.fase-live h1{color:var(--verde)}.fila{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.numero{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600}.cronometro{color:var(--pizarra);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.fase-live .cronometro{color:var(--verde)}.numero-chico{font-variant-numeric:tabular-nums;color:var(--tinta);font-weight:600}.detalle{color:var(--pizarra);margin:0 0 14px}.detalle:last-child{margin-bottom:0}form label{color:var(--pizarra);margin-bottom:6px;font-size:13px;font-weight:500;display:block}form .fila{align-items:stretch}input{border:1px solid var(--borde-control);background:var(--blanco);min-width:0;color:var(--tinta);font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;flex:1;padding:9px 11px;font-size:15px}.primario{background:var(--tinta);color:var(--blanco);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600}.llamada>.primario{width:100%}.primario:hover{background:var(--tinta-hover)}:focus-visible{outline:2px solid var(--foco);outline-offset:2px}input:focus-visible{outline-offset:0;border-color:var(--foco)}.error{border-left:3px solid var(--rojo);background:var(--rojo-fondo);color:var(--rojo);margin:12px 0 0;padding:9px 11px;font-size:13px}.controles{justify-content:center;gap:22px;margin-top:18px;display:flex}.controles:empty{display:none}.control{color:var(--pizarra);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;padding:0;font-size:12.5px;display:grid}.circulo{background:var(--niebla);width:54px;height:54px;color:var(--tinta);border-radius:50%;place-items:center;transition:background-color .15s,transform .12s;display:grid}.control:hover .circulo{background:var(--linea)}.control:active .circulo{transform:scale(.94)}.control[aria-pressed=true] .circulo{background:var(--tinta);color:var(--blanco)}.control[aria-pressed=true]{color:var(--tinta)}.colgar .circulo{background:var(--rojo);color:var(--blanco)}.colgar:hover .circulo{background:#912018}.colgar{color:var(--rojo)}.cerrar .circulo{background:var(--verde);color:var(--blanco)}.cerrar:hover .circulo{background:#176b46}.cerrar{color:var(--verde)}.control:focus-visible{outline:none}.control:focus-visible .circulo{outline:2px solid var(--foco);outline-offset:3px}.ver-ccp{border:0;border-bottom:1px solid var(--linea);background:var(--blanco);color:var(--pizarra);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:9px;margin:0;padding:10px 16px;font-size:13px;display:flex}.ver-ccp svg{flex:none;width:18px;height:18px}.ver-ccp:hover{color:var(--tinta);background:var(--niebla)}.ccp-panel:not(.visible){opacity:0;flex:0 0 1px;height:1px;overflow:hidden}.ccp-panel.visible{border:1px solid var(--borde-control);border-radius:10px;flex-direction:column;flex:auto;min-height:380px;margin:12px;display:flex;overflow:hidden}.ccp-titulo{border-bottom:1px solid var(--linea);background:var(--niebla);color:var(--pizarra);margin:0;padding:8px 12px;font-size:12.5px;font-weight:500}.ccp{background:var(--niebla);flex:1;min-height:0;position:relative}.ccp iframe{border:0}@media (prefers-reduced-motion:reduce){.fase-dialing .llamada:before{animation:none}.llamada:before{transition:none}}.fase-sesion .ccp iframe{visibility:hidden}@media (prefers-reduced-motion:reduce){.circulo{transition:none}}.cierre{gap:10px;margin-top:16px;display:grid}.cierre fieldset{border:0;margin:0;padding:0}.cierre legend,.notas-label{color:var(--pizarra);margin-bottom:8px;padding:0;font-size:13px;font-weight:500}.opciones{flex-wrap:wrap;gap:6px;display:flex}.opcion{border:1px solid var(--borde-control);background:var(--blanco);color:var(--tinta);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:13px;position:relative}.opcion input{opacity:0;pointer-events:none;position:absolute}.opcion:not(.elegida):hover{background:var(--niebla);color:var(--tinta)}.opcion.elegida,.opcion.elegida:hover,.opcion.elegida:focus,.opcion.elegida:active{background:var(--tinta);border-color:var(--tinta);color:var(--blanco)}.opcion:has(input:focus-visible){outline:2px solid var(--foco);outline-offset:2px}.resultados{grid-template-columns:1fr 1fr;display:grid}.resultados .opcion{text-align:center;justify-content:center;align-items:center;gap:6px;display:flex}.marca-sugerido{color:var(--ambar-texto);font-size:11px}.elegida .marca-sugerido{color:#f3c969}.resumen{background:var(--niebla);color:var(--pizarra);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}textarea{border:1px solid var(--borde-control);width:100%;font:inherit;color:var(--tinta);resize:vertical;border-radius:8px;padding:9px 11px}textarea:focus-visible{border-color:var(--foco);box-shadow:0 0 0 1px var(--foco);outline:none}.guardar{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.guardar svg{width:18px;height:18px}.contexto{background:var(--niebla);color:var(--pizarra);border-radius:10px;gap:2px;margin-top:14px;padding:10px 12px;font-size:13px;display:grid}.contexto p{margin:0}.contexto-encabezado{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.contexto-nombre{color:var(--tinta);font-size:14px;font-weight:600}.sugerido{color:var(--ambar-texto);flex:none;font-size:11.5px}.fase-sesion .contexto{margin:0 0 14px}.pasos{gap:6px;display:grid}.pasos-titulo{color:var(--pizarra);font-size:12.5px}.paso{color:var(--pizarra)}.opcion{align-items:center;gap:6px;display:inline-flex}.opcion svg{flex:none;width:15px;height:15px}.atajo{color:var(--pizarra);margin-left:6px;font-size:11.5px;font-weight:400}.guardado{color:#17633f;background:#e7f4ec;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:8px 10px;font-size:13px;display:flex}.guardado svg{flex:none;width:16px;height:16px}.estado-menu{position:relative}.agente-boton{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;margin-left:-8px;padding:6px 8px;font-size:13px}.agente-boton:hover{background:var(--tinta-hover)}.menu{z-index:10;background:var(--blanco);border:1px solid var(--linea);border-radius:10px;min-width:170px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:-8px;box-shadow:0 10px 30px #0f1b2d2e}.menu button{width:100%;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;display:flex}.menu button:hover,.menu button.actual{background:var(--niebla)}.punto{background:currentColor;border-radius:50%;width:8px;height:8px}.menu .agente-listo{color:var(--verde)}.menu .agente-ocupado{color:var(--ambar)}.menu .agente-apagado{color:var(--pizarra)}.aviso{background:var(--ambar-fondo);color:var(--ambar-texto);border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:9px 16px;font-size:13px;display:flex}.aviso-accion{border:1px solid var(--ambar-texto);color:var(--ambar-texto);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:4px 9px;font-size:12.5px;font-weight:500}.aviso-accion:hover{background:#f8e7b5}.paso-de{color:var(--pizarra);margin:0 0 2px;font-size:12px}.acciones{background:var(--blanco);border-top:1px solid var(--linea);gap:8px;margin:0 -16px -16px;padding:10px 16px 16px;display:grid;position:sticky;bottom:0}.secundario{border:1px solid var(--borde-control);background:var(--blanco);color:var(--tinta);font:inherit;cursor:pointer;border-radius:8px;padding:9px 16px;font-weight:500}.secundario:hover{background:var(--niebla)}.secundario.ancho{width:100%;margin-top:14px}