:root{--zoom:.9;zoom:var(--zoom);--fuente:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--acento:#4f46e5;--acento-osc:#4338ca;--acento-medio:#6366f1;--acento-sua:#eef2ff;--fondo:#f5f6f8;--lienzo:#fff;--lienzo-sutil:#f9fafb;--tinta:#111827;--tinta2:#4b5563;--tinta3:#6b7280;--linea:#e5e7eb;--linea-fuerte:#d1d5db;--barra-sup:#fff;--icono:#6b7280;--lateral-fondo:#111827;--lateral-texto:#9ca3af;--lateral-activo:#ffffff12;--lateral-linea:#ffffff12;--ok:#047857;--ok-osc:#065f46;--ok-sua:#ecfdf5;--alerta:#b45309;--alerta-osc:#92400e;--alerta-sua:#fffbeb;--rojo:#b91c1c;--rojo-osc:#991b1b;--rojo-sua:#fef2f2;--info:#0369a1;--info-osc:#075985;--info-sua:#f0f9ff;--marca:var(--rojo);--whatsapp:#15803d;--whatsapp-osc:#166534;--sombra-1:0 1px 2px #1118270d;--sombra-2:0 1px 3px #1118270f, 0 8px 24px -12px #1118272e;--sombra-3:0 24px 60px -20px #11182759;--radio:12px;--radio-s:8px;--radio-pildora:999px;--transicion:.14s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{background:var(--fondo);color:var(--tinta);font-family:var(--fuente);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--fuente);letter-spacing:-.015em;color:var(--tinta);margin:0;font-weight:600}a{color:var(--acento);text-underline-offset:3px}a:hover{color:var(--acento-osc)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,.campo input,.campo select{min-height:40px}:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:4px}code{background:var(--fondo);color:var(--tinta2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--linea-fuerte);background-clip:padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--tinta3)}.app{height:calc(100vh / var(--zoom));display:flex;overflow:hidden}.barra{width:236px;height:calc(100vh / var(--zoom));z-index:2;background:linear-gradient(115deg,#ffffff12 0%,#0000 22%,#ffffff09 42%,#0000 58%),radial-gradient(300px 220px at 0 0,#22d3ee33,#0000 70%),radial-gradient(320px 280px at 100% 100%,#a78bfa3d,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%2394a3b8' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M20 30L70 55L120 25M70 55L60 110L120 95L140 140M60 110L25 140M120 95L120 25M20 30L25 140'/%3E%3C/g%3E%3Cg fill='%2367e8f9' fill-opacity='.35'%3E%3Ccircle cx='20' cy='30' r='2.2'/%3E%3Ccircle cx='70' cy='55' r='2.6'/%3E%3Ccircle cx='120' cy='25' r='2'/%3E%3Ccircle cx='60' cy='110' r='2.4'/%3E%3Ccircle cx='120' cy='95' r='2.2'/%3E%3Ccircle cx='140' cy='140' r='1.8'/%3E%3Ccircle cx='25' cy='140' r='2'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px,linear-gradient(#2b3345 0%,#1c2231 45%,#121620 100%);border-right:1px solid #94a3b82e;flex-direction:column;flex-shrink:0;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff0a,6px 0 24px -12px #0f172a99}.app.plegado .barra{width:68px}.marca-logo{border-bottom:1px solid #94a3b829;flex-shrink:0;align-items:center;gap:10px;height:64px;padding:0 16px;display:flex;overflow:hidden}.barra .logo-barra{border-radius:8px;height:30px;padding:3px 6px;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 16px -6px #0009}.barra .marca-logo:hover .logo-barra{transform:scale(1.05)rotate(-1deg)}.marca-logo .sigla{color:#fff;letter-spacing:.04em;flex-shrink:0;font-size:15px;font-weight:700}.marca-logo .nombre{white-space:nowrap;letter-spacing:-.01em;background:linear-gradient(#fff,#cbd5e1);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:7px;font-size:15px;font-weight:600;display:inline-flex}.barra .marca-logo .nombre:after{content:"AI";letter-spacing:.08em;color:#0f172a;-webkit-text-fill-color:#0f172a;background:linear-gradient(135deg,#22d3ee,#a78bfa);border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;box-shadow:0 0 12px -2px #22d3ee99}.app.plegado .marca-logo{justify-content:center;padding:0}.app.plegado .marca-logo .nombre{display:none}.panel-usuario{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid #94a3b838;border-radius:12px;align-items:center;gap:10px;margin:14px 12px 6px;padding:10px;display:flex;overflow:hidden}.avatar{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 45%,#e2e8f0 60%,#94a3b8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 0 2px #22d3ee73,0 4px 10px -4px #0009}.quien{flex-direction:column;min-width:0;display:flex}.nombre-usuario{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.estado{color:#94a3b8;align-items:center;gap:6px;font-size:11.5px;display:flex}.estado .punto{background:#34d399;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #34d3992e}.app.plegado .panel-usuario{background:0 0;justify-content:center;margin:12px 8px 4px;padding:8px 0}.app.plegado .quien{display:none}.nav{flex-direction:column;flex:1;gap:3px;padding:10px 12px;display:flex;overflow:hidden auto}.nav:before{content:"MENÚ";letter-spacing:.12em;color:#64748b;padding:4px 12px 8px;font-size:10.5px;font-weight:600}.app.plegado .nav:before{content:"";padding:0}.nav button{color:#cbd5e1;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.nav button svg{opacity:.9;flex-shrink:0;transition:transform .2s,opacity .2s}.nav button:hover{color:#fff;background:#94a3b81f;transform:translate(3px)}.nav button:hover svg{opacity:1;transform:scale(1.1)}.nav button.activo{color:#0f172a;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 35%,#cbd5e1 62%,#f1f5f9 100%);font-weight:600;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0f172a1f,0 10px 22px -10px #000000b3,-3px 0 14px -2px #22d3ee73}.nav button.activo:before{content:"";background:linear-gradient(#22d3ee,#a78bfa);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav button.activo:hover{transform:none}.nav button.activo svg{opacity:1;color:#4f46e5}.nav .texto{text-overflow:ellipsis;flex:1;overflow:hidden}.nav .contador{background:var(--acento);color:#fff;font-variant-numeric:tabular-nums;border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600}.app.plegado .nav{padding:10px}.app.plegado .nav button{justify-content:center;padding:10px 0}.app.plegado .nav button:hover{transform:none}.app.plegado .nav .texto,.app.plegado .nav .contador{display:none}.principal{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.cabecera{z-index:1;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);background:#ffffffc7;border-bottom:1px solid #e5e7ebcc;flex-shrink:0;align-items:center;gap:14px;min-height:64px;padding:0 24px;display:flex;position:relative;box-shadow:0 1px #fff9,0 4px 20px -12px #11182726}.plegador{border-radius:var(--radio-s);width:36px;height:36px;min-height:36px;color:var(--icono);transition:background var(--transicion), color var(--transicion);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plegador:hover{background:var(--fondo);color:var(--tinta)}.titulo{flex:1;min-width:0}.cabecera h1{font-size:17px;font-weight:600;line-height:1.25}.cabecera .etiqueta{color:var(--icono);align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.cabecera .modulo{letter-spacing:.06em;color:var(--acento-osc);background:var(--acento-sua);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.acciones{flex-shrink:0;align-items:center;gap:10px;display:flex}.campana-activa{color:var(--tinta2);background:var(--lienzo-sutil);border:1px solid var(--linea);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500}.acciones .boton{min-height:36px;padding:7px 15px}.contenido{background:radial-gradient(900px 400px at 100% 0%, #6366f10f, transparent 70%), var(--fondo);flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px 28px 40px;display:flex;overflow-y:auto}@keyframes aparece-arriba{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.contenido>*,.menu-pantalla>*,.ficha>*{animation:.42s cubic-bezier(.16,1,.3,1) both aparece-arriba}.contenido>:nth-child(2),.menu-pantalla>:nth-child(2),.ficha>:nth-child(2){animation-delay:60ms}.contenido>:nth-child(3),.menu-pantalla>:nth-child(3),.ficha>:nth-child(3){animation-delay:.12s}.contenido>:nth-child(4),.menu-pantalla>:nth-child(4),.ficha>:nth-child(4){animation-delay:.18s}.contenido>:nth-child(n+5),.menu-pantalla>:nth-child(n+5),.ficha>:nth-child(n+5){animation-delay:.22s}.contenido.pleno{padding-bottom:24px;overflow:hidden}.tarjeta{background:var(--lienzo);border:1px solid var(--linea);box-shadow:var(--sombra-1);border-radius:14px;transition:box-shadow .22s,border-color .22s;overflow:hidden}.tarjeta:hover{box-shadow:var(--sombra-2);border-color:#dfe3ea}.tarjeta>h2{color:var(--tinta);border-bottom:1px solid var(--linea);padding:14px 20px;font-size:14px;font-weight:600}.tarjeta>.cuerpo{padding:20px}.metricas{flex-wrap:wrap;gap:14px;display:flex}.metrica{background:var(--lienzo);border:1px solid var(--linea);box-shadow:var(--sombra-1);border-radius:14px;flex:165px;padding:18px 20px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s}.metrica:hover{box-shadow:var(--sombra-2);transform:translateY(-3px)}.metrica .valor{font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:28px;font-weight:600;line-height:1.15}.metrica .etiqueta{color:var(--tinta3);margin-top:4px;font-size:12px}.campo{flex-direction:column;gap:6px;display:flex}.campo label{color:var(--tinta2);font-size:12.5px;font-weight:500}.campo input,.campo select{border:1px solid var(--linea-fuerte);border-radius:var(--radio-s);background:var(--lienzo);box-shadow:var(--sombra-1);transition:border-color var(--transicion), box-shadow var(--transicion);padding:9px 12px;font-size:13.5px}.campo input:hover,.campo select:hover{border-color:var(--tinta3)}.campo input:focus,.campo select:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-sua);outline:none}.boton{border-radius:var(--radio-s);background:var(--acento);color:#fff;box-shadow:var(--sombra-1);transition:background var(--transicion), box-shadow .18s ease, transform .18s ease, filter .18s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.boton:hover{background:var(--acento-osc)}.boton:hover:not(:disabled):not(.secundario){transform:translateY(-1px);box-shadow:0 8px 18px -8px #11182773}.boton:active{transform:translateY(1px)}.boton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.boton.secundario{background:var(--lienzo);color:var(--tinta);border-color:var(--linea-fuerte)}.boton.secundario:hover{background:var(--lienzo-sutil);border-color:var(--tinta3)}.pildora{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.pildora:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pildora.ok{background:var(--ok-sua);color:var(--ok);border-color:#0478572e}.pildora.info{background:var(--acento-sua);color:var(--acento-osc);border-color:#4f46e533}.pildora.alerta{background:var(--alerta-sua);color:var(--alerta);border-color:#b4530933}.pildora.marca{background:var(--rojo-sua);color:var(--rojo);border-color:#b91c1c2e}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--tinta3);letter-spacing:.02em;text-transform:uppercase;padding:0 14px 10px;font-size:11.5px;font-weight:500}td{border-bottom:1px solid var(--linea);padding:12px 14px}tbody tr:last-child td{border-bottom:0}tbody tr.clicable{transition:background var(--transicion)}tbody tr.clicable:hover{background:var(--lienzo-sutil);cursor:pointer}.num{font-variant-numeric:tabular-nums}.dato{border-bottom:1px solid var(--linea);justify-content:space-between;gap:18px;padding:9px 0;display:flex}.dato:last-child{border-bottom:0}.dato .k{color:var(--tinta3);flex-shrink:0;font-size:12.5px}.dato .v{text-align:right;word-break:break-word;font-size:13.5px;font-weight:500}.aviso{border-radius:var(--radio-s);border:1px solid var(--linea);padding:12px 16px;font-size:13px;line-height:1.55}.aviso.error{background:var(--rojo-sua);color:var(--rojo);border-color:#b91c1c33}.aviso.vacio{background:var(--lienzo-sutil);color:var(--tinta2);text-align:center;border-style:dashed;border-color:var(--linea-fuerte);padding:32px 24px}.cargando{color:var(--tinta3);text-align:center;padding:26px;font-size:13px}.cargando:after{content:"";vertical-align:-2px;border:2px solid var(--linea-fuerte);border-top-color:var(--acento);border-radius:50%;width:13px;height:13px;margin-left:9px;animation:.7s linear infinite girar;display:inline-block}@keyframes girar{to{transform:rotate(360deg)}}.rejilla{gap:18px;display:grid}.rejilla.tres{grid-template-columns:repeat(3,minmax(0,1fr))}.rejilla.dos{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1100px){.rejilla.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.rejilla.tres,.rejilla.dos{grid-template-columns:1fr}.barra{width:64px}.nav .texto,.nav .contador,.marca-logo .nombre,.quien{display:none}.nav:before{content:"";padding:0}.nav{padding:8px}.nav button{justify-content:center;padding:10px 0}.marca-logo{justify-content:center;padding:0}.panel-usuario{background:0 0;justify-content:center;padding:8px 0}.cabecera,.contenido{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.acceso{min-height:calc(100vh / var(--zoom));background:url(/img/FONDO-ASELL.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.acceso:before{content:"";background:radial-gradient(800px 500px at 20% 10%,#4f46e559,#0000 60%),radial-gradient(700px 500px at 90% 100%,#0ea5e940,#0000 60%),linear-gradient(#0f172a40,#0f172a73);position:absolute;inset:0}.acceso .caja{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:#ffffffdb;border:1px solid #fff9;border-radius:20px;width:100%;max-width:392px;padding:36px 32px 32px;animation:.6s cubic-bezier(.16,1,.3,1) both acceso-entra;position:relative;box-shadow:0 30px 80px -20px #0f172a8c,inset 0 1px #fffc}@keyframes acceso-entra{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.acceso .logo-acceso{animation:.7s cubic-bezier(.16,1,.3,1) .12s both acceso-entra}.acceso .boton{background:linear-gradient(135deg, var(--acento-medio), var(--acento-osc));box-shadow:0 10px 24px -10px #4f46e5b3}.acceso .boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px -10px #4f46e5d9}.acceso .caja h1,.acceso .caja h2{text-align:center;color:var(--tinta)}.acceso .marca-logo{background:0 0;border:0;justify-content:center;height:auto;padding:0 0 18px}.acceso .marca-logo .nombre{color:var(--tinta)}.acceso .marca-logo .sub{color:var(--tinta3)}.acceso .campo input,.acceso .campo select{padding:10px 13px}.acceso .boton{width:100%;min-height:44px;margin-top:4px;font-weight:600}.cronometro{border:1px solid var(--linea);border-radius:var(--radio-pildora);background:var(--lienzo);color:var(--tinta2);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.cronometro .reloj{font-variant-numeric:tabular-nums;color:var(--tinta);letter-spacing:.02em;font-size:13px;font-weight:600}.cronometro .rotulo{color:var(--tinta3)}.cronometro .punto-llamada{background:var(--linea-fuerte);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cronometro.en-llamada{border-color:var(--ok);background:var(--ok-sua)}.cronometro.en-llamada .punto-llamada{background:var(--ok);animation:1.6s ease-in-out infinite latido}.cronometro.en-llamada .reloj,.cronometro.en-llamada .rotulo{color:var(--ok)}@keyframes latido{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.cronometro.en-llamada .punto-llamada{animation:none}}.estado-agente{border-radius:var(--radio-pildora);white-space:nowrap;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.estado-agente .punto{background:currentColor;border-radius:50%;width:7px;height:7px}.estado-agente.ok{background:var(--ok-sua);color:var(--ok)}.estado-agente.aviso{background:var(--alerta-sua);color:var(--alerta)}.estado-agente.neutro{background:var(--lienzo-sutil);color:var(--tinta2);border:1px solid var(--linea)}.menu-usuario{position:relative}.menu-usuario .disparador{border-radius:var(--radio-pildora);cursor:pointer;transition:background var(--transicion), border-color var(--transicion);background:0 0;border:1px solid #0000;align-items:center;gap:9px;padding:5px 10px 5px 5px;display:flex}.menu-usuario .disparador:hover{background:#0000000d}.menu-usuario .disparador[aria-expanded=true]{background:var(--lienzo);border-color:var(--linea)}.avatar-cab{background:var(--acento);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.quien-cab{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.nombre-cab{color:var(--tinta);font-size:13px;font-weight:600}.campana-cab{color:var(--tinta3);font-size:11px}.menu-usuario .flecha{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--icono);flex-shrink:0;width:0;height:0;margin-left:2px}.menu-usuario .desplegable{z-index:40;background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--radio-s);min-width:212px;box-shadow:var(--sombra-2);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.menu-usuario .desplegable button{width:100%;font:inherit;color:var(--tinta);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.menu-usuario .desplegable button:hover{background:var(--acento-sua);color:var(--acento-osc)}.menu-usuario .desplegable .fa{width:15px;color:var(--icono);font-size:13px}.menu-usuario .desplegable button:hover .fa{color:var(--acento)}.menu-usuario .desplegable .separador{background:var(--linea);height:1px;margin:5px 4px}.menu-usuario .desplegable .salir:hover{background:var(--rojo-sua);color:var(--rojo)}.menu-usuario .desplegable .salir:hover .fa{color:var(--rojo)}@media (width<=900px){.cronometro .rotulo,.campana-cab{display:none}}@media (width<=700px){.estado-agente,.nombre-cab{display:none}}.bandeja{background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--radio);min-height:0;box-shadow:var(--sombra-1);flex:1;grid-template-columns:310px minmax(0,1fr) 300px;display:grid;overflow:hidden}.panel-lista{border-right:1px solid var(--linea);background:var(--lienzo-sutil);flex-direction:column;min-height:0;display:flex}.cab-lista{border-bottom:1px solid var(--linea);padding:14px 14px 10px}.cab-lista .fila-cab{justify-content:space-between;align-items:center;gap:8px;display:flex}.cab-lista h2{color:var(--tinta);margin:0;font-size:14px;font-weight:700}.cab-lista .cuenta{color:var(--tinta2);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.cab-lista .cuenta em{border-radius:var(--radio-pildora);background:var(--acento);color:#fff;padding:1px 7px;font-size:11px;font-style:normal}.pestanas{border-radius:var(--radio-s);background:#0000000d;gap:4px;margin:11px 0 9px;padding:3px;display:flex}.pestanas button{font:inherit;color:var(--tinta2);cursor:pointer;transition:background var(--transicion), color var(--transicion);background:0 0;border:0;border-radius:5px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}.pestanas button.activa{background:var(--lienzo);color:var(--acento-osc);box-shadow:var(--sombra-1)}.cab-lista .buscador{border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--lienzo);width:100%;font:inherit;color:var(--tinta);padding:8px 11px;font-size:13px}.cab-lista .buscador:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:var(--acento)}.filtros{gap:6px;margin-top:9px;display:flex}.filtros button{border:1px solid var(--linea);border-radius:var(--radio-pildora);background:var(--lienzo);font:inherit;color:var(--tinta2);cursor:pointer;padding:4px 10px;font-size:11px;font-weight:600}.filtros button.activo{background:var(--acento);border-color:var(--acento);color:#fff}.panel-lista .rollo{flex:1;min-height:0;padding:6px;overflow-y:auto}.conversacion{border-radius:var(--radio-s);text-align:left;cursor:pointer;width:100%;transition:background var(--transicion);background:0 0;border:0;gap:10px;padding:10px;display:flex}.conversacion:hover{background:#0000000a}.conversacion.activa{background:var(--acento-sua)}.conversacion.activa .nombre-conv{color:var(--acento-osc)}.avatar-chat{background:var(--icono);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid;position:relative}.avatar-chat.whatsapp{background:var(--whatsapp)}.avatar-chat.messenger{background:#2a7ff0}.avatar-chat.instagram{background:#b5308a}.avatar-chat .sello{border:2px solid var(--lienzo-sutil);border-radius:50%;width:13px;height:13px;position:absolute;bottom:-2px;right:-2px}.sello.whatsapp{background:var(--whatsapp)}.sello.messenger{background:#0084ff}.sello.instagram{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}.conversacion.activa .avatar-chat .sello{border-color:var(--acento-sua)}.cuerpo-conv{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.linea1,.linea2{justify-content:space-between;align-items:center;gap:8px;display:flex}.nombre-conv{color:var(--tinta);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cuando{color:var(--tinta3);flex-shrink:0;font-size:11px}.avance{color:var(--tinta2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.conversacion.sin-responder .avance{color:var(--tinta);font-weight:600}.marca-pendiente{background:var(--acento);border-radius:50%;flex-shrink:0;width:8px;height:8px}.panel-hilo{background:var(--fondo);flex-direction:column;min-height:0;display:flex}.panel-hilo.vacio-centro{place-items:center;padding:24px;display:grid}.cab-hilo{background:var(--lienzo);border-bottom:1px solid var(--linea);flex-shrink:0;align-items:center;gap:11px;padding:12px 16px;display:flex}.quien-hilo{flex-direction:column;gap:3px;min-width:0;display:flex}.quien-hilo strong{color:var(--tinta);font-size:14px}.quien-hilo .sub{color:var(--tinta3);align-items:center;gap:7px;font-size:11px;display:flex}.rollo-mensajes{flex-direction:column;flex:1;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.separador-dia{justify-content:center;align-items:center;margin:14px 0 10px;display:flex}.separador-dia span{border-radius:var(--radio-pildora);color:var(--tinta2);background:#1f2d3d12;padding:3px 12px;font-size:11px;font-weight:600}.globo{max-width:62%;margin-bottom:9px}.globo.entrante{margin-right:auto}.globo.saliente{margin-left:auto}.texto-globo{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:9px 13px;font-size:13px;line-height:1.45}.globo.entrante .texto-globo{background:var(--lienzo);border:1px solid var(--linea);color:var(--tinta);border-bottom-left-radius:4px}.globo.saliente .texto-globo{background:var(--acento);color:#fff;border-bottom-right-radius:4px}.texto-globo .sin-texto{opacity:.6;font-size:12px}.texto-globo .adjunto{opacity:.8;margin-top:5px;font-size:11px;display:block}.pie-globo{color:var(--tinta3);align-items:center;gap:7px;margin-top:3px;padding:0 4px;font-size:10px;display:flex}.globo.saliente .pie-globo{justify-content:flex-end}.pie-globo .autor{text-transform:uppercase;letter-spacing:.04em;font-weight:700}.pie-hilo{background:var(--lienzo);border-top:1px solid var(--linea);flex-shrink:0;gap:9px;padding:12px 16px;display:flex}.pie-hilo input{border:1px solid var(--linea);border-radius:var(--radio-pildora);background:var(--lienzo-sutil);font:inherit;flex:1;padding:10px 13px;font-size:13px}.pie-hilo input:disabled{color:var(--tinta3);cursor:not-allowed}.panel-contacto{border-left:1px solid var(--linea);background:var(--lienzo-sutil);flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex;overflow-y:auto}.ficha-cabeza{border-bottom:1px solid var(--linea);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;padding-bottom:14px;display:flex}.avatar-grande{background:var(--acento);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:19px;font-weight:700;display:grid}.ficha-cabeza strong{color:var(--tinta);font-size:14px}.codigo-cliente{color:var(--tinta3);font-size:11px}.datos-contacto{flex-direction:column;gap:9px;margin:0;display:flex}.datos-contacto>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.datos-contacto dt{color:var(--tinta3);flex-shrink:0;font-size:11px}.datos-contacto dd{color:var(--tinta);text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:600}@media (width<=1180px){.bandeja{grid-template-columns:290px minmax(0,1fr)}.panel-contacto{display:none}}@media (width<=820px){.bandeja{grid-template-columns:minmax(0,1fr)}.panel-lista{display:none}.globo{max-width:85%}}.filtro-estado{border:1px solid var(--linea);border-radius:var(--radio-pildora);background:var(--lienzo);font:inherit;color:var(--tinta2);cursor:pointer;transition:background var(--transicion), border-color var(--transicion), color var(--transicion);align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.filtro-estado:hover{border-color:var(--linea-fuerte)}.filtro-estado.activo{background:var(--acento);border-color:var(--acento);color:#fff}.cuenta-estado{border-radius:var(--radio-pildora);background:#1f2d3d17;padding:1px 7px;font-size:11px}.filtro-estado.activo .cuenta-estado{background:#ffffff40}.paginador{border-top:1px solid var(--linea);color:var(--tinta2);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.paginador .boton{min-height:32px;padding:5px 13px;font-size:12px}.caja-llamada{z-index:200;text-align:center;background:var(--lienzo);border:1px solid var(--linea);border-radius:20px;width:290px;padding:0 18px 18px;animation:.32s cubic-bezier(.34,1.56,.64,1) entra-caja;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 30px 70px -20px #0f172a8c}.caja-llamada:before{content:"";background:radial-gradient(120px 60px at 20% 0%, #ffffff40, transparent 70%), linear-gradient(135deg, #22c55e, var(--ok));height:58px;margin:0 -18px;display:block}@keyframes entra-caja{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:none}}.caja-llamada .aro{background:var(--lienzo);width:68px;height:68px;color:var(--ok);box-shadow:0 0 0 4px var(--lienzo), 0 10px 24px -8px #04785799;border-radius:50%;place-items:center;margin:-34px auto 12px;display:grid;position:relative}.caja-llamada .aro:after{content:"";opacity:0;border:2px solid #22c55e;border-radius:50%;animation:1.8s ease-out infinite late-aro;position:absolute;inset:-8px}@keyframes late-aro{0%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.caja-llamada{animation:none}.caja-llamada .aro:after{opacity:.35;animation:none}}.rotulo-llamada{color:var(--tinta2);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:600}.numero-llamada{color:var(--tinta);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 16px;font-size:19px;font-weight:700}.botones-llamada{gap:9px;display:flex}.botones-llamada .boton{border-radius:999px;flex:1;justify-content:center;min-height:42px}.boton.contestar{background:var(--ok);border-color:var(--ok);color:#fff}.boton.contestar:hover:not(:disabled){filter:brightness(1.08)}.boton.colgar{background:var(--rojo);border-color:var(--rojo);color:#fff}.boton.colgar:hover{filter:brightness(1.08)}.llamada-curso{background:var(--ok-sua);border-bottom:1px solid var(--ok);color:var(--ok);flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.llamada-curso .punto-vivo{background:var(--ok);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.6s ease-in-out infinite latido}@media (prefers-reduced-motion:reduce){.llamada-curso .punto-vivo{animation:none}}.llamada-curso .con-quien{font-variant-numeric:tabular-nums;font-weight:700}.llamada-curso .reloj-curso{font-variant-numeric:tabular-nums;font-weight:600}.llamada-curso .boton{min-height:30px;margin-left:auto;padding:4px 12px;font-size:12px}.llamada-curso .boton.colgar{margin-left:0}.marcador{flex-direction:column;gap:12px;display:flex}.pantalla-marcador{border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--lienzo-sutil);width:100%;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;color:var(--tinta);padding:12px 14px;font-size:19px}.pantalla-marcador:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:var(--acento)}.teclado{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.teclado button{border:1px solid var(--linea);border-radius:var(--radio-s);background:var(--lienzo);font:inherit;color:var(--tinta);cursor:pointer;transition:background var(--transicion), border-color var(--transicion);padding:13px 0;font-size:17px;font-weight:600}.teclado button:hover{background:var(--acento-sua);border-color:var(--acento);color:var(--acento-osc)}.teclado button:active{transform:translateY(1px)}.acciones-marcador{gap:9px;display:flex}.acciones-marcador .boton{flex:1;justify-content:center}@media (width<=560px){.caja-llamada{width:auto;left:16px;right:16px}}@keyframes titileo{0%,to{opacity:1}50%{opacity:.35}}.titileo{animation:1.1s ease-in-out infinite titileo}@media (prefers-reduced-motion:reduce){.titileo{animation:none}}.espaciador{flex:1}.nota{color:var(--tinta2);margin:10px 0 0;font-size:12px}.pantalla-completa{height:calc(100vh / var(--zoom));place-items:center;display:grid}.boton.mini{min-height:30px;padding:4px 10px;font-size:12px}.boton.peligro{background:var(--rojo)}.boton.peligro:hover{background:var(--rojo-osc)}.boton.exito{background:var(--ok)}.boton.exito:hover{background:var(--ok-osc)}.boton.aviso-btn{background:var(--alerta)}.boton.aviso-btn:hover{background:var(--alerta-osc)}.fila-botones{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.form-rejilla{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.nav .contador{text-align:center;color:#fff;border-radius:10px;min-width:22px;padding:1px 7px;font-size:11px;font-weight:700}.nav .contador.rojo{background:var(--rojo)}.nav .contador.verde{background:var(--ok)}.logo-barra{background:#fff;border-radius:4px;width:auto;height:26px;padding:2px 4px}.estado-cabecera{flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.estado-cabecera .campana-cab{color:var(--tinta2)}.estado-agente.alarma{background:var(--rojo-sua);color:var(--rojo)}.cronometro.post{background:var(--alerta-sua);border-color:#8a520040}.cronometro.post .reloj,.cronometro.post .rotulo{color:var(--alerta)}.contador-chats{color:var(--icono);border-radius:var(--radio-s);background:0 0;border:0;align-items:center;gap:4px;min-height:40px;padding:6px 8px;display:flex;position:relative}.contador-chats:hover{background:#0000000f}.insignia{color:#fff;border-radius:9px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:17px}.insignia.verde{background:var(--ok)}.insignia.roja{background:var(--rojo)}.menu-usuario .nombre-cab{font-size:13px;font-weight:600}.velo{z-index:900;-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);background:#0f172a6b;justify-content:center;align-items:flex-start;padding:5vh 16px;animation:.18s ease-out aparecer;display:flex;position:fixed;inset:0;overflow-y:auto}.velo-aviso{z-index:1000;align-items:center}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes modal-entra{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.modal{background:var(--lienzo);border-radius:18px;flex-direction:column;width:100%;max-width:640px;animation:.26s cubic-bezier(.16,1,.3,1) both modal-entra;display:flex;position:relative;box-shadow:0 40px 100px -30px #0f172a8c,0 0 0 1px #0f172a0f}.modal:before{content:"";z-index:1;background:linear-gradient(90deg, var(--acento-medio), #0ea5e9, var(--acento));border-radius:18px 18px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.modal.estrecho{max-width:420px}.modal.ancho{max-width:1000px}.modal.completo{max-width:1280px}.modal-cabecera{background:linear-gradient(180deg, var(--lienzo-sutil), var(--lienzo));border-bottom:1px solid var(--linea);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.modal-cabecera h2{letter-spacing:-.01em;font-size:16.5px;font-weight:600}.modal-cerrar{background:var(--fondo);color:var(--tinta2);border:0;border-radius:50%;place-items:center;width:34px;height:34px;min-height:34px;font-size:22px;line-height:1;transition:background .18s,color .18s,transform .22s;display:grid}.modal-cerrar:hover{background:var(--rojo-sua);color:var(--rojo);transform:rotate(90deg)}.modal-cuerpo{flex-direction:column;gap:14px;padding:20px 22px;display:flex}:where(.modal-cuerpo) :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){font:inherit;color:var(--tinta);border:1px solid var(--linea-fuerte);background:var(--lienzo);border-radius:10px;padding:8px 11px;font-size:13.5px;transition:border-color .16s,box-shadow .16s}:where(.modal-cuerpo) :where(input,select,textarea):focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-sua);outline:none}:where(.modal-cuerpo) :where(input[type=checkbox],input[type=radio]){accent-color:var(--acento)}:where(.modal-cuerpo) :where(fieldset){border:1px solid var(--linea);border-radius:12px;padding:10px 14px}:where(.modal-cuerpo) :where(legend){color:var(--acento-osc);padding:0 6px;font-size:12px;font-weight:600}.modal-pie{border-top:1px solid var(--linea);background:var(--lienzo-sutil);border-radius:0 0 18px 18px;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.aviso-dialogo{background:var(--lienzo);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:32px 28px 24px;animation:.28s cubic-bezier(.16,1,.3,1) both modal-entra;box-shadow:0 40px 100px -30px #0f172a99}.aviso-dialogo h2{margin-top:14px;font-size:19px}.aviso-dialogo p{color:var(--tinta2);white-space:pre-line;margin:8px 0 0}@keyframes icono-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.aviso-icono{background:color-mix(in srgb, currentColor 10%, transparent);width:64px;height:64px;box-shadow:0 0 0 8px color-mix(in srgb, currentColor 7%, transparent);border:3px solid;border-radius:50%;place-items:center;font-size:28px;font-weight:700;animation:.48s cubic-bezier(.34,1.56,.64,1) 80ms both icono-pop;display:inline-grid}.aviso-icono.ok{color:var(--ok)}.aviso-icono.error{color:var(--rojo)}.aviso-icono.aviso{color:var(--alerta)}.aviso-icono.info{color:var(--acento)}.aviso-botones{justify-content:center;gap:10px;margin-top:20px;display:flex}.aviso.aviso{background:var(--alerta-sua);color:var(--alerta);border-color:#8a520040}.aviso.ok{background:var(--ok-sua);color:var(--ok);border-color:#0f6b5233}.sin-cliente{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.tabla-marco{border:1px solid var(--linea);background:var(--lienzo);border-radius:12px;max-height:60vh;overflow:auto}.tabla{border-collapse:collapse;width:100%;font-size:13px}.tabla th{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--tinta3);border-bottom:1px solid var(--linea);white-space:nowrap;background:#f9fafbf2;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.tabla td{vertical-align:middle;border-bottom:1px solid #f1f3f6;padding:9px 12px;transition:background .15s}.tabla tbody tr:nth-child(2n) td{background:#fcfcfd}.tabla tbody tr:hover td{background:var(--acento-sua)}.tabla-vacia{text-align:center;color:var(--tinta3);padding:22px!important}.webphone{border:1px solid var(--linea);border-radius:var(--radio);background:var(--lienzo);overflow:hidden}.webphone-titulo{border:0;border-bottom:1px solid var(--linea);background:var(--lienzo-sutil);width:100%;min-height:40px;color:var(--tinta);letter-spacing:.02em;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:600;display:flex}.sip-estado{background:var(--linea);color:var(--tinta2);letter-spacing:0;border-radius:10px;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:600}.sip-estado.listo,.sip-estado.en_llamada,.sip-estado.saliendo,.sip-estado.entrando,.sip-estado.error{color:#fff}.sip-estado.listo{background:var(--ok)}.sip-estado.en_llamada,.sip-estado.saliendo,.sip-estado.entrando{background:var(--alerta)}.sip-estado.error{background:var(--rojo)}.webphone-cuerpo{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.wp-btn{border:1px solid var(--linea-fuerte);background:var(--lienzo);border-radius:19px;justify-content:center;align-items:center;gap:6px;min-width:38px;min-height:38px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.wp-btn:disabled{opacity:.4;cursor:not-allowed}.wp-btn.llamar{background:var(--ok);border-color:var(--ok);color:#fff}.wp-btn.colgar{background:var(--rojo);border-color:var(--rojo);color:#fff}.wp-btn.activo{background:var(--acento);border-color:var(--acento);color:#fff}.wp-btn.en-espera{animation:1.1s ease-in-out infinite titileo}.wp-numero,.wp-tonos{border:1px solid var(--linea-fuerte);background:var(--lienzo-sutil);border-radius:19px;min-height:38px;padding:0 14px}.wp-numero{font-variant-numeric:tabular-nums;width:170px}.wp-tonos{width:84px}.wp-aviso{color:var(--rojo);flex-basis:100%;font-size:12px}.silencio-marcador{align-items:center;gap:6px;font-size:13px;display:inline-flex}.logo-acceso{max-width:220px;height:auto;margin:0 auto 18px;display:block}.pestanas-acceso{background:var(--fondo);border:1px solid var(--linea);border-radius:10px;margin-bottom:20px;padding:3px;display:flex}.pestanas-acceso button{min-height:36px;color:var(--tinta2);transition:background var(--transicion), color var(--transicion);background:0 0;border:0;border-radius:7px;flex:1;font-weight:500}.pestanas-acceso button.activa{background:var(--lienzo);color:var(--tinta);box-shadow:var(--sombra-2)}.form-acceso{flex-direction:column;gap:12px;display:flex}.titulo-caja{text-align:center;font-size:18px}.saludo{text-align:center;color:var(--tinta2);margin:4px 0 16px}.pausa{max-width:560px;margin:6vh auto 0}.pausa-cuerpo{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex}.pausa-rotulo{text-transform:uppercase;letter-spacing:.08em;color:var(--tinta3);font-size:12px}.pausa-evento{color:var(--rojo);font-size:26px}.pausa-reloj{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;font-family:var(--fuente);color:var(--tinta)}.wpb{z-index:190;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:22px;right:22px}.wpb>*{pointer-events:auto}.wpb-boton{--anillo:#94a3b8;cursor:pointer;color:#fff;width:58px;height:58px;min-height:0;box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--anillo), 0 14px 30px -10px #6366f1bf, inset 0 1px 0 #ffffff59;background:radial-gradient(circle at 30% 22%,#ffffff80,#0000 45%),linear-gradient(145deg,#8b5cf6 0%,#6366f1 45%,#06b6d4 100%);border:0;border-radius:50%;place-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:grid;position:relative}.wpb-boton:hover{transform:scale(1.07)}.wpb-boton:active{transform:scale(.97)}.wpb.listo .wpb-boton{--anillo:#22c55e}.wpb.apagado .wpb-boton{--anillo:#94a3b8}.wpb.error .wpb-boton{--anillo:#f87171}.wpb.ocupado .wpb-boton{--anillo:#fbbf24}.wpb.en-llamada .wpb-boton{--anillo:#4ade80;background:radial-gradient(circle at 30% 22%,#fff6,#0000 45%),linear-gradient(145deg,#22c55e,#047857);animation:2s ease-in-out infinite wpb-latido}@keyframes wpb-latido{0%,to{box-shadow:0 0 0 3px #fff,0 0 0 5px #4ade80,0 0 0 5px #4ade8073,0 14px 30px -10px #047857b3}50%{box-shadow:0 0 0 3px #fff,0 0 0 5px #4ade80,0 0 0 16px #4ade8000,0 14px 30px -10px #047857b3}}.wpb-punto{background:var(--anillo);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 2px #fff}.wpb-onda,.wpb-onda:after{border:2px solid #fbbf24;border-radius:50%;animation:1.6s ease-out infinite wpb-onda;position:absolute;inset:-4px}.wpb-onda:after{content:"";animation-delay:.8s;inset:-2px}@keyframes wpb-onda{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.45)}}.wpb-reloj{font-variant-numeric:tabular-nums;color:#047857;background:#fff;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px -4px #00000059}.wpb-panel{width:340px;max-width:calc(100vw - 44px);max-height:calc(100vh / var(--zoom,1) - 110px);background:var(--lienzo);transform-origin:100% 100%;border-radius:18px;flex-direction:column;animation:.26s cubic-bezier(.16,1,.3,1) both wpb-abre;display:flex;overflow:hidden;box-shadow:0 30px 70px -24px #0f172a99,0 0 0 1px #0f172a14}@keyframes wpb-abre{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}.wpb-cabecera{color:#e2e8f0;background:radial-gradient(240px 80px at 0 0,#ffffff38,#0000 70%),linear-gradient(135deg,#8b5cf6 0%,#6366f1 45%,#06b6d4 100%);align-items:center;gap:8px;padding:10px 12px 10px 14px;display:flex}.wpb-cabecera .wpb-marca{color:#fff}.wpb-marca{letter-spacing:.08em;flex:1;align-items:center;gap:7px;font-size:11.5px;font-weight:700;display:inline-flex}.wpb-cabecera .sip-estado{color:#fff;background:#ffffff38;margin-left:0}.wpb-cabecera .sip-estado.listo{color:#0e7490;background:#fff}.wpb-cerrar{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;place-items:center;width:26px;height:26px;min-height:0;padding:0;display:grid}.wpb-cerrar:hover{background:#fff3}.wpb-pantalla{text-align:center;background:linear-gradient(180deg, #f1f5f9, var(--lienzo));border-bottom:1px solid var(--linea);flex-direction:column;align-items:center;gap:2px;padding:16px 14px 12px;display:flex}.wpb-remoto{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--tinta);font-size:21px;font-weight:700}.wpb-detalle{color:var(--tinta3);font-size:12px}.wpb.en-llamada .wpb-detalle{color:var(--ok);font-weight:600}.wpb-panel .webphone-cuerpo{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px 14px;display:grid}.wpb-panel .wp-numero{text-align:center;grid-column:2/span 2;width:auto;min-width:0}.wpb-panel .wp-btn{min-width:0}.wpb-panel .wp-btn.llamar,.wpb-panel .wp-btn.colgar{border-radius:999px}.wpb-panel .wp-tonos{grid-column:1/span 2;width:auto;min-width:0}.wpb-panel .wp-tonos+.wp-btn{grid-column:3/span 2}.wpb-panel .wp-aviso{grid-column:1/-1}.wpb-pantalla{position:relative}.wpb-controles{flex-direction:column;gap:10px;min-height:0;padding:12px 16px 14px;display:flex;position:relative;overflow-y:auto}.wpb-cabecera,.wpb-pantalla{flex-shrink:0}.wpb-borrar{width:32px;height:32px;min-height:0;color:var(--tinta3);cursor:pointer;background:0 0;border:0;border-radius:10px;align-self:flex-end;place-items:center;margin:-4px 0 -6px;padding:0;display:grid}.wpb-borrar:hover{background:var(--fondo);color:var(--tinta)}.wpb-teclado{grid-template-columns:repeat(3,1fr);gap:8px;animation:.2s cubic-bezier(.16,1,.3,1) both wpb-abre;display:grid}.wpb-teclado button{cursor:pointer;background:var(--lienzo-sutil);height:42px;min-height:0;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linea);border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:background .12s,transform .12s;display:flex}.wpb-teclado button:hover:not(:disabled){background:#eef2ff}.wpb-teclado button:active:not(:disabled){background:#e0e7ff;transform:scale(.95)}.wpb-teclado button:disabled{opacity:.45;cursor:not-allowed}.wpb-teclado b{font-size:19px;font-weight:600;line-height:1.1}.wpb-teclado small{letter-spacing:.12em;color:var(--tinta3);min-height:10px;font-size:8.5px;font-weight:600}.wpb-transferir{gap:8px;animation:.2s cubic-bezier(.16,1,.3,1) both wpb-abre;display:flex}.wpb-transferir input{border:1px solid var(--linea-fuerte);min-width:0;font:inherit;font-variant-numeric:tabular-nums;border-radius:12px;flex:1;padding:8px 12px;font-size:13px}.wpb-transferir input:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-sua);outline:none}.wpb-transferir button{cursor:pointer;font:inherit;background:var(--acento);color:#fff;border:0;border-radius:12px;padding:0 14px;font-size:12.5px;font-weight:600}.wpb-transferir button:disabled{opacity:.45;cursor:not-allowed}.wpb-acciones{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.wpb-accion{cursor:pointer;min-height:0;font:inherit;color:var(--tinta2);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:10.5px;font-weight:600;display:flex}.wpb-accion>span{background:var(--lienzo-sutil);width:46px;height:46px;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linea);border-radius:50%;place-items:center;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:grid}.wpb-accion:hover:not(:disabled)>span{color:var(--acento-osc);background:#eef2ff;transform:translateY(-1px)}.wpb-accion.activa>span{color:#fff;background:#1e293b;box-shadow:0 6px 14px -6px #0f172a99}.wpb-accion.activa.espera>span{background:var(--alerta);animation:1.1s ease-in-out infinite titileo}.wpb-accion:disabled{opacity:.45;cursor:not-allowed}.wpb-principal{justify-content:center;padding-top:2px;display:flex}.wpb-llamar,.wpb-colgar{cursor:pointer;color:#fff;border:0;border-radius:50%;place-items:center;width:60px;height:60px;min-height:0;padding:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:grid}.wpb-llamar{background:linear-gradient(145deg,#22c55e,#047857);box-shadow:0 12px 24px -10px #047857cc}.wpb-colgar{background:linear-gradient(145deg,#ef4444,#b91c1c);box-shadow:0 12px 24px -10px #b91c1ccc}.wpb-llamar:hover:not(:disabled),.wpb-colgar:hover{transform:scale(1.07)}.wpb-llamar:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.wpb-aviso{text-align:center;margin:0}.contenido:not(.pleno){padding-bottom:96px}.caja-llamada{bottom:96px!important}@media (width<=560px){.wpb{bottom:14px;right:14px}.wpb-panel{width:calc(100vw - 28px)}}.recordatorios{z-index:195;pointer-events:none;flex-direction:column;gap:10px;width:340px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:72px;right:18px}.recordatorio{--r:#4f46e5;pointer-events:auto;border:1px solid color-mix(in srgb, var(--r) 22%, #e5e7eb);background:#fff;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px 12px 12px 14px;animation:.32s cubic-bezier(.16,1,.3,1) recordatorio-entra;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px -18px #0f172a73,0 2px 6px #0f172a0f}.recordatorio:before{content:"";background:linear-gradient(#7c3aed,#6366f1 50%,#0ea5e9);width:4px;position:absolute;top:0;bottom:0;left:0}.recordatorio.vencida{--r:#dc2626}.recordatorio.vencida:before{background:linear-gradient(#f97316,#dc2626)}.recordatorio-icono{width:34px;height:34px;color:var(--r);background:color-mix(in srgb, var(--r) 12%, #fff);border-radius:10px;place-items:center;display:grid}.recordatorio-texto{flex-direction:column;gap:2px;min-width:0;display:flex}.recordatorio-texto b{font-family:var(--fuente-titulos,inherit);color:#0f172a;font-size:13px}.recordatorio-texto span{color:#334155;font-size:12.5px}.recordatorio-texto small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.recordatorio-acciones{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.recordatorio-ver{cursor:pointer;color:#fff;background:var(--r);white-space:nowrap;border:0;border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:700;transition:filter .15s,transform .15s}.recordatorio-ver:hover{filter:brightness(.95);transform:translateY(-1px)}.recordatorio-cerrar{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:24px;font-size:18px;line-height:1}.recordatorio-cerrar:hover{color:#334155;background:#f1f5f9}.recordatorio-mas,.recordatorio-permiso{pointer-events:auto;color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-self:flex-end;padding:6px 10px;font-size:12px}.recordatorio-permiso{cursor:pointer;font-weight:600}@keyframes recordatorio-entra{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:none}}:root{--fuente-titulos:"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif}html h1,html h2,html h3,html h4,html .cabecera h1,html .menu-titulo,html .modal-cabecera h2,html .aviso-dialogo h2,html .tarjeta>h2,html .ficha-caja>header h3,html .ficha-titulo-seccion,html .menu-cabecera-lista h3,html .pend-barra h3,html .menu-cal-cabecera h3,html .vt-barra-catalogo h3,html .vt-pedido-cabecera h3,html .vp-nombre,html .vp-adiciones h3,html .ventas-titulo-historial,html .omni-lista-cabecera h2,html .omni-quien h3,html .omni-bienvenida h3,html .cb-vacio h3,html .pend-vacio h3,html .wpb-marca,html .marca-logo .nombre{font-family:var(--fuente-titulos)}html .metrica .valor,html .menu-tile-valor,html .pend-tile-texto b,html .pend-kpi-texto b,html .mg-kpi-valor,html .ficha-kpis .kpi b,html .ficha-scoring b,html .vt-total b,html .vp-total b,html .pend-total b,html .pend-dia-num,html .cb-numero,html .wpb-remoto,html .pausa-reloj{font-family:var(--fuente-titulos);font-feature-settings:"tnum"}html .menu-titulo{letter-spacing:-.03em;color:#0000;background:linear-gradient(90deg,#1e1b4b 0%,#4338ca 55%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;line-height:1.2}html .menu-titulo:before{-webkit-text-fill-color:initial;background:linear-gradient(#818cf8,#4f46e5 50%,#7c3aed);width:6px;height:24px;box-shadow:0 4px 10px -3px #4f46e599}html .menu-cabecera-lista h3,html .pend-barra h3,html .tarjeta>h2,html .vt-barra-catalogo h3,html .vt-pedido-cabecera h3{letter-spacing:-.015em;color:#111827;font-size:15.5px;font-weight:800}html .ficha-caja>header h3{letter-spacing:-.01em;font-size:14.5px;font-weight:800}html .modal-cabecera h2{letter-spacing:-.02em;font-size:17px;font-weight:800}html .menu-cal-cabecera h3,html .cabecera h1{font-weight:800}html .tabla th,html th{font-family:var(--fuente);letter-spacing:.06em;color:#475569;font-size:11px;font-weight:700}html .campo label,html .vt-campos label,html .vp-fila>label,html .vp-total>label,html .vp-nota>label,html .com-fila>label{font-family:var(--fuente);color:#475569;letter-spacing:.01em;font-weight:600}html .nav button,html .boton{letter-spacing:-.005em;font-weight:600}html .estado-cabecera{flex-direction:row;align-items:center;gap:8px}html .estado-cabecera .campana-cab{white-space:nowrap;color:#4338ca;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;font-size:12px;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 12px -8px #4f46e599}html .estado-cabecera .campana-cab:hover{transform:translateY(-1px);box-shadow:0 8px 16px -8px #4f46e5b3}html .estado-cabecera .campana-cab small{letter-spacing:.08em;text-transform:uppercase;color:#818cf8;font-size:9.5px;font-weight:700}html .estado-cabecera .campana-cab b{font-family:var(--fuente-titulos);letter-spacing:.02em;color:#312e81;font-size:12.5px;font-weight:800}html .estado-cabecera .estado-agente{height:32px;padding:0 12px}html .ficha-stat{border-radius:10px;gap:7px;height:34px;padding:0 10px 0 4px}html .ficha-stat.asesor,html .ficha-stat.estado{width:142px}html .ficha-stat.scoring{width:92px;padding-right:8px}html .ficha-stat-icono{border-radius:8px;width:26px;height:26px}html .ficha-stat-icono svg{width:13px;height:13px}html .ficha-stat-texto small{font-size:8.5px}html .ficha-stat-texto b{font-size:11.5px}html .ficha-anillo{width:26px;height:26px}html .ficha-anillo b{font-size:11.5px}@media (width<=900px){html .ficha-stat.asesor,html .ficha-stat.estado,html .ficha-stat.scoring{flex:1 1 0;width:auto}html .estado-cabecera .campana-cab{display:none}}html .velo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;padding:6vh 16px}html .modal{border:1px solid #e5e7eb;border-radius:14px;max-width:560px;box-shadow:0 24px 60px -24px #0f172a59,0 2px 6px #0f172a0f}html .modal.estrecho{max-width:400px}html .modal.ancho{max-width:900px}html .modal.completo{max-width:1180px}html .modal:before{display:none}html .modal-cabecera{box-shadow:none;background:linear-gradient(110deg,#7c3aed 0%,#6366f1 45%,#0ea5e9 100%);border-bottom:0;border-radius:14px 14px 0 0;padding:11px 12px 11px 18px}html .modal-cabecera:after{display:none}html .modal-cabecera h2{letter-spacing:.005em;color:#fff;text-shadow:none;align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}html .modal-cabecera h2:before{display:none}html .modal-cerrar{color:#fff;width:28px;height:28px;min-height:28px;box-shadow:none;background:#ffffff29;font-size:18px;transition:background .15s,color .15s}html .modal-cerrar:hover{color:#4f46e5;background:#fff;transform:none}html .modal-cuerpo{background:#fff;gap:12px;padding:16px 18px}html .modal-pie{background:#f9fafb;border-top:1px solid #eef0f4;border-radius:0 0 14px 14px;gap:8px;padding:11px 18px}html .modal-pie .boton{min-height:34px;box-shadow:none;border-radius:9px;padding:0 14px;font-size:13px}html .modal-pie .boton:not(.secundario):not(.exito):not(.peligro){background:#4f46e5}html .modal-pie .boton:not(.secundario):not(.exito):not(.peligro):hover{background:#4338ca}html .modal-pie .boton.exito,html .modal-cuerpo .boton.exito{box-shadow:none;background:#059669}html .modal-pie .boton.exito:hover,html .modal-cuerpo .boton.exito:hover{background:#047857}html .modal-pie .boton.secundario{color:#334155;background:#fff;border-color:#e2e8f0}html .modal-pie .boton.secundario:hover{background:#f8fafc;border-color:#cbd5e1}html .modal-pie .boton:hover:not(:disabled){transform:none}html .modal-cuerpo .campo{gap:4px}html .modal-cuerpo .campo label{font-size:12px}html .modal-cuerpo .campo input,html .modal-cuerpo .campo select{min-height:36px;box-shadow:none;border-radius:8px;padding:7px 11px;font-size:13px}html .modal-cuerpo .form-rejilla{gap:10px 12px}html .modal-cuerpo .com-subtitulo{color:#3730a3;box-shadow:none;background:#f5f7ff;border:1px solid #e0e7ff;border-radius:8px;padding:7px 12px;font-size:12.5px}html .modal-cuerpo .tabla th{color:#475569;background:#f8fafc}html .modal-cuerpo .tabla-marco{box-shadow:none;border-color:#e5e7eb}html .aviso-dialogo{--a:#4f46e5;background:#fff;border-radius:14px;max-width:380px;padding:26px 24px 20px;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #0f172a66,0 0 0 1px #e5e7eb}html .aviso-dialogo:before{content:"";background:var(--a);height:3px;position:absolute;top:0;left:0;right:0}html .aviso-dialogo:has(.aviso-icono.ok){--a:#059669}html .aviso-dialogo:has(.aviso-icono.error){--a:#dc2626}html .aviso-dialogo:has(.aviso-icono.aviso){--a:#d97706}html .aviso-dialogo:has(.aviso-icono.info){--a:#4f46e5}html .aviso-icono{width:48px;height:48px;color:var(--a);background:color-mix(in srgb, var(--a) 12%, #fff);box-shadow:none;border:0;font-size:22px}html .aviso-dialogo h2{letter-spacing:-.01em;margin-top:12px;font-size:16.5px;font-weight:700}html .aviso-dialogo p{font-size:13.5px}html .aviso-botones{gap:8px;margin-top:18px}html .aviso-botones .boton{min-height:36px;box-shadow:none;border-radius:9px;padding:0 18px;font-size:13px}html .aviso-botones .boton:not(.secundario){background:var(--a)}html .aviso-botones .boton:not(.secundario):hover{filter:brightness(.94);transform:none}html .aviso-botones .boton.secundario{color:#334155;background:#fff;border-color:#e2e8f0}