:root{--bg: oklch(.13 .005 100);--bg-surface: oklch(.17 .006 100);--bg-raised: oklch(.21 .006 100);--line: oklch(.98 0 0 / .07);--line-strong: oklch(.98 0 0 / .14);--ink: oklch(.95 .012 95);--ink-2: oklch(.95 .012 95 / .66);--ink-3: oklch(.95 .012 95 / .42);--volt: #F3FF00;--volt-soft: oklch(.93 .2 110 / .14);--on-volt: oklch(.13 .005 100);--ok: #10B981;--warn: #F59E0B;--danger: #EF4444;--info: #60A5FA;--muted: #94A3B8;--f-ui: "Geist", system-ui, sans-serif;--f-mono: "Geist Mono", ui-monospace, monospace;--f-serif: "Instrument Serif", Georgia, serif;--t-xs: .75rem;--t-sm: .875rem;--t-md: 1rem;--t-lg: 1.333rem;--t-xl: 1.777rem;--t-2xl: clamp(2rem, 1.3rem + 2.4vw, 3.16rem);--t-3xl: clamp(2.4rem, 1.2rem + 3.4vw, 4.4rem);--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--s-6: 48px;--s-8: 64px;--s-12: 96px;--r-1: 2px;--r-pill: 999px;--ease: cubic-bezier(.2,.7,.1,1);--dur: .24s}html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body{font-family:var(--f-ui);font-weight:400;font-size:var(--t-md);line-height:1.55}:focus-visible{outline:2px solid var(--volt);outline-offset:3px}::selection{background:var(--volt);color:var(--on-volt)}.z-etiqueta{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.z-acento{font-family:var(--f-serif);font-style:italic;font-weight:400;color:var(--volt)}.z-radicado{font-family:var(--f-mono);letter-spacing:.02em}.z-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-pill);font:500 var(--t-sm)/1 var(--f-ui);cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.z-btn--primario{background:var(--volt);color:var(--on-volt)}.z-btn--primario:hover{background:var(--ink)}.z-btn--linea{border-color:var(--line-strong);color:var(--ink);background:transparent}.z-btn--linea:hover{border-color:var(--ink)}.z-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-1)}.z-termino{display:inline-flex;align-items:center;gap:6px;font:500 var(--t-xs)/1 var(--f-mono)}.z-termino:before{content:"";width:8px;height:8px;border-radius:50%}.z-termino--verde:before{background:var(--ok)}.z-termino--amarillo:before{background:var(--warn)}.z-termino--rojo:before{background:var(--danger)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--t-sm)}input,select,textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-1);padding:10px 12px;width:100%}input[type=checkbox]{width:auto;accent-color:var(--volt)}select{cursor:pointer}textarea{resize:vertical}.pista{font-size:var(--t-xs);color:var(--ink-3);font-weight:400}.aviso{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--r-1);padding:10px 14px;font-size:var(--t-sm);color:var(--ink-2);margin:0 0 var(--s-2)}.aviso-inline{margin:0;padding:8px 12px}.panel-vacio{color:var(--ink-3);font-size:var(--t-sm);padding:var(--s-4) 0}.btn-icono{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);border:1px solid var(--line-strong);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn-icono:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.btn-icono:disabled,.z-btn:disabled{opacity:.45;cursor:not-allowed}.landing{min-height:100dvh;display:flex;flex-direction:column;padding:var(--s-3) var(--s-2);gap:var(--s-3)}.landing-top{display:flex;align-items:center;gap:10px}.landing-logo{width:26px;height:26px;object-fit:contain}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--s-3);max-width:640px;margin:0 auto;width:100%}.landing-entidad{margin:0}.landing-titulo{font-size:var(--t-2xl);line-height:1.1;margin:0}.voz-zona{display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.voz-circulo{--nivel:0;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--volt);color:var(--on-volt);border:none;transform:scale(calc(1 + var(--nivel) * .09));transition:transform 90ms linear,background var(--dur) var(--ease)}.voz-circulo:disabled{cursor:wait}.voz-idle{animation:respira 3.4s var(--ease) infinite}.voz-ended{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.voz-active{background:var(--ink);color:var(--bg)}.voz-hablando{background:var(--volt);color:var(--on-volt)}.voz-girando{animation:gira 1s linear infinite}@keyframes respira{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes gira{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.voz-circulo{transform:none!important}}.voz-estado{margin:0;font-size:var(--t-lg);color:var(--ink-2)}.voz-contador{margin:0;font-size:var(--t-sm);color:var(--ink-3)}.voz-error{margin:0;max-width:420px;font-size:var(--t-sm);color:var(--danger)}.landing-opciones{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-1);justify-content:center;padding:0;margin:0}.landing-opciones li{border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 16px;font-size:var(--t-sm);color:var(--ink-2)}.landing-aviso{text-align:center;font-size:var(--t-xs);color:var(--ink-3);max-width:520px;margin:0 auto;line-height:1.5}.vitrina{min-height:100dvh;padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-3)}.vitrina-vacia{min-height:100dvh;display:grid;place-items:center;color:var(--ink-3)}.vitrina-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.vitrina-marca{display:flex;align-items:center;gap:14px}.vitrina-logo{width:40px;height:40px;object-fit:contain}.vitrina-top h1{font-size:var(--t-xl)}.vitrina-top p{margin:2px 0 0}.vitrina-demo{border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:6px 14px}.vitrina-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-2)}.vitrina-kpis .kpi-valor{font-size:var(--t-3xl)}.vitrina-cuerpo{flex:1;display:grid;grid-template-columns:1fr 1.6fr;gap:var(--s-3);min-height:0}.vitrina-col{display:flex;flex-direction:column;gap:var(--s-2);min-height:0}.vitrina-col h2{margin:0}.vitrina-nada{color:var(--ink-3);font-size:var(--t-sm)}.vitrina-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1);overflow-y:auto;min-height:0}.vitrina-viva{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-1);padding:14px 16px}.punto-vivo{width:10px;height:10px;border-radius:50%;background:var(--volt);flex:none;animation:late 1.4s var(--ease) infinite}@keyframes late{0%,to{opacity:1}50%{opacity:.25}}.vitrina-resultado{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-1);padding:14px 16px}.vitrina-resultado-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.vitrina-nombre{margin:0;font-size:var(--t-md);font-weight:500}.vitrina-meta{margin:4px 0 0;font-size:var(--t-xs);color:var(--ink-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vitrina-resumen{margin:8px 0 0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-2);margin-bottom:var(--s-3)}.kpis-cartera{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kpi{padding:var(--s-2)}.vitrina .kpi{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--r-1)}.kpi-valor{margin:0;font-family:var(--f-mono);font-size:var(--t-xl);font-weight:500}.kpi-destacado .kpi-valor{color:var(--volt)}.kpi-etiqueta{margin:6px 0 0}.app{min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:var(--s-3);padding:14px var(--s-3);border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;background:var(--bg);z-index:10}.header-marca{display:flex;align-items:center;gap:12px}.header-logo{width:28px;height:28px;object-fit:contain}.header-nombre{display:block;font-weight:500}.header-entidad{display:block;margin-top:1px}.header-tabs{display:flex;gap:4px;flex:1;flex-wrap:wrap}.header-tab{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:var(--r-pill);padding:9px 15px;color:var(--ink-3);cursor:pointer;font-size:var(--t-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.header-tab:hover{color:var(--ink)}.header-tab.activa{background:var(--volt-soft);color:var(--volt)}.header-der{display:flex;align-items:center;gap:var(--s-2)}.contenido{flex:1;padding:var(--s-3);max-width:1500px;width:100%;margin:0 auto}.panel{display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap}.panel-header h2{font-size:var(--t-lg)}.filtros{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filtros select{width:auto;min-width:190px}.etiqueta-demo{margin:0 0 var(--s-2)}.buscador{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:0 14px;color:var(--ink-3)}.buscador input{border:none;background:transparent;padding:9px 0;min-width:230px}.buscador input:focus{outline:none}.tabla-envoltorio{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-1)}.tabla{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.tabla th{text-align:left;padding:12px 14px;font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap}.tabla td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.tabla tbody tr{cursor:pointer;transition:background var(--dur) var(--ease)}.tabla tbody tr:hover{background:var(--bg-raised)}.tabla tbody tr:last-child td{border-bottom:none}.celda-nombre{font-weight:500}.celda-sub{display:block;font-size:var(--t-xs);color:var(--ink-3);margin-top:3px}.celda-resumen{max-width:360px;color:var(--ink-2);line-height:1.5}.celda-acciones{display:flex;gap:6px;cursor:default}.audio{height:32px;max-width:210px}.consent{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-xs)}.consent.ok{color:var(--ok)}.consent.no{color:var(--ink-3)}.chip{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:5px 11px;font:500 var(--t-xs)/1.2 var(--f-ui);background:var(--bg-raised);color:var(--ink-2);border:1px solid var(--line-strong);white-space:nowrap}.chip-confirmo,.chip-informado,.chip-pagara_fecha,.chip-encuesta_completa,.chip-success{color:var(--ok);border-color:color-mix(in oklch,var(--ok) 40%,transparent)}.chip-acuerdo_propuesto,.chip-pidio_reprogramar,.chip-encuesta_parcial{color:var(--warn);border-color:color-mix(in oklch,var(--warn) 40%,transparent)}.chip-revision_valor,.chip-escalado{color:var(--danger);border-color:color-mix(in oklch,var(--danger) 40%,transparent)}.chip-no_acepto,.chip-no_autorizo_datos,.chip-failed,.chip-failed_refused,.chip-no_answer,.chip-failed_no_answer{color:var(--muted)}.chip-calling{color:var(--info);border-color:color-mix(in oklch,var(--info) 40%,transparent)}.chip-sin_clasificar{color:var(--warn)}.chip-cap-informa{color:var(--info)}.chip-cap-cobra{color:var(--warn)}.chip-cap-registra{color:var(--ok)}.chip-cap-atiende{color:var(--ink-2)}.chip-guion-aprobado{background:var(--volt-soft);color:var(--volt);border-color:transparent}.chip-guion-revision_juridica{color:var(--warn)}.chip-guion-borrador{color:var(--ink-3)}.campanas{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:var(--s-2)}.campana{padding:var(--s-2);display:flex;flex-direction:column;gap:var(--s-2)}.campana header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.campana h3{font-size:var(--t-md);margin:8px 0 4px}.campana-datos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.campana-datos dt{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.campana-datos dd{margin:5px 0 0;font-size:var(--t-sm)}.campana footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;flex-wrap:wrap}.btn-subir{cursor:pointer}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#020202b8;display:grid;place-items:center;padding:var(--s-2);z-index:50;overflow-y:auto}.modal{width:100%;max-width:480px;padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.modal-ancho{max-width:720px}.modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-2)}.modal-top h3{font-size:var(--t-lg);margin-top:4px}.modal label{display:flex;flex-direction:column;gap:6px;font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.modal label input,.modal label select{text-transform:none;letter-spacing:0;font-family:var(--f-ui);color:var(--ink)}.fila{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.fila-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--f-ui)!important;font-size:var(--t-sm)!important;color:var(--ink-2)!important;line-height:1.5}.fila-check input{margin-top:3px}.modal-pie{display:flex;justify-content:flex-end;gap:10px;margin-top:var(--s-1)}.ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-2);margin:0}.ficha dt{font:500 var(--t-xs)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.ficha dd{margin:6px 0 0;font-size:var(--t-sm)}.ficha-resumen{background:var(--bg-raised);border-radius:var(--r-1);padding:var(--s-2);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.ficha-resumen p:not(.z-etiqueta){margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--ink-2)}.ficha-historial ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.ficha-historial li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-2)}.ficha-canal{color:var(--ink-3)}.llamame{padding:var(--s-2);margin-bottom:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2)}.llamame-top{display:flex;align-items:center;gap:10px;color:var(--volt)}.llamame-top h3{font-size:var(--t-md);color:var(--ink)}.llamame-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s-2)}.llamame-campos label{display:flex;flex-direction:column;gap:6px;font:500 var(--t-xs)/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.llamame-campos input,.llamame-campos select{text-transform:none;letter-spacing:0;font-family:var(--f-ui);color:var(--ink)}.llamame-pie{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.graficas{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:var(--s-2);margin-bottom:var(--s-2)}.grafica{padding:var(--s-2)}.grafica h3{margin:0 0 var(--s-2)}.guion{min-height:60vh;font-family:var(--f-mono);font-size:var(--t-sm);line-height:1.65}.login-screen,.expirado{min-height:100dvh;display:grid;place-items:center;padding:var(--s-2)}.login-card,.expirado .z-card{width:100%;max-width:390px;padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:var(--s-1)}.login-logo-img{width:42px;height:42px;object-fit:contain}.login-logo h1{font-size:var(--t-lg)}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card .z-btn{justify-content:center}.login-error{font-size:var(--t-sm);color:var(--danger)}.login-footer{margin:0}.expirado .z-card{align-items:center;color:var(--ink-2)}.expirado h1{font-size:var(--t-lg);color:var(--ink)}.expirado p{margin:0}@media(max-width:900px){.vitrina-kpis{grid-template-columns:repeat(2,1fr)}.vitrina-cuerpo{grid-template-columns:1fr}.header{gap:var(--s-2)}.header-tabs{order:3;width:100%}.contenido{padding:var(--s-2)}.fila{grid-template-columns:1fr}}@media(max-width:560px){.landing{padding:var(--s-2)}.voz-circulo{width:160px;height:160px}.buscador input{min-width:0}.filtros{width:100%}.filtros select{flex:1;min-width:0}}