: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}}@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){.nombre-cab,.menu-usuario .flecha{display:none}.estado-agente{max-width:128px;padding:5px 10px;font-size:11.5px;position:relative}.estado-agente .punto{flex-shrink:0}.estado-agente .estado-texto{text-overflow:ellipsis;min-width:0;overflow:hidden}.estado-agente .prefijo{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=380px){.estado-agente{max-width:104px}}.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}.app,.barra{height:calc(100dvh / var(--zoom))}.nav-lista{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.nav-grupo{flex-direction:column;gap:3px;margin-top:8px;display:flex}.nav .nav-grupo-titulo{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;background:0 0;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:6px 12px;font-size:10.5px;font-weight:700;display:flex}.nav .nav-grupo-titulo:hover{color:#e2e8f0;background:#94a3b81a;transform:none}.nav .nav-grupo-titulo:hover svg{transform:none}.nav .nav-grupo-titulo svg{margin-left:auto;transition:transform .16s ease-out}.nav-grupo.cerrado .nav-grupo-titulo svg,.nav-grupo.cerrado .nav-grupo-titulo:hover svg{transform:rotate(-90deg)}.nav-grupo-aviso{background:var(--rojo);color:#fff;text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:9px;min-width:20px;padding:0 6px;font-size:10.5px;line-height:17px}.barra :focus-visible{outline-color:#a5b4fc}.app.plegado .nav .nav-grupo-titulo{display:none}.app.plegado .nav-grupo{border-top:1px solid #94a3b829;margin-top:6px;padding-top:6px}.plegador{width:40px;height:40px;min-height:40px}.titulo-pantalla{min-width:0;font-family:var(--fuente-titulos,var(--fuente));color:var(--tinta);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-size:16px;font-weight:700;overflow:hidden}.cerrar-cajon{color:#e2e8f0;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;margin-left:auto;display:grid}.cerrar-cajon:hover{background:#ffffff1a}.barra-inferior{display:none}@media (width<=899px){.barra{z-index:192;width:min(86vw,300px);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);visibility:hidden;transition:transform .22s cubic-bezier(.32,.72,0,1),visibility 0s linear .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%);box-shadow:0 0 40px #0006}.barra.abierta{visibility:visible;transition:transform .24s cubic-bezier(.32,.72,0,1),visibility;transform:none}.barra .nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.nav-lista button{min-height:46px;font-size:14.5px}.marca-logo{padding:0 6px 0 16px}.velo-cajon{z-index:191;background:#0f172a80;animation:.16s ease-out aparecer;position:fixed;inset:0}.cabecera{min-height:56px;padding:6px 10px;padding-top:max(6px, env(safe-area-inset-top));padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:8px}.cabecera .acciones{gap:6px;min-width:0}.plegador{width:46px;height:46px;min-height:46px}.cabecera .cronometro{padding:5px 9px}.contenido{padding-top:14px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));gap:12px}.contenido.pleno{padding-bottom:12px}.barra-inferior{z-index:2;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);border-top:1px solid var(--linea);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#fffffff0;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:relative;box-shadow:0 -6px 20px -12px #1118274d}.barra-inferior button{min-height:60px;color:var(--tinta3);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:11.5px;font-weight:600;transition:color .15s ease-out;display:flex;position:relative}.barra-inferior button.activo{color:var(--acento-osc)}.barra-inferior button.activo .icono-inf{background:var(--acento-sua)}.barra-inferior .icono-inf{border-radius:999px;place-items:center;width:48px;height:30px;transition:background-color .15s ease-out;display:grid;position:relative}.barra-inferior .rotulo-inf{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.insignia-inf{background:var(--rojo);color:#fff;font-variant-numeric:tabular-nums;border:2px solid #fff;border-radius:9px;min-width:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-4px;left:calc(50% + 6px)}.wpb{bottom:calc(76px + env(safe-area-inset-bottom));right:max(14px, env(safe-area-inset-right))}.caja-llamada{bottom:calc(156px + env(safe-area-inset-bottom))!important}.recordatorios{top:calc(64px + env(safe-area-inset-top));width:auto;max-width:none;left:12px;right:12px}html .velo{padding:12px 10px calc(12px + env(safe-area-inset-bottom))}html .modal-pie{flex-wrap:wrap}html .modal-pie .boton{flex:auto;min-height:42px}html .modal-cerrar{width:40px;height:40px;min-height:40px}.tabla-marco{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tabla-marco .tabla td:not(:has(>button)){min-width:120px}.boton.mini{min-height:40px;padding:6px 12px}.contenido .menu-gestionar{width:40px;height:40px}.contador-chats{justify-content:center;min-width:44px;min-height:44px}.menu-usuario .disparador{min-height:44px;padding:5px}}@media (width<=520px){.titulo-pantalla{display:none}}@media (pointer:coarse){.boton.mini{min-height:40px}.contenido .menu-gestionar{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.barra,.barra.abierta{transition:none}}.inicio{flex-direction:column;gap:16px;width:100%;max-width:1180px;display:flex}.inicio-saludo{background:radial-gradient(420px 160px at 100% 0%, #6366f11a, transparent 70%), var(--lienzo);border:1px solid var(--linea);box-shadow:var(--sombra-1);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.inicio-saludo-texto{flex-direction:column;gap:8px;min-width:0;display:flex}.inicio-saludo h1{font-family:var(--fuente-titulos,var(--fuente));letter-spacing:-.03em;text-wrap:balance;font-size:24px;font-weight:800;line-height:1.2}.inicio-contexto{color:var(--tinta2);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:13px;display:flex}.inicio-dato .k{color:var(--tinta3)}.inicio-estado{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.inicio-estado i{background:currentColor;border-radius:50%;width:7px;height:7px}.inicio-estado.ok{background:var(--ok-sua);color:var(--ok)}.inicio-estado.alarma{background:var(--rojo-sua);color:var(--rojo)}.inicio-cta{border-radius:10px;min-height:44px;padding:0 18px;font-weight:600}.inicio-grupo{background:var(--lienzo);border:1px solid var(--linea);box-shadow:var(--sombra-1);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.inicio-grupo h2{font-family:var(--fuente);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta3);font-size:11.5px;font-weight:700}.inicio-accesos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.acceso-rapido{border:1px solid var(--linea);background:var(--lienzo-sutil);text-align:left;min-height:74px;color:var(--tinta);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition-property:background-color,border-color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease-out;display:flex;position:relative}.acceso-rapido:hover{background:var(--acento-sua);box-shadow:var(--sombra-2);border-color:#c7d2fe;transform:translateY(-1px)}.acceso-rapido:active{transform:scale(.98)}.acceso-rapido.bloqueado .acceso-icono{color:var(--tinta3);box-shadow:none;background:#f1f5f9}.acceso-icono{color:#fff;background:linear-gradient(135deg, var(--acento-medio), var(--acento-osc));border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 16px -10px #4f46e5e6}.acceso-texto{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.acceso-nombre{font-size:14.5px;font-weight:600;line-height:1.25}.acceso-desc{color:var(--tinta2);text-wrap:pretty;font-size:12.5px;line-height:1.35}.acceso-contador{color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;min-width:26px;padding:2px 8px;font-size:12px;font-weight:700}.acceso-contador.rojo{background:var(--rojo)}.acceso-contador.verde{background:var(--ok)}.acceso-candado{color:var(--tinta3);display:flex;position:absolute;top:8px;right:8px}.inicio-nota{color:var(--tinta2);align-items:center;gap:8px;margin:0;font-size:12.5px;display:flex}@media (width<=899px){.inicio-saludo{padding:16px}.inicio-saludo h1{font-size:21px}.inicio-cta{width:100%}.inicio-grupo{padding:14px 12px}.inicio-accesos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.acceso-rapido{flex-direction:column;align-items:flex-start;gap:8px;min-height:108px;padding:12px}.acceso-desc{display:none}.acceso-nombre{font-size:14px}.acceso-contador{position:absolute;top:10px;right:10px}.acceso-candado{top:auto;bottom:10px}}.sel{--sel-teal:#14b8a6;--sel-teal-claro:#2dd4bf;--sel-azul:#3b82f6;--sel-tinta:#0f172a;--sel-tinta2:#475569;--sel-linea:#dbe3ee;color:#fff;min-height:100dvh;font-family:var(--fuente,"Inter", ui-sans-serif, system-ui, sans-serif);isolation:isolate;background:radial-gradient(700px 480px at 12% 8%,#3b82f647,#0000 65%),radial-gradient(640px 460px at 92% 96%,#14b8a638,#0000 65%),linear-gradient(160deg,#04102f 0%,#0a1f5c 55%,#0b2a7a 100%);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:28px;padding:32px 16px;display:grid;position:relative;overflow:hidden}.sel:before{content:"";z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M24 40L96 70L170 30M96 70L80 150L168 128L200 196M80 150L30 196M168 128L170 30M24 40L30 196'/%3E%3C/g%3E%3Cg fill='%232dd4bf' fill-opacity='.45'%3E%3Ccircle cx='24' cy='40' r='2.4'/%3E%3Ccircle cx='96' cy='70' r='2.8'/%3E%3Ccircle cx='170' cy='30' r='2.2'/%3E%3Ccircle cx='80' cy='150' r='2.6'/%3E%3Ccircle cx='168' cy='128' r='2.4'/%3E%3Ccircle cx='200' cy='196' r='2'/%3E%3Ccircle cx='30' cy='196' r='2.2'/%3E%3C/g%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 30% 30%,#000 0%,#0000 75%)}.sel-marca{flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.sel-logos{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sel-logo-placa{background:#fff;border-radius:12px;align-items:center;padding:7px 12px;display:inline-flex;box-shadow:0 10px 24px -12px #0009}.sel-logo{width:auto;height:30px;display:block}.sel-producto{font-family:var(--fuente-titulos,inherit);letter-spacing:-.01em;font-size:17px;font-weight:700}.sel-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--sel-teal-claro);margin:0;font-size:11.5px;font-weight:700}.sel-titular{font-family:var(--fuente-titulos,inherit);letter-spacing:-.025em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(24px,3.2vw,34px);font-weight:800;line-height:1.15}.sel-bajada{color:#e2e8f0db;text-wrap:pretty;max-width:36ch;margin:0;font-size:14.5px;line-height:1.55}.sel-caja{width:100%;max-width:420px;color:var(--sel-tinta);background:#fffffff5;border:1px solid #ffffffb3;border-radius:20px;padding:30px 28px 26px;animation:.52s cubic-bezier(.16,1,.3,1) both sel-entra;box-shadow:0 30px 70px -24px #02081ebf,0 2px 8px #02081e2e}@keyframes sel-entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sel-cabecera{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sel-avatar{color:#fff;background:linear-gradient(135deg, var(--sel-azul), var(--sel-teal));border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:grid;box-shadow:0 6px 14px -6px #3b82f6b3}.sel-titulo{font-family:var(--fuente-titulos,inherit);letter-spacing:-.02em;color:var(--sel-tinta);-webkit-text-fill-color:currentColor;background:0 0;margin:0;font-size:19px;font-weight:800;line-height:1.25}.sel-titulo:before{content:none}.sel-quien{color:var(--sel-tinta2);overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.sel-form{flex-direction:column;gap:14px;display:flex}.sel-form .campo{flex-direction:column;gap:6px;display:flex}.sel-form .campo label{letter-spacing:.08em;text-transform:uppercase;color:var(--sel-tinta2);font-size:11px;font-weight:700}.sel-form .campo select{appearance:none;border:1px solid var(--sel-linea);width:100%;min-height:44px;color:var(--sel-tinta);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 13px center no-repeat;border-radius:10px;padding:10px 40px 10px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.sel-form .campo select:hover{border-color:#94a3b8}.sel-form .campo select:focus{border-color:var(--sel-teal);outline:none;box-shadow:0 0 0 3px #14b8a638}.sel-cargando{flex-direction:column;gap:8px;display:flex}.sel-cargando span{background:linear-gradient(90deg,#e9eef5 0%,#f6f8fb 50%,#e9eef5 100%) 0 0/200% 100%;border-radius:6px;width:30%;height:12px;animation:1.2s ease-in-out infinite sel-brillo;display:block}.sel-cargando span+span{border-radius:10px;width:100%;height:44px}@keyframes sel-brillo{0%{background-position:100% 0}to{background-position:-100% 0}}.sel-aviso{color:#b91c1c;background:#fef2f2;border:1px solid #b91c1c33;border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.sel-aviso b{margin-bottom:2px;display:block}.sel-boton{letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:10px 16px;font-size:14.5px;font-weight:700;transition-property:transform,box-shadow,background-color,border-color,opacity;transition-duration:.16s;transition-timing-function:ease-out;display:inline-flex}.sel-boton.primario{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 100%);box-shadow:0 12px 26px -12px #0ea5e9cc}.sel-boton.primario:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 30px -12px #0ea5e9e6}.sel-boton.secundario{color:var(--sel-tinta);border-color:var(--sel-linea);background:#fff}.sel-boton.secundario:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.sel-boton:active:not(:disabled){transform:scale(.98)}.sel-boton:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sel-boton:focus-visible,.sel-opcion:focus-visible,.sel-pie a:focus-visible{outline-offset:2px;outline:3px solid #2dd4bfd9}.sel-acciones{flex-direction:column;gap:10px;margin-top:4px;display:flex}.sel-opciones{gap:12px;display:grid}.sel-opcion{border:1px solid var(--sel-linea);color:var(--sel-tinta);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition-property:transform,box-shadow,border-color;transition-duration:.18s;transition-timing-function:ease-out;display:flex;box-shadow:0 1px 2px #0f172a0d}.sel-opcion:hover{border-color:var(--sel-teal);transform:translateY(-2px);box-shadow:0 14px 28px -16px #14b8a699}.sel-opcion-icono{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.sel-opcion-icono.azul{background:linear-gradient(135deg,#3b82f6,#0ea5e9)}.sel-opcion-texto{flex:1;min-width:0}.sel-opcion-texto strong{font-family:var(--fuente-titulos,inherit);font-size:15px;font-weight:700;display:block}.sel-opcion-texto span{color:var(--sel-tinta2);text-wrap:pretty;margin-top:2px;font-size:12.5px;display:block}.sel-opcion>svg:last-child{color:#94a3b8;flex-shrink:0}.sel-pie{text-align:center;color:var(--sel-tinta2);margin:18px 0 0;font-size:12.5px}.sel-pie a{color:#0f766e;font-weight:600}@media (width>=960px){.sel{grid-template-columns:minmax(0,460px) minmax(0,420px);justify-content:center;align-items:center;column-gap:clamp(48px,7vw,120px);padding:40px}.sel-marca,.sel-caja{justify-self:stretch}}@media (width<=959px){.sel{align-content:start;padding-top:28px}.sel-bajada{display:none}}@media (prefers-reduced-motion:reduce){.sel-caja,.sel-cargando span{animation:none}.sel-boton,.sel-opcion{transition:none}}.login{--l-rojo:#e30613;--l-rojo-osc:#c1122f;--l-rojo-texto:#b8050f;--l-rojo-suave:#fff3f3;--l-carbon:#121212;--l-gris:#f0f2f5;--l-tinta:#121212;--l-tinta2:#4a4a4a;--l-tinta3:#6c6c6c;--l-linea:#e2e4e8;--l-metal:linear-gradient(135deg, #f0262f 0%, #e30613 45%, #c1122f 100%);min-height:calc(100dvh / var(--zoom));color:var(--l-tinta);background:var(--l-gris);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid;position:relative;overflow-x:hidden}.login-marca{padding:max(56px, env(safe-area-inset-top)) 64px 56px max(64px, env(safe-area-inset-left));color:#fff;isolation:isolate;background:radial-gradient(680px 520px at 10% 15%, #e3061361, transparent 62%), radial-gradient(620px 520px at 90% 95%, #c1122f52, transparent 60%), linear-gradient(160deg, #1d1d1f 0%, #151515 55%, var(--l-carbon) 100%);flex-direction:column;justify-content:center;gap:56px;display:flex;position:relative;overflow:hidden}.login-marca:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff21 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(at 30% 45%,#000 15%,#0000 72%)}.login-marca:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--l-rojo), var(--l-rojo-osc));width:4px;position:absolute;top:0;bottom:0;right:0}.login-marca-logos{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.login-logo-placa{background:#fff;border-radius:14px;align-items:center;padding:8px 14px;display:inline-flex;box-shadow:0 14px 30px -14px #000c}.login-logo{width:auto;height:34px;display:block}.login-producto{font-family:var(--fuente-titulos,var(--fuente));letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:800;display:inline-flex}.login-producto b{letter-spacing:.08em;color:#fff;background:var(--l-rojo);border-radius:7px;padding:2px 8px;font-size:11.5px;font-weight:800}.login-marca-texto{max-width:600px;animation:.7s cubic-bezier(.16,1,.3,1) both acceso-entra}.login-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#e3061338;border:1px solid #ff5a6273;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.login-eyebrow:before{content:"";background:#ff3b45;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff3b45}.login-titular{font-family:var(--fuente-titulos,var(--fuente));letter-spacing:-.035em;text-wrap:balance;color:#fff;margin:0;font-size:clamp(38px,4.4vw,62px);font-weight:800;line-height:1.04}.login-titular em{color:#ff3b45;font-style:normal}.login-bajada{color:#c9c9cc;text-wrap:pretty;max-width:520px;margin:20px 0 0;font-size:18px;line-height:1.6}.login-chips{grid-template-columns:repeat(2,minmax(0,max-content));gap:10px;margin:34px 0 0;padding:0;list-style:none;display:grid}.login-chips li{color:#f2f2f3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.login-chips svg{color:#ff3b45;flex-shrink:0}.login-lado{isolation:isolate;padding:max(40px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) 40px;background:var(--l-gris);justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.login-lado:before{content:"";z-index:-1;background-image:linear-gradient(#1212120b 1px,#0000 1px),linear-gradient(90deg,#1212120b 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 75%);mask-image:radial-gradient(#000 25%,#0000 75%)}.login-caja{border:1px solid var(--l-linea);background:#fff;border-radius:22px;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:40px 34px 28px;animation:.6s cubic-bezier(.16,1,.3,1) both acceso-entra;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #12121259,0 2px 6px #1212120d}.login-caja:before{content:"";background:var(--l-metal);height:5px;position:absolute;top:0;left:0;right:0}.login-cabecera{flex-direction:column;gap:6px;display:flex}html .login-titulo{font-family:var(--fuente-titulos,var(--fuente));letter-spacing:-.025em;color:var(--l-tinta);text-wrap:balance;font-size:28px;font-weight:800}.login-ayuda{color:var(--l-tinta2);text-wrap:pretty;margin:0;font-size:14.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-campo{flex-direction:column;gap:7px;display:flex}.login-campo label{color:var(--l-tinta2);font-size:13.5px;font-weight:600}.login-campo input{width:100%;min-height:52px;font:inherit;color:var(--l-tinta);background:#fff;border:1px solid #c9ccd2;border-radius:12px;padding:12px 15px;font-size:16px;transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;box-shadow:0 1px 2px #1212120d}.login-campo input:hover{border-color:#9a9ea6}.login-campo input:focus{border-color:var(--l-rojo);outline:none;box-shadow:0 0 0 3px #e306132e}.login-campo input[aria-invalid=true]{border-color:var(--l-rojo-osc)}.login-campo input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #c1122f33}.login-campo input[readonly]{background:#f6f7f9}.login-clave{position:relative}.login-clave input{padding-right:56px}.login-ver{width:48px;height:48px;min-height:48px;color:var(--l-tinta3);background:0 0;border:0;border-radius:10px;place-items:center;transition-property:background-color,color;transition-duration:.15s;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.login-ver:hover{background:var(--l-gris);color:var(--l-tinta)}.login-ver:focus-visible{outline:3px solid var(--l-rojo);outline-offset:-3px;border-radius:10px}.login-mayus{color:var(--alerta,#b45309);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.login-error-zona:empty{display:none}.login-error{background:var(--l-rojo-suave);color:var(--l-rojo-texto);text-wrap:pretty;border:1px solid #e3061340;border-radius:12px;align-items:flex-start;gap:9px;margin:0;padding:11px 14px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}.login-cta{background:var(--l-metal);color:#fff;letter-spacing:-.005em;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:4px;padding:12px 20px;font-size:16.5px;font-weight:700;transition-property:box-shadow,transform,filter;transition-duration:.16s;transition-timing-function:ease-out;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 14px 28px -12px #e30613a6}.login-cta:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff4d,#0000);width:40%;transition:left .6s ease-out;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.login-cta:hover:not(:disabled):after{left:120%}.login-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px -12px #e30613cc}.login-cta:active:not(:disabled){transform:scale(.98)}.login-cta:disabled{cursor:progress;filter:saturate(.7)}.login-cta:focus-visible{outline:3px solid var(--l-carbon);outline-offset:3px;border-radius:12px}.login-girando{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite girar}.login-girando.oscuro{border-color:#e3061333;border-top-color:var(--l-rojo)}.login-demo{background:#fafafb;border:1px dashed #d3d6dc;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}html .login-demo-titulo{font-family:var(--fuente-titulos,var(--fuente));letter-spacing:.12em;text-transform:uppercase;color:var(--l-rojo-texto);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.login-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.login-demo-btn{border:1px solid var(--l-linea);min-width:0;min-height:50px;color:var(--l-tinta);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:9px;padding:8px 12px;font-size:13.5px;font-weight:600;line-height:1.2;transition-property:border-color,background-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.login-demo-btn svg{color:var(--l-rojo);flex-shrink:0}.login-demo-btn span:last-child{text-wrap:balance;min-width:0}.login-demo-btn:hover:not(:disabled){border-color:var(--l-rojo);background:var(--l-rojo-suave);box-shadow:0 8px 18px -14px #e30613cc}.login-demo-btn:active:not(:disabled){transform:scale(.97)}.login-demo-btn:disabled{cursor:progress;opacity:.55}.login-demo-btn:focus-visible{outline:3px solid var(--l-rojo);outline-offset:2px;border-radius:11px}.login-separador{color:var(--l-tinta3);align-items:center;gap:12px;font-size:13px;display:flex}.login-separador:before,.login-separador:after{content:"";background:var(--l-linea);flex:1;height:1px}.login-tienda{background:var(--l-rojo-suave);min-height:66px;color:var(--l-tinta);border:1px solid #f3c2c5;border-radius:15px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;transition-property:border-color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease-out;display:flex}.login-tienda:hover{border-color:var(--l-rojo);color:var(--l-tinta);transform:translateY(-1px);box-shadow:0 12px 24px -16px #e30613cc}.login-tienda:active{transform:scale(.99)}.login-tienda:focus-visible{outline:3px solid var(--l-rojo);outline-offset:2px;border-radius:15px}.login-tienda-icono{color:#fff;background:var(--l-metal);border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 20px -10px #e30613cc}.login-tienda-texto{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.login-tienda-texto b{font-family:var(--fuente-titulos,var(--fuente));font-size:15.5px;font-weight:700}.login-tienda-texto span{color:var(--l-tinta2);font-size:13px}.login-tienda>svg{color:var(--l-rojo);flex-shrink:0}.login-caja a:not(.login-tienda){color:var(--l-rojo-texto)}.solo-lector{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.login-marca{padding-left:max(44px, env(safe-area-inset-left));padding-right:44px}.login-chips{grid-template-columns:minmax(0,max-content)}}@media (width<=960px){.login{grid-template-columns:minmax(0,1fr);align-content:start}.login-marca{padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 28px max(16px, env(safe-area-inset-left));text-align:center;justify-content:flex-start;align-items:center;gap:16px}.login-marca:after{width:auto;height:4px;top:auto;left:0}.login-marca-logos{justify-content:center}.login-marca-texto{max-width:560px}.login-eyebrow{display:none}.login-titular{font-size:clamp(26px,6.4vw,36px)}.login-bajada{margin:10px auto 0;font-size:15px}.login-chips{flex-wrap:wrap;justify-content:center;margin-top:16px;display:flex}.login-chips li{border-radius:999px;padding:7px 12px;font-size:13px}.login-lado{padding:20px max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-items:flex-start}}@media (width<=520px){.login-logo{height:28px}.login-logo-placa{padding:6px 10px}.login-producto{font-size:17px}.login-bajada,.login-chips{display:none}.login-caja{border-radius:18px;gap:16px;padding:28px 16px 20px}html .login-titulo{font-size:23px}.login-demo{padding:12px}.login-demo-btn{gap:7px;padding:8px 10px;font-size:13px}}@media (width<=340px){.login-demo-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.login-cta:after{display:none}}