:root{--corporativo: #4925b9;--secundario: #1b2c4c;--fondo: #f5f4f9;--panel: #ffffff;--texto: #012851;--suave: #6b7a90;--borde: #e3e0ee;--acento: #4925b9;--acento-suave: #efebfa;--acento-borde: #d9d1f4;--fallo: #b42318;--exito: #067647;--aviso: #8a5a00;--aviso-fondo: #fff7e0;--aviso-borde: #f2d48a;--marca-fondo: #4925b9;color-scheme:light}@media (prefers-color-scheme: dark){:root{--fondo: #0a1120;--panel: #0f1a2e;--texto: #e7ecf5;--suave: #93a3bb;--borde: #26374f;--acento: #9b87f0;--acento-suave: #241f47;--acento-borde: #382f66;--fallo: #f39a92;--exito: #75e0a7;--aviso: #f5c96a;--aviso-fondo: #2b2310;--aviso-borde: #5c4716;--marca-fondo: #5b34d6;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}.logo{display:block;width:auto}.pantalla-login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 620px at 50% -10%,color-mix(in srgb,var(--corporativo) 16%,transparent),transparent),var(--fondo)}.tarjeta-login{width:min(388px,100%);background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:34px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 44px -28px #01285166}.tarjeta-login .cabecera-login{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:6px}.tarjeta-login h1{margin:0;font-size:19px;font-weight:600}.tarjeta-login .sub{margin:0;color:var(--suave);font-size:14px;text-align:center}.tarjeta-login label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--suave)}.tarjeta-login input,footer textarea{padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo);color:var(--texto);font:inherit}.tarjeta-login input:focus,footer textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;background:var(--panel)}.tarjeta-login button[type=submit],footer button[type=submit]{margin-top:6px;padding:11px 18px;border:0;border-radius:10px;background:var(--corporativo);color:#fff;font-weight:600}.tarjeta-login button[type=submit]:hover:not(:disabled),footer button[type=submit]:hover:not(:disabled){background:color-mix(in srgb,var(--corporativo) 86%,#000)}.tarjeta-login button:disabled,footer button:disabled{opacity:.45;cursor:default}.error{margin:0;color:var(--fallo);font-size:13px}.app{display:flex;flex-direction:column;height:100dvh;background:var(--panel)}header,main,footer{padding-inline:max(20px,calc((100% - 840px)/2))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--alto-cabecera);padding-block:0;background:var(--secundario);color:#fff}header .titulo{display:flex;align-items:center;gap:10px}header .producto{padding:3px 9px;border-radius:999px;background:#ffffff21;font-size:12px;font-weight:500;letter-spacing:.02em}header .meta{color:#ffffff9e;font-size:12px}.enlace{background:none;border:0;padding:6px 10px;border-radius:8px;color:#ffffffc7;font-size:13px}.enlace:hover{background:#ffffff1f;color:#fff}main{flex:1;overflow-y:auto;padding-block:22px;display:flex;flex-direction:column;gap:18px}.bienvenida{margin:auto 0;text-align:center}.bienvenida h2{font-size:21px;font-weight:600;margin:18px 0 0}.bienvenida p{color:var(--suave);margin:8px 0 0}.sugerencias{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.sugerencias button{padding:9px 15px;border:1px solid var(--borde);border-radius:999px;background:var(--panel);color:var(--texto);font-size:13px;transition:border-color .15s,color .15s,background .15s}.sugerencias button:hover{border-color:var(--acento-borde);background:var(--acento-suave);color:var(--acento)}.turno.usuario{align-self:flex-end;max-width:80%;background:var(--acento-suave);border:1px solid var(--acento-borde);border-radius:14px 14px 4px;padding:9px 14px}.turno.usuario p{margin:0}.turno.agente{max-width:100%}.turno.fallo{color:var(--fallo)}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown a{color:var(--acento)}.markdown table{display:block;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:12px 0}.markdown th,.markdown td{border:1px solid var(--borde);padding:7px 11px;text-align:left;white-space:nowrap}.markdown th{background:var(--acento-suave);color:var(--acento);font-weight:600}.markdown code{background:var(--acento-suave);padding:1px 5px;border-radius:4px;font-size:13px}.markdown pre{overflow-x:auto;background:var(--acento-suave);padding:12px;border-radius:10px}.markdown blockquote{margin:12px 0;padding:2px 0 2px 14px;border-left:3px solid var(--acento-borde);color:var(--suave)}.markdown img{max-width:100%;border-radius:10px}.cursor{display:inline-block;width:7px;height:1em;background:var(--acento);vertical-align:text-bottom;animation:parpadeo 1s steps(2) infinite}@keyframes parpadeo{50%{opacity:0}}.estado{display:flex;align-items:center;gap:8px;margin:0;color:var(--suave);font-size:13px}.punto{width:7px;height:7px;border-radius:50%;background:var(--acento);animation:latido 1.2s ease-in-out infinite}@keyframes latido{50%{opacity:.25;transform:scale(.75)}}footer{border-top:1px solid var(--borde);padding-block:14px calc(14px + env(safe-area-inset-bottom))}footer form{display:flex;gap:10px;align-items:flex-end}footer textarea{flex:1;resize:none;max-height:160px;field-sizing:content}footer .parar{padding:11px 18px;border:1px solid var(--borde);border-radius:10px;background:var(--panel);color:var(--suave);font-weight:500}footer .parar:hover{border-color:var(--acento-borde);color:var(--acento)}@media (prefers-reduced-motion: reduce){.cursor,.punto{animation:none}}@media (max-width: 600px){header,main,footer{padding-inline:16px}.turno.usuario{max-width:90%}header .meta{display:none}}.paso-mfa,.paso-instalacion{display:flex;flex-direction:column;gap:14px}.digitos{display:flex;gap:8px;justify-content:center}.digitos input{width:44px;height:52px;padding:0;text-align:center;font-size:22px;font-weight:600;border:1px solid var(--borde);border-radius:10px;background:var(--fondo);color:var(--texto)}.digitos input:focus{outline:2px solid var(--acento);outline-offset:-1px;background:var(--panel)}.casilla{flex-direction:row!important;align-items:center;gap:8px;font-size:13px;color:var(--suave);cursor:pointer}.casilla input{width:auto;accent-color:var(--corporativo)}.instalaciones{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:46dvh;overflow-y:auto}.instalaciones button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--borde);border-radius:10px;background:var(--fondo);color:var(--texto);text-align:left;transition:border-color .15s,background .15s}.instalaciones button:hover:not(:disabled){border-color:var(--acento-borde);background:var(--acento-suave)}.instalaciones .nombre{font-weight:500}.instalaciones .cod{color:var(--suave);font-size:12px;font-variant-numeric:tabular-nums}.acciones{display:flex;gap:8px}button.secundario{flex:1;padding:10px 14px;border:1px solid var(--borde);border-radius:10px;background:var(--panel);color:var(--suave);font-size:13px}button.secundario:hover{border-color:var(--acento-borde);color:var(--acento)}.tarjeta-login form{display:flex;flex-direction:column;gap:14px}.campo-clave{position:relative;display:block}.campo-clave input{width:100%;padding-right:42px}.ver-clave{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:none;color:var(--suave)}.ver-clave:hover{color:var(--acento);background:var(--acento-suave)}.ver-clave:focus-visible{outline:2px solid var(--acento);outline-offset:-2px}.app.con-panel{padding-left:var(--ancho-panel)}:root{--ancho-panel: 268px;--alto-cabecera: 60px}.historial{position:fixed;inset:0 auto 0 0;width:var(--ancho-panel);display:flex;flex-direction:column;background:var(--fondo);border-right:1px solid var(--borde);z-index:2}.cabecera-historial{display:flex;flex:none;align-items:center;gap:8px;height:var(--alto-cabecera);padding:0 12px;border-bottom:1px solid var(--borde)}.cabecera-historial .nueva{flex:1;padding:9px 12px;border:1px solid var(--acento-borde);border-radius:9px;background:var(--panel);color:var(--acento);font-size:13px;font-weight:500;text-align:left}.cabecera-historial .nueva:hover{background:var(--acento-suave)}.cerrar-panel,.alternar-panel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--suave);font-size:14px}.cerrar-panel:hover{background:var(--acento-suave);color:var(--acento)}.alternar-panel{flex-direction:column;gap:3px;color:#ffffffc7}.alternar-panel span{display:block;width:15px;height:1.5px;background:currentColor;border-radius:1px}.alternar-panel:hover{background:#ffffff1f;color:#fff}.lista-conversaciones{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.conversacion{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--texto);text-align:left;font-size:13px}.conversacion:hover{background:var(--acento-suave)}.conversacion.activa{background:var(--acento-suave);box-shadow:inset 2px 0 0 var(--acento)}.titulo-conversacion{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversacion .fecha{color:var(--suave);font-size:11px;font-variant-numeric:tabular-nums}.conversacion .borrar{width:18px;text-align:center;color:var(--suave);opacity:0;transition:opacity .12s}.conversacion:hover .borrar,.conversacion .borrar:focus-visible{opacity:1}.conversacion .borrar:hover{color:var(--fallo)}.lista-conversaciones .vacio,.lista-conversaciones .error{padding:14px 10px;color:var(--suave);font-size:13px}.retencion{margin:0;padding:10px 12px;border-top:1px solid var(--borde);color:var(--suave);font-size:11.5px}@media (max-width: 899px){.app.con-panel{padding-left:0}.historial{box-shadow:0 0 0 100vmax #01285159}}@media (prefers-reduced-motion: reduce){.conversacion .borrar{transition:none}}.grafico{position:relative;display:inline-block;max-width:100%;line-height:0}.descargar-grafico{position:absolute;top:8px;right:8px;display:flex;padding:7px;border-radius:8px;border:1px solid #e3e0ee;background:#fff;color:#6b7a90;opacity:.75;transition:opacity .15s,color .15s}.grafico:hover .descargar-grafico,.descargar-grafico:focus-visible{opacity:1}.descargar-grafico:hover{opacity:1;color:#4925b9;border-color:#d9d1f4}.descargar-grafico:disabled{opacity:.5}.pie-conversacion{display:flex;justify-content:center}.descargar-conversacion{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--borde);border-radius:999px;background:none;color:var(--suave);font-size:13px}.descargar-conversacion:hover{color:var(--acento);border-color:var(--acento-borde);background:var(--acento-suave)}.version{margin:6px 0 0;text-align:right;font-size:11px;color:var(--suave);opacity:.6}.version.desfase{color:var(--fallo);opacity:.9}.propuesta{margin:12px 0 4px;padding:14px 16px;border:1px solid var(--acento-borde);border-left:4px solid var(--acento);border-radius:12px;background:var(--panel);max-width:100%}.propuesta.hecha{border-left-color:var(--exito)}.propuesta.fallida{border-left-color:var(--fallo)}.propuesta.cancelada,.propuesta.caducada,.propuesta.sustituida{border-left-color:var(--borde);opacity:.75}.propuesta>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.propuesta .tipo{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--acento)}.estado-propuesta{font-size:12px;color:var(--suave)}.estado-propuesta.hecha{color:var(--exito)}.estado-propuesta.fallida{color:var(--fallo)}.propuesta .resumen{margin:0 0 10px;font-weight:600}.propuesta .cabecera{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 16px;margin:0 0 10px}.propuesta .cabecera dt{font-size:12px;color:var(--suave)}.propuesta .cabecera dd{margin:0;overflow-wrap:anywhere}.tabla-propuesta{overflow-x:auto;margin:0 0 10px}.tabla-propuesta table{border-collapse:collapse;font-size:14px;min-width:100%}.tabla-propuesta th,.tabla-propuesta td{border-bottom:1px solid var(--borde);padding:6px 10px;text-align:left;white-space:nowrap}.tabla-propuesta th{font-size:12px;font-weight:600;color:var(--suave)}.tabla-propuesta .numero{text-align:right;font-variant-numeric:tabular-nums}.tabla-propuesta .antes{color:var(--suave);text-decoration:line-through}.propuesta .nota{font-size:12px;color:var(--suave)}.propuesta .totales{margin:0 0 10px;font-variant-numeric:tabular-nums}.propuesta .avisos{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:6px}.propuesta .avisos li{font-size:13px;padding:7px 10px;border-radius:8px;background:var(--acento-suave)}.propuesta .avisos li.fiscal{background:var(--aviso-fondo);border:1px solid var(--aviso-borde);color:var(--aviso)}.propuesta .resultado{margin:0;font-weight:600}.propuesta .resultado.hecha{color:var(--exito)}.propuesta .resultado.fallida{color:var(--fallo)}.propuesta .acciones{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.propuesta .acciones button{border-radius:8px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--acento)}.propuesta .acciones .confirmar{background:var(--corporativo);color:#fff}.propuesta .acciones .cancelar{background:transparent;color:var(--acento)}.propuesta .acciones button:disabled{opacity:.5;cursor:default}.propuesta .pista{font-size:12px;color:var(--suave)}
