:root{--tinta: #1b1919;--texto: #383838;--negro: #000000;--gris: #f3f3f3;--linea: #e0e0e0;--linea-fuerte: #d6d6d6;--salvia: #c4d9d4;--salvia-suave: #dcebe7;--salvia-texto: #2e5b51;--salvia-fuerte: #2f8a74;--arena: #cfc5b4;--arena-suave: #efe9df;--arena-texto: #5c5140;--naranja: #de744d;--naranja-suave: #fbe6dd;--naranja-texto: #a8482a;--rojo-suave: #f5dcd8;--rojo-texto: #9b2c22;--ambar-suave: #fbefd2;--ambar-texto: #8a5a00;--tenue: #5a5f64;--apagado: #9a9a9a;--blanco: #ffffff;--fuente: "Questrial", "Helvetica Neue", Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--fuente);color:var(--texto);background:var(--gris);letter-spacing:.4px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--tinta)}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}h1,h2,h3{font-weight:400;margin:0;color:var(--negro);text-wrap:balance}p{margin:0}.etiqueta{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--tenue)}.tenue{color:var(--tenue)}.subrayado{text-decoration:underline;background:none;border:0;padding:0;color:var(--tinta)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:0;font-size:13px;letter-spacing:2.6px;text-transform:uppercase;text-decoration:none;transition:background-color .15s,opacity .15s}.btn:disabled{opacity:.45}.btn-principal{background:var(--salvia);color:var(--negro)}.btn-principal:not(:disabled):hover{background:#b3cdc7}.btn-oscuro{background:var(--tinta);color:var(--blanco)}.btn-oscuro:not(:disabled):hover{background:#000}.btn-confirmar{background:var(--naranja);color:var(--negro)}.btn-confirmar:not(:disabled):hover{background:#d4653d}.btn-contorno{background:var(--blanco);color:var(--negro);border-color:var(--negro)}.btn-contorno:not(:disabled):hover{background:var(--gris)}.btn-pequeno{min-height:40px;padding:0 14px;font-size:12px;letter-spacing:2px}.btn-google{background:var(--blanco);color:var(--negro);border:1px solid var(--negro);text-transform:none;letter-spacing:.4px;font-size:15px}.cliente{max-width:560px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--blanco)}@media (min-width: 600px){.cliente{box-shadow:0 0 40px #0000000f}}.lado-marca{display:none}@media (min-width: 720px){body:has(.marco-cliente){background:var(--blanco)}.marco-cliente{display:grid;grid-template-columns:minmax(240px,1fr) clamp(420px,50vw,620px);min-height:100dvh}.marco-cliente .cliente{max-width:none;margin:0;box-shadow:none;border-left:1px solid var(--linea)}.marco-cliente .portada{display:none}.lado-marca{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3.6vw,56px);background:var(--tinta);color:var(--blanco);overflow:hidden}.lado-marca .logo{width:clamp(110px,11vw,150px)}.lado-marca .texto{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px);max-width:520px}.lado-marca .etiqueta{color:var(--salvia)}.lado-marca h2{color:var(--blanco);font-size:clamp(28px,4.2vw,58px);letter-spacing:1px;line-height:1.05}.lado-marca p{font-size:clamp(14px,1.35vw,18px);line-height:1.55;color:#d9d9d9}.lado-marca .pie{display:flex;gap:clamp(16px,2vw,28px);flex-wrap:wrap;font-size:13px;color:#bdbdbd}.lado-marca .pie strong{display:block;font-weight:400;font-size:clamp(18px,1.7vw,22px);color:var(--blanco)}.marco-cliente .cuerpo{padding:32px clamp(24px,3vw,44px)}.marco-cliente .accion{padding-left:clamp(24px,3vw,44px);padding-right:clamp(24px,3vw,44px)}}.encabezado{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:96px 1fr 96px;align-items:center;height:60px;padding:0 12px;background:var(--tinta);color:var(--blanco)}.encabezado a,.encabezado button{color:var(--blanco)}.encabezado .centro{display:flex;justify-content:center}.encabezado .derecha{display:flex;justify-content:flex-end}.icono-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;text-decoration:none;gap:6px}.volver{width:auto;padding:0 6px;font-size:13px}.logo{width:96px;height:auto}.portada{display:flex;flex-direction:column;gap:10px;padding:36px 20px 30px;background:var(--tinta);color:var(--blanco)}.portada .etiqueta{color:var(--salvia)}.portada h1{color:var(--blanco);font-size:36px;letter-spacing:.8px;line-height:1.1}.portada p{color:#d9d9d9;line-height:1.5;font-size:15px}.cuerpo{flex:1;display:flex;flex-direction:column;gap:22px;padding:24px 20px}.titulo{display:flex;flex-direction:column;gap:6px}.titulo h1{font-size:28px;letter-spacing:.8px}.titulo h2{font-size:22px;letter-spacing:.4px}.titulo p{font-size:14px;line-height:1.5}.accion{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:12px;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));background:var(--blanco);border-top:1px solid var(--linea)}.accion .fila{display:flex;gap:10px}.accion .fila>*{flex:1}.enlace-centro{display:flex;justify-content:center;gap:6px;font-size:13px;color:var(--tenue)}.paso{display:flex;flex-direction:column;gap:12px}.barra-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.barra-pasos span{height:2px;background:var(--linea)}.barra-pasos span.on{background:var(--negro)}.opciones{display:flex;flex-direction:column;gap:8px}.tarjeta{display:flex;gap:14px;align-items:center;width:100%;padding:14px 16px;text-align:left;background:var(--blanco);border:1px solid var(--linea)}.tarjeta:hover{border-color:var(--linea-fuerte);background:#fcfcfc}.tarjeta[aria-pressed=true]{border:1.5px solid var(--negro)}.tarjeta .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.tarjeta .nombre{font-size:17px;color:var(--negro)}.tarjeta .ayuda{line-height:1.4}.tarjeta .icono{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gris);color:var(--negro)}.tarjeta[aria-pressed=true] .icono{background:var(--salvia)}.marca-sel{width:20px;height:20px;border:1px solid var(--linea-fuerte);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tarjeta[aria-pressed=true] .marca-sel{border-color:var(--negro)}.tarjeta[aria-pressed=true] .marca-sel:after{content:"";width:10px;height:10px;background:var(--negro)}.tarjeta.grande{padding:20px 18px}.tarjeta.grande .nombre{font-size:19px}.bloque{display:flex;flex-direction:column;gap:10px}.separador{height:1px;background:var(--linea);margin:4px 0}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo>span:first-child{font-size:13px}.campo .opcional{color:var(--apagado)}.entrada{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border:1px solid var(--linea-fuerte);background:var(--blanco)}.entrada:focus-within{border-color:var(--negro)}.entrada input,.entrada select,.entrada textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--negro);padding:0}.entrada select{height:48px}.entrada textarea{min-height:140px;padding:12px 0;resize:vertical;line-height:1.5}.entrada .prefijo{color:var(--tenue);padding-right:10px;border-right:1px solid var(--linea)}.entrada.error{border-color:var(--naranja-texto)}.ayuda{font-size:12px;color:var(--tenue)}.ayuda.error{color:var(--naranja-texto)}.contador{align-self:flex-end;font-size:11px;color:var(--apagado);font-variant-numeric:tabular-nums}.dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.doc{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px}@media (max-width: 420px){.dos{grid-template-columns:minmax(0,1fr)}}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:40px;padding:0 14px;border:1px solid var(--linea-fuerte);background:var(--blanco);color:var(--texto);font-size:14px}.chip[aria-pressed=true]{background:var(--negro);border-color:var(--negro);color:var(--blanco)}.aviso{display:flex;gap:10px;padding:12px 14px;background:var(--gris);font-size:13px;line-height:1.45}.aviso svg{flex-shrink:0;margin-top:1px}.aviso.error{background:var(--naranja-suave);color:var(--naranja-texto)}.aviso.arena{background:var(--arena-suave);color:var(--tinta)}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.45;cursor:pointer}.check input{width:20px;height:20px;margin:0;accent-color:var(--negro);flex-shrink:0}.opcion-grande{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--linea);background:var(--blanco);transition:border-color .15s,box-shadow .15s}.opcion-grande:hover{border-color:var(--negro);box-shadow:0 10px 30px #0000000f}.opcion-grande .ilustracion{display:block;aspect-ratio:40 / 26;overflow:hidden}.opcion-grande .ilustracion svg{display:block;width:100%;height:100%}.opcion-grande .texto{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}.opcion-grande strong{font-weight:400;font-size:22px;color:var(--negro);letter-spacing:.3px}.opcion-grande .texto>span{font-size:14px;line-height:1.5;color:var(--tenue)}.opcion-grande .ir{display:inline-flex!important;align-items:center;gap:6px;margin-top:4px;font-size:12px!important;letter-spacing:2.4px;text-transform:uppercase;color:var(--negro)!important}.buscador-producto{position:relative}.sugerencias{position:absolute;z-index:15;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px 0;list-style:none;background:var(--blanco);border:1px solid var(--negro);box-shadow:0 12px 30px #0000001f;max-height:360px;overflow-y:auto}.sugerencias button{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border:0;background:none;text-align:left}.sugerencias li[aria-selected=true] button{background:var(--gris)}.sugerencias img,.sugerencias .sin-imagen{width:40px;height:40px;object-fit:cover;background:var(--gris);flex-shrink:0}.sugerencias .info{display:flex;flex-direction:column;gap:2px;min-width:0}.sugerencias strong{font-weight:400;font-size:15px;color:var(--negro)}.sugerencias small{font-size:12px;color:var(--tenue)}.sugerencias .nada{padding:10px 12px;font-size:13px;color:var(--tenue)}.sugerencias .otro{font-size:13px;color:var(--tinta);text-decoration:underline;border-top:1px solid var(--linea)!important;padding:12px}.producto-elegido{display:flex;align-items:center;gap:12px;padding:10px;background:var(--gris)}.producto-elegido img{width:56px;height:56px;object-fit:cover;background:var(--blanco)}.producto-elegido .info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.producto-elegido strong{font-weight:400;font-size:16px;color:var(--negro)}.producto-elegido small{font-size:12px;color:var(--tenue)}.fila-buscar{display:flex;gap:8px}.fila-buscar .entrada{flex:1;min-width:0}.boton-escanear{min-height:50px;padding:0 16px;letter-spacing:1.6px;font-size:12px;flex-shrink:0}@media (max-width: 380px){.boton-escanear span{display:none}}.tipo-bloque{display:flex;flex-direction:column}.tipo-bloque.abierto .tarjeta{border-bottom-color:transparent}.motivos{display:flex;flex-direction:column;gap:10px;padding:4px 16px 16px;border:1.5px solid var(--negro);border-top:0;background:var(--blanco)}.motivos .chip{min-height:36px;font-size:13px}.resumen-tipo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--gris);font-size:14px;color:var(--negro)}.resumen-tipo .subrayado{margin-left:auto;font-size:12px}.escaner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--tinta);color:var(--blanco)}.escaner-cabeza{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 20px;font-size:14px}.escaner-cabeza button{color:var(--blanco)}.escaner-visor{position:relative;flex:1;overflow:hidden;background:#000}.escaner-visor video{width:100%;height:100%;object-fit:cover}.escaner-marco{position:absolute;left:10%;right:10%;top:38%;height:24%;border:2px solid var(--salvia);box-shadow:0 0 0 9999px #00000073}.escaner-ayuda,.escaner-error{padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px));font-size:14px;line-height:1.45;text-align:center}.escaner-error{color:#ffd7c9}.escaner-manual{display:flex;flex-direction:column;gap:8px;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));font-size:13px;color:#d9d9d9}.escaner-manual div{display:flex;gap:8px}.escaner-manual input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid #555;background:#2a2828;color:var(--blanco);font-size:16px;letter-spacing:1px}.zona-adjuntos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;border:1px dashed var(--linea-fuerte);background:#fcfcfc;text-align:center;color:var(--texto);font-size:14px}.zona-adjuntos:hover{border-color:var(--negro)}.zona-adjuntos small{font-size:12px;color:var(--tenue)}.adjuntos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.adjunto{position:relative;aspect-ratio:1;background:var(--gris);overflow:hidden}.adjunto img,.adjunto video{width:100%;height:100%;object-fit:cover}.adjunto .quitar{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#1b1919bf;color:var(--blanco);border:0;display:flex;align-items:center;justify-content:center}.adjunto .barra-carga{position:absolute;left:0;right:0;bottom:0;height:4px;background:#00000026}.adjunto .barra-carga span{display:block;height:100%;background:var(--salvia-fuerte);transition:width .2s}.adjunto .marca-video{position:absolute;left:6px;bottom:8px;padding:2px 6px;background:#1b1919bf;color:var(--blanco);font-size:10px;letter-spacing:1px;text-transform:uppercase}.codigo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;background:var(--salvia);flex-wrap:wrap}.codigo .etiqueta{color:var(--negro)}.codigo strong{font-weight:400;font-size:22px;letter-spacing:2px;color:var(--negro)}.filas{display:flex;flex-direction:column;margin:0}.filas div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--linea)}.filas dt{font-size:13px;color:var(--tenue);flex-shrink:0}.filas dd{margin:0;font-size:15px;color:var(--negro);text-align:right}.ok{width:44px;height:44px;background:var(--salvia);display:inline-flex;align-items:center;justify-content:center;color:var(--negro)}.estados-linea{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.estados-linea div{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--apagado)}.estados-linea div:before{content:"";height:3px;background:var(--linea)}.estados-linea div.on{color:var(--negro)}.estados-linea div.on:before{background:var(--salvia-fuerte)}.respuesta{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--gris);box-shadow:inset 3px 0 0 var(--salvia-fuerte)}.respuesta p{font-size:15px;line-height:1.55;color:var(--negro);white-space:pre-wrap}.cargando{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--tenue);font-size:14px}.cargando:before{content:"";width:16px;height:16px;border:2px solid var(--linea);border-top-color:var(--negro);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.equipo{min-height:100dvh;display:flex;flex-direction:column;background:var(--blanco)}.barra{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;min-height:64px;padding:0 32px;background:var(--tinta);color:var(--blanco);flex-wrap:wrap}.barra .logo{width:104px}.barra .producto{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--salvia);padding-left:16px;border-left:1px solid #444}.barra nav{flex:1;display:flex;gap:32px;align-self:stretch}.barra nav a{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:#a9a9a9;text-decoration:none;border-bottom:2px solid transparent}.barra nav a.activo{color:var(--blanco);border-bottom-color:var(--blanco)}.barra nav .burbuja{min-width:20px;height:18px;padding:0 5px;background:var(--naranja);color:var(--negro);font-size:11px;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center}.usuario{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;background:var(--salvia);color:var(--negro);display:flex;align-items:center;justify-content:center;font-size:13px}.usuario .nombre{font-size:13px}.usuario small{font-size:11px;color:#a9a9a9}.usuario button{background:none;border:0;padding:0;color:#a9a9a9;font-size:11px;text-align:left;text-decoration:underline}.pagina{flex:1;display:flex;flex-direction:column;gap:24px;padding:32px}.pagina-cabeza{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.pagina-cabeza h1{font-size:34px;letter-spacing:.8px}.herramientas{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.buscador{width:300px;max-width:100%}.filtros-barra{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:16px;background:var(--gris)}.filtros-barra .campo{min-width:150px;flex:1}.filtros-barra .campo>span:first-child{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--tenue)}.filtros-barra .entrada{min-height:40px;padding:0 10px}.filtros-barra .entrada select,.filtros-barra .entrada input{font-size:14px;height:38px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}.kpi{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-left:1px solid var(--linea)}.kpi:first-child{border-left:0;padding-left:0}.kpi .valor{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.kpi strong{font-weight:400;font-size:38px;color:var(--negro);font-variant-numeric:tabular-nums;line-height:1.1}.kpi strong.alerta{color:var(--rojo-texto)}.kpi span{font-size:13px;color:var(--tenue)}.tableros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tablero{display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid var(--linea);background:var(--blanco);min-width:0}.tablero.ancho{grid-column:1 / -1}.tablero .cabeza{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.tablero h2{font-size:19px;letter-spacing:.3px}.tablero .vacio-mini{padding:24px 0;text-align:center;font-size:13px;color:var(--tenue)}.barras{display:flex;flex-direction:column;gap:4px}.barra-fila{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr) 44px;gap:12px;align-items:center;padding:5px 4px;border:0;background:none;text-align:left;font-size:13px;color:var(--texto)}.barra-fila:hover,.barra-fila:focus-visible{background:var(--gris)}.barra-fila .rotulo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-fila .pista{display:block;height:14px;position:relative}.barra-fila .relleno{display:block;height:100%;min-width:2px;background:var(--salvia-fuerte);border-radius:0 4px 4px 0}.barra-fila .num{text-align:right;color:var(--negro);font-variant-numeric:tabular-nums}.barra-fila.activa{background:var(--salvia-suave)}.columnas-graf{display:flex;flex-direction:column;gap:8px}.columnas-graf .area{position:relative;height:180px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--linea-fuerte)}.columnas-graf .guia{position:absolute;left:0;right:0;border-top:1px dashed var(--linea);font-size:10px;color:var(--apagado)}.columnas-graf .guia span{position:absolute;top:-14px;left:0;background:var(--blanco);padding-right:4px}.columnas-graf .col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;position:relative;border:0;background:none;padding:0 2px}.columnas-graf .col:hover{background:var(--gris)}.columnas-graf .col .relleno{display:block;background:var(--salvia-fuerte);border-radius:4px 4px 0 0;min-height:2px}.columnas-graf .col .tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;padding:6px 8px;background:var(--tinta);color:var(--blanco);font-size:12px;z-index:2}.columnas-graf .col:hover .tip,.columnas-graf .col:focus-visible .tip{display:block}.columnas-graf .ejes{display:flex;gap:6px}.columnas-graf .ejes span{flex:1;text-align:center;font-size:11px;color:var(--tenue)}.anillo{display:flex;align-items:center;gap:20px}.anillo svg{flex-shrink:0}.anillo .leyenda-mini{display:flex;flex-direction:column;gap:6px;font-size:13px}.anillo .leyenda-mini i{display:inline-block;width:10px;height:10px;margin-right:8px}.tabla-caja{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tabla th{text-align:left;font-weight:400;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--texto);padding:10px 14px;border-bottom:1px solid var(--negro);white-space:nowrap}.tabla th button{background:none;border:0;padding:0;text-transform:inherit;letter-spacing:inherit;font-size:inherit}.tabla td{padding:12px 14px;border-bottom:1px solid var(--linea);font-size:14px;vertical-align:middle}.tabla tbody tr{cursor:pointer}.tabla tbody tr:hover td{background:#fafafa}.tabla .principal strong{font-weight:400;font-size:15px;color:var(--negro)}.tabla .principal small{display:block;font-size:12px;color:var(--tenue);margin-top:2px}.tabla .rad{font-size:13px;letter-spacing:1px;color:var(--negro);white-space:nowrap}.vacio{padding:48px 16px;text-align:center;color:var(--tenue);font-size:14px;border-bottom:1px solid var(--linea)}.paginacion{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--tenue);padding-top:12px}.estado{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;font-size:13px;white-space:nowrap}.estado:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.estado.radicada{background:var(--arena-suave);color:var(--arena-texto)}.estado.gestion{background:#e3ebf3;color:#2f4f6e}.estado.respondida{background:var(--salvia-suave);color:var(--salvia-texto)}.estado.cerrada{background:var(--gris);color:#6e6e6e}.plazo{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;padding:3px 8px}.plazo svg{flex-shrink:0}.plazo.en-plazo{color:var(--salvia-texto);background:var(--salvia-suave)}.plazo.por-vencer{color:var(--ambar-texto);background:var(--ambar-suave)}.plazo.vencida,.plazo.tarde{color:var(--rojo-texto);background:var(--rojo-suave)}.plazo.a-tiempo{color:var(--salvia-texto);background:transparent;padding-left:0}.tag{display:inline-block;padding:1px 7px;border:1px solid var(--linea-fuerte);font-size:11px;color:var(--texto);white-space:nowrap}.caso{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}.caso .seccion{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--linea)}.caso .seccion:last-child{border-bottom:0}.caso h2{font-size:20px}.datos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--linea)}.datos>div{display:flex;flex-direction:column;gap:4px;padding:12px 12px 12px 0;border-bottom:1px solid var(--linea);min-width:0}.datos strong{font-weight:400;font-size:15px;color:var(--negro);overflow-wrap:anywhere}.descripcion{font-size:15px;line-height:1.6;color:var(--negro);white-space:pre-wrap;padding:16px;background:var(--gris)}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.galeria a{display:block;aspect-ratio:4 / 3;background:var(--gris);overflow:hidden;position:relative}.galeria img,.galeria video{width:100%;height:100%;object-fit:cover}.gestion{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px;padding:22px;background:var(--gris)}.gestion textarea{min-height:160px}.notas{display:flex;flex-direction:column;gap:8px}.nota{padding:10px 12px;background:var(--blanco);font-size:13px;line-height:1.45}.nota small{display:block;margin-top:4px;color:var(--tenue);font-size:11px}.historial{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--tenue)}.historial span{padding-left:12px;border-left:2px solid var(--linea-fuerte)}.cajon{position:fixed;top:80px;right:24px;width:400px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 104px);overflow-y:auto;z-index:25;display:flex;flex-direction:column;gap:16px;padding:22px;background:var(--gris);box-shadow:0 12px 40px #0000002e}.cajon .cabeza{display:flex;justify-content:space-between;align-items:center}.cajon .cod{letter-spacing:2px;font-size:13px;color:var(--negro)}.ficha-cliente{display:flex;align-items:center;gap:14px}.ficha-cliente h2{font-size:24px}.ficha-texto{font-size:14px;line-height:1.55;color:var(--negro);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.rejilla{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linea-fuerte)}.rejilla>div{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--linea-fuerte);min-width:0}.rejilla>div:nth-child(odd){border-right:1px solid var(--linea-fuerte);padding-right:12px}.rejilla>div:nth-child(2n){padding-left:14px}.rejilla strong{font-weight:400;font-size:15px;color:var(--negro)}.contacto{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--negro)}.contacto a{display:flex;align-items:center;gap:10px;text-decoration:none;overflow-wrap:anywhere}.acciones{display:flex;flex-direction:column;gap:8px}.avatar-cliente{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--salvia);color:var(--negro);font-size:14px;letter-spacing:1px}.avatar-cliente.grande{width:84px;height:84px;font-size:28px}.perfil{display:flex;gap:24px;align-items:center;padding:24px;background:var(--gris);flex-wrap:wrap}.perfil-datos{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}.perfil-datos h1{font-size:34px}.tabla tbody tr.sel td{background:var(--gris)}.tabla tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--negro)}@media (max-width: 760px){.cajon{top:auto;bottom:0;right:0;left:0;width:auto;max-width:none;max-height:80dvh}}.ingreso{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--blanco)}.ingreso .marca{display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;background:var(--tinta);color:var(--blanco);min-height:280px}.ingreso .marca h1{color:var(--blanco);font-size:52px;letter-spacing:1px}.ingreso .marca .etiqueta{color:var(--salvia)}.ingreso .marca p{max-width:460px;line-height:1.5;font-size:17px;color:#d9d9d9}.ingreso .form{display:flex;align-items:center;justify-content:center;padding:32px}.ingreso .caja{width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px}.ingreso h2{font-size:34px;letter-spacing:.8px}@media (max-width: 1200px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi:nth-child(4){border-left:0;padding-left:0}}@media (max-width: 1100px){.caso{grid-template-columns:minmax(0,1fr)}.gestion{position:static}.tableros{grid-template-columns:minmax(0,1fr)}}@media (max-width: 760px){.barra{gap:16px;padding:10px 16px}.barra nav{order:3;flex-basis:100%;gap:22px;min-height:40px}.barra .producto{display:none}.pagina{padding:20px 16px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi,.kpi:first-child,.kpi:nth-child(4){border-left:0;padding:14px 0}.datos{grid-template-columns:repeat(2,minmax(0,1fr))}.ingreso{grid-template-columns:minmax(0,1fr)}.ingreso .marca{padding:28px 24px}.ingreso .marca h1{font-size:36px}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.interruptor{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--linea-fuerte);background:var(--blanco);font-size:13px;color:var(--tenue);white-space:nowrap}.interruptor .perilla{position:relative;width:30px;height:16px;border-radius:8px;background:var(--linea-fuerte);transition:background .15s}.interruptor .perilla:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--blanco);transition:transform .15s}.interruptor.si{color:var(--salvia-texto);border-color:var(--salvia);background:var(--salvia-suave)}.interruptor.si .perilla{background:var(--salvia-fuerte)}.interruptor.si .perilla:after{transform:translate(14px)}.interruptor:disabled{cursor:default;opacity:.8}.importacion{display:flex;flex-direction:column;gap:14px;padding:18px 20px;background:var(--arena-suave);font-size:14px;line-height:1.5;color:var(--negro)}.importacion p{margin:0}.importacion strong{font-weight:400;text-decoration:underline;text-underline-offset:3px}.nota.muy-bien{color:var(--salvia-fuerte)}.nota.bien{color:#5f8f3a}.nota.regular{color:#b7791f}.nota.mal{color:var(--rojo-texto)}.caritas-graf{display:flex;align-items:stretch;gap:10px;height:220px;padding-top:4px}.carita-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:0}button.carita-col{cursor:pointer}.carita-col .num{font-size:13px;color:var(--negro);font-variant-numeric:tabular-nums}.carita-col .pista{flex:1;width:100%;max-width:56px;display:flex;align-items:flex-end;background:var(--gris)}.carita-col .relleno{display:block;width:100%;min-height:2px;background:var(--salvia-fuerte);transition:height .3s}.carita-col.n1 .relleno{background:var(--rojo-texto)}.carita-col.n2 .relleno{background:#c9733c}.carita-col.n3 .relleno{background:#c9a227}.carita-col.n4 .relleno,.carita-col .relleno.bien{background:#7fae5b}.carita-col .relleno.regular{background:#c9a227}.carita-col .relleno.mal{background:var(--rojo-texto)}.carita-col .cara{font-size:26px;line-height:1}.carita-col .mes{font-size:11px;color:var(--tenue);white-space:nowrap}.carita-col[aria-pressed=true] .pista{outline:1.5px solid var(--negro);outline-offset:2px}.carita-col[data-atenuada=true]{opacity:.3}.caritas-graf.meses{gap:6px}.ranking{display:flex;flex-direction:column}.ranking-fila{display:grid;grid-template-columns:24px minmax(120px,230px) 1fr 48px 56px;align-items:center;gap:12px;padding:9px 0;background:none;border:0;border-bottom:1px solid var(--linea);text-align:left;cursor:pointer}.ranking-fila:hover{background:#fafafa}.ranking-fila .pos{font-size:12px;color:var(--tenue);text-align:right}.ranking-fila .rotulo{font-size:14px;color:var(--negro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-fila .pista{display:block;height:18px;background:var(--gris)}.ranking-fila .relleno{display:block;height:100%;background:var(--salvia-fuerte)}.ranking-fila .relleno.bien{background:#7fae5b}.ranking-fila .relleno.regular{background:#c9a227}.ranking-fila .relleno.mal{background:var(--rojo-texto)}.ranking-fila .prom{font-size:15px;text-align:right;font-variant-numeric:tabular-nums}.ranking-fila .n{font-size:12px;color:var(--tenue);text-align:right}@media (max-width: 760px){.ranking-fila{grid-template-columns:20px minmax(0,1fr) 70px 40px}.ranking-fila .n{display:none}}.tablero{scroll-margin-top:90px}.inicio-panel{display:flex;align-items:center;gap:inherit;color:inherit;text-decoration:none}