:root{--rojo-50: #FCF0ED;--rojo-100: #F7DAD3;--rojo-200: #EFB7AA;--rojo-500: #DC3826;--rojo-600: #B72D1C;--rojo-700: #8E2417;--fondo: #F7F5F2;--tarjeta: #FFFFFF;--borde: #EAE4DE;--borde-fuerte: #DCD4CC;--tinta: #211C18;--suave: #8A817A;--verde: #1D7A3D;--verde-bg: #E5F3E9;--ambar: #9A6700;--ambar-bg: #FBF0D3;--azul: #0B67C2;--azul-bg: #E3EEFB;--sombra: 0 1px 2px rgba(33, 25, 20, .06), 0 4px 14px rgba(33, 25, 20, .05);--sombra-alta: 0 8px 30px rgba(33, 25, 20, .14);--radio: 18px;--radio-chico: 10px;--sans: "Schibsted Grotesk", -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--grad: linear-gradient(90deg, var(--rojo-500), var(--rojo-600));--glow: 0 2px 12px rgba(220, 56, 38, .35)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--fondo);color:var(--tinta);font-size:14px;line-height:1.5}::selection{background:var(--rojo-200)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--borde-fuerte);border-radius:6px;border:2px solid var(--fondo)}::-webkit-scrollbar-track{background:transparent}.mono,code{font-family:var(--mono);font-size:.92em}code{background:var(--rojo-50);color:var(--rojo-700);padding:1px 6px;border-radius:6px}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit;padding:10px 13px;border:1.5px solid var(--borde);border-radius:var(--radio-chico);background:#fff;color:var(--tinta);transition:border-color .15s,box-shadow .15s;min-height:42px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;border-color:var(--rojo-500);box-shadow:0 0 0 3px var(--rojo-100)}::placeholder{color:var(--suave);opacity:.75}.boton{background:var(--rojo-500);color:#fff;border:0;padding:10px 20px;border-radius:var(--radio-chico);font-weight:700;letter-spacing:.1px;min-height:42px;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 1px 2px #8e24174d}.boton:hover{background:var(--rojo-600);box-shadow:0 3px 10px #8e24174d}.boton:active{transform:scale(.97)}.boton.suave{background:#fff;border:1.5px solid var(--borde-fuerte);color:var(--tinta);font-weight:600;box-shadow:none}.boton.suave:hover{border-color:var(--rojo-500);color:var(--rojo-600);background:var(--rojo-50)}.boton.peligro-btn{background:#fff;border:1.5px solid var(--rojo-200);color:var(--rojo-600);box-shadow:none}.boton.peligro-btn:hover{background:var(--rojo-50);border-color:var(--rojo-500)}.banda{background:var(--rojo-500);border-radius:var(--radio) var(--radio) 0 0;padding:15px 20px;display:flex;align-items:center;gap:7px}.banda i{width:11px;height:11px;border-radius:50%;background:var(--rojo-200)}.banda .chip{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--rojo-700);background:var(--rojo-50);padding:5px 12px;border-radius:999px}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(700px 380px at 85% -5%,var(--rojo-100) 0%,transparent 60%),radial-gradient(500px 300px at -10% 105%,var(--rojo-50) 0%,transparent 55%),var(--fondo)}.login form{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);width:min(410px,100%);box-shadow:var(--sombra-alta);overflow:hidden;animation:subir .35s cubic-bezier(.2,.9,.3,1.1)}.login .cuerpo-login{padding:clamp(24px,5vw,34px);display:grid;gap:14px}.login h1{font-size:21px;font-weight:800;letter-spacing:-.4px}.login .sub{color:var(--suave);font-size:13px;margin-top:-8px}.login img.qr{justify-self:center;border-radius:14px;border:1px solid var(--borde);padding:6px}.error{color:var(--rojo-600);font-size:13px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.menu{background:var(--tarjeta);border-right:1px solid var(--borde);padding:20px 0 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;z-index:30}.menu .logo{display:flex;align-items:center;gap:11px;padding:2px 18px 22px}.cubo{background:var(--rojo-500);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #8e241759}.menu .logo b{font-size:15px;letter-spacing:-.3px;display:block}.menu .logo small{color:var(--suave);font-family:var(--mono);font-size:8.5px;letter-spacing:1.6px}.menu .seccion{color:var(--suave);font-family:var(--mono);font-size:9.5px;letter-spacing:1.6px;padding:18px 20px 8px;text-transform:uppercase}.menu button{background:none;border:0;color:var(--suave);text-align:left;padding:10.5px 18px;font-size:13.5px;font-weight:600;display:flex;gap:11px;align-items:center;border-radius:0 999px 999px 0;margin-right:14px;transition:background .15s,color .15s;min-height:42px}.menu button:hover{color:var(--rojo-600);background:var(--rojo-50)}.menu button.activo{background:var(--rojo-500);color:#fff;box-shadow:0 2px 8px #8e24174d}.menu .salir{margin-top:auto}.barra-movil,.velo{display:none}.contenido{padding:24px clamp(14px,3.2vw,34px) 48px;min-width:0}.miga{color:var(--suave);font-family:var(--mono);font-size:11px;margin-bottom:4px}.contenido h2{font-size:22px;margin-bottom:18px;font-weight:800;letter-spacing:-.5px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;margin-bottom:22px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:17px 18px;box-shadow:var(--sombra);transition:transform .15s,box-shadow .15s;animation:aparecerTarjeta .4s cubic-bezier(.2,.8,.3,1) backwards}.tarjeta:nth-child(2){animation-delay:.05s}.tarjeta:nth-child(3){animation-delay:.1s}.tarjeta:nth-child(4){animation-delay:.15s}.tarjeta:nth-child(5){animation-delay:.2s}.tarjeta:hover{transform:translateY(-2px);box-shadow:var(--sombra-alta)}@keyframes aparecerTarjeta{0%{opacity:0;transform:translateY(10px)}}.tarjeta .valor{font-family:var(--mono);font-size:clamp(19px,2.3vw,25px);font-weight:600;letter-spacing:-.5px}.tarjeta .titulo{font-size:10px;color:var(--suave);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.ok{color:var(--verde)}.alerta{color:var(--ambar)}.peligro{color:var(--rojo-600)}.tabla-marco{border:1px solid var(--borde);border-radius:var(--radio);background:var(--tarjeta);box-shadow:var(--sombra);overflow:hidden}.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}th{background:var(--fondo);text-align:left;padding:11px 14px;color:var(--suave);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--borde)}th.ordenable{cursor:pointer}th.ordenable:hover{color:var(--rojo-600)}th .flecha{margin-left:5px;opacity:.35;font-family:var(--sans)}th .flecha.activa{opacity:1;color:var(--rojo-600)}td{padding:10.5px 14px;border-top:1px solid var(--borde);word-break:break-word}tbody tr{transition:background .12s}tbody tr:hover{background:var(--rojo-50)}tr.clicable{cursor:pointer}.vacio{text-align:center;color:var(--suave);padding:36px 12px!important}.cargando{color:var(--suave);padding:34px 0;text-align:center;animation:pulso 1.2s infinite}@keyframes pulso{50%{opacity:.45}}.paginador{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--borde);background:var(--fondo);flex-wrap:wrap}.paginador .rango{color:var(--suave);font-size:11.5px}.paginas{display:flex;gap:4px;align-items:center}.paginas button{min-width:36px;min-height:36px;border:1.5px solid transparent;background:none;border-radius:9px;color:var(--tinta);font-weight:600;font-family:var(--mono);font-size:12.5px;transition:background .12s,border-color .12s}.paginas button:hover:not(:disabled){background:var(--rojo-50);border-color:var(--rojo-200)}.paginas button.activa{background:var(--rojo-500);color:#fff}.paginas button:disabled{opacity:.35;cursor:default}.paginas .puntos{color:var(--suave);padding:0 2px}.estado{padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.estado.entregado,.estado.si{background:var(--verde-bg);color:var(--verde)}.estado.enviado,.estado.encolado{background:var(--azul-bg);color:var(--azul)}.estado.rebotado,.estado.fallido,.estado.queja,.estado.no{background:var(--rojo-100);color:var(--rojo-700)}.estado.rechazado_validacion{background:var(--ambar-bg);color:var(--ambar)}.estado.activo,.estado.score-caliente{background:var(--verde-bg);color:var(--verde)}.estado.score-tibio{background:var(--ambar-bg);color:var(--ambar)}.estado.score-frio{background:var(--azul-bg);color:var(--azul)}.estado.score-nuevo,.estado.inactivo,.estado.desuscrito{background:#efebe7;color:var(--suave)}.filtros{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filtros input{flex:1 1 230px}.detalle{position:fixed;top:0;right:0;bottom:0;left:0;background:#21191473;display:grid;place-items:center;z-index:50;padding:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:aparecer .15s}@keyframes aparecer{0%{opacity:0}}.detalle>div{background:var(--tarjeta);border-radius:var(--radio);width:min(700px,100%);max-height:88vh;overflow-y:auto;box-shadow:var(--sombra-alta);animation:subir .22s cubic-bezier(.2,.9,.3,1.05)}@keyframes subir{0%{transform:translateY(16px);opacity:0}}.detalle .cuerpo-modal{padding:clamp(18px,3vw,26px)}.detalle h3{margin-bottom:12px;font-size:16px;font-weight:800;letter-spacing:-.3px}.detalle p{margin-bottom:6px;font-size:13.5px;word-break:break-word}.linea-tiempo{border-left:2.5px solid var(--rojo-500);margin:16px 0 16px 6px;padding-left:16px;display:grid;gap:11px}.linea-tiempo .evento b{text-transform:capitalize}.linea-tiempo .fecha{color:var(--suave);font-family:var(--mono);font-size:11px}.linea-tiempo pre{background:var(--fondo);border:1px solid var(--borde);padding:9px 11px;border-radius:9px;font-size:11px;overflow-x:auto;margin-top:5px;font-family:var(--mono)}.cerrar{border:0;background:var(--rojo-50);color:var(--rojo-700);border-radius:999px;width:32px;height:32px;font-weight:700}.cerrar:hover{background:var(--rojo-100)}.acciones-detalle{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.correo-cliente{width:100%;height:min(460px,55vh);border:1px solid var(--borde);border-radius:var(--radio-chico);background:#fff}.adjuntos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.adjunto-chip{font-family:var(--mono);font-size:12px;text-decoration:none;color:var(--rojo-700);background:var(--rojo-50);border:1.5px dashed var(--rojo-200);border-radius:999px;padding:7px 14px;transition:background .15s,border-color .15s}.adjunto-chip:hover{background:var(--rojo-100);border-color:var(--rojo-500)}.adjunto-chip small{color:var(--suave)}.formulario{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:18px;margin-bottom:18px;display:grid;gap:12px;max-width:780px;box-shadow:var(--sombra)}.formulario .fila{display:flex;gap:10px;flex-wrap:wrap}.formulario .fila>*{flex:1 1 190px}.formulario .fila>button{flex:0 1 auto}.aviso-key{background:var(--rojo-50);border:1.5px dashed var(--rojo-200);color:var(--rojo-700);border-radius:var(--radio);padding:15px 18px;font-family:var(--mono);word-break:break-all;margin-bottom:16px;font-size:13px}.aviso-key small{display:block;color:var(--suave);font-family:var(--sans);margin-top:7px}textarea.editor{font-family:var(--mono);font-size:12px;min-height:260px;flex:1 1 300px}.preview{background:#fff;border:1px solid var(--borde);border-radius:var(--radio-chico);min-height:260px;flex:1 1 300px}.toasts{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));right:18px;display:grid;gap:10px;z-index:100;max-width:min(360px,calc(100vw - 36px))}.toast{background:var(--tinta);color:#fff;border-radius:12px;padding:13px 17px;box-shadow:var(--sombra-alta);font-size:13.5px;font-weight:600;border-left:4px solid var(--verde);animation:subir .22s}.toast.error{border-left-color:var(--rojo-500)}.dash-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:700;margin-bottom:10px}.dash-sep{height:24px}.dash-section-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dash-sh-line{flex:1;height:1px;background:var(--borde)}.dash-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.dash-kpi{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:22px 24px;position:relative;overflow:hidden}.dash-kpi-stripe{position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.dash-kpi-n{font-family:var(--sans);font-size:48px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:6px}.dash-kpi-lbl{font-size:13px;color:var(--suave);font-weight:600}.dash-kpi-pct{font-family:var(--mono);font-size:11px;color:var(--suave);margin-top:5px}.dash-breakdown{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:6px 20px;margin-bottom:16px}.dash-bd-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--borde)}.dash-bd-row:last-child{border-bottom:none}.dash-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-bd-name{flex:0 0 160px;font-size:13px;font-weight:600;color:var(--tinta)}.dash-bd-track{flex:1;height:4px;background:var(--borde);border-radius:2px;overflow:hidden}.dash-bd-fill{height:100%;border-radius:2px;transition:width .5s ease}.dash-bd-pct{font-family:var(--mono);font-size:11px;color:var(--suave);flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums}.dash-bd-count{font-family:var(--mono);font-size:13px;flex:0 0 42px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.dash-insight{background:var(--ambar-bg);border:1px solid color-mix(in srgb,var(--ambar) 30%,transparent);border-radius:12px;padding:12px 16px;font-size:13px;color:var(--ambar);margin-bottom:16px;line-height:1.55}.dash-target{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:20px 24px;margin-bottom:16px}.dash-target-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.dash-target-pct{font-family:var(--sans);font-size:28px;font-weight:800;color:var(--rojo-500);letter-spacing:-.02em}.dash-target-right{font-family:var(--mono);font-size:11px;color:var(--suave);font-variant-numeric:tabular-nums}.dash-track{height:7px;background:var(--borde);border-radius:4px;overflow:hidden;margin-bottom:10px}.dash-track-fill{height:100%;border-radius:4px;background:var(--grad);transition:width .6s ease}.dash-target-foot{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--suave);font-variant-numeric:tabular-nums}.dash-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.dash-hc{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:18px 20px}.dash-hc-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:700;margin-bottom:8px}.dash-hc-val{font-family:var(--sans);font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dash-hc-sub{font-size:11.5px;color:var(--suave);margin-top:3px}.dash-services{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;box-shadow:var(--sombra);padding:12px 20px;display:flex;gap:20px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.dash-svc{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--suave)}.dash-svc-dot{width:6px;height:6px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 3px var(--verde-bg);animation:dash-pulse 2.4s ease-in-out infinite}.dash-svc-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--suave);font-weight:700;margin-right:4px}@keyframes dash-pulse{0%,to{box-shadow:0 0 0 3px var(--verde-bg)}50%{box-shadow:0 0 0 6px var(--verde-bg)}}.dash-chart-card{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:20px 24px;margin-bottom:16px}.dash-chart-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.dash-chart-area{display:flex;align-items:flex-end;gap:5px;height:90px}.dash-cb-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.dash-cb{width:100%;border-radius:4px 4px 0 0;background:var(--fondo);border:1px solid var(--borde);min-height:3px;transition:opacity .15s}.dash-cb:hover{opacity:.7}.dash-cb-peak{background:var(--grad)!important;border:none!important;box-shadow:var(--glow)}.dash-cb-val{font-family:var(--mono);font-size:9px;color:var(--suave)}.dash-cb-lbl{font-family:var(--mono);font-size:8.5px;color:var(--suave);white-space:nowrap}.dash-station-card{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:6px 20px;margin-bottom:16px}.dash-st-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--borde);font-size:13.5px}.dash-st-row:last-child{border-bottom:none}.dash-st-label{color:var(--suave);font-weight:500}.dash-st-val{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.dash-foot{font-family:var(--mono);font-size:10px;color:var(--suave);text-align:right;padding-top:8px}.dash-loading{display:grid;place-items:center;height:300px;color:var(--suave);font-size:14px}@media (max-width: 1180px){.dash-kpi-row{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.dash-health-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.dash-kpi-row{grid-template-columns:1fr}.dash-health-grid{grid-template-columns:1fr 1fr}.dash-bd-name{flex-basis:110px;font-size:12px}.dash-chart-area{gap:2px}.dash-cb-lbl{display:none}}@media (max-width: 880px){.app{grid-template-columns:1fr}.barra-movil{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top))}.barra-movil .cubo{width:34px;height:34px}.barra-movil b{font-size:14.5px;letter-spacing:-.3px}.barra-movil .hamburguesa{margin-left:auto;background:#fff;border:1.5px solid var(--borde);border-radius:10px;color:var(--tinta);min-width:42px;min-height:42px;display:grid;place-items:center}.menu{position:fixed;top:0;left:0;width:268px;transform:translate(-103%);transition:transform .24s cubic-bezier(.2,.8,.3,1);box-shadow:var(--sombra-alta);padding-top:calc(20px + env(safe-area-inset-top))}.menu.abierto{transform:none}.velo.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#21191466;z-index:25}.contenido{padding:16px 14px 44px}.contenido h2{font-size:19px}.tarjetas{grid-template-columns:repeat(2,1fr);gap:10px}.tarjeta{padding:14px}.detalle{padding:10px;align-items:end}.detalle>div{max-height:92dvh;border-radius:var(--radio) var(--radio) 0 0;width:100%}.acciones-detalle .boton{flex:1}.paginador{justify-content:center}.paginador .rango{width:100%;text-align:center;order:2}.banda .chip{display:none}}@media (max-width: 420px){.filtros .boton,.filtros select{width:100%;flex:1 1 100%}.formulario .fila>button{flex:1 1 100%}}