html{background:#f3f6f8;min-width:320px;min-height:100%}body{background:#f3f6f8;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#24323d;background:#f3f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{background:#f3f6f8;min-height:100vh}.encabezado{color:#fff;background:#12354a;border-bottom:4px solid #31a489;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding:18px 5vw;display:flex}.encabezado h1,.encabezado p{margin:0}.encabezado h1{margin-top:2px;font-size:1.35rem;font-weight:650}.marca{letter-spacing:.18em;color:#9ce0d0;font-size:.75rem;font-weight:800}.estado-sistema{color:#d9f4ed;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:7px 12px;font-size:.78rem}.sesion-usuario{color:#d9f4ed;align-items:center;gap:10px;font-size:.78rem;display:flex}.sesion-usuario button{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:6px;padding:7px 11px}.acceso{background:#12354a;place-items:center;min-height:100vh;padding:24px;display:grid}.acceso-tarjeta{background:#fff;border-radius:12px;width:min(420px,100%);padding:30px;box-shadow:0 18px 50px #00000040}.acceso-tarjeta h1{color:#12354a;margin:5px 0 8px}.acceso-tarjeta>p:not(.marca){color:#52646d;margin:0 0 20px}.acceso-tarjeta .campo{margin:15px 0}.acceso-tarjeta .boton+.boton{margin-top:10px}.nav-principal{background:#ffffff14;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.nav-principal button{color:#dce9ee;background:0 0;border:0;border-radius:6px;min-height:36px;padding:7px 14px;font-size:.86rem;font-weight:700}.nav-principal button:hover{color:#fff;background:#ffffff1a}.nav-principal button.nav-activo{color:#12354a;background:#fff}.contenido{width:min(1180px,92vw);margin:0 auto;padding:36px 0 60px}.barra-titulo{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.barra-titulo h2,.barra-titulo p,.formulario-encabezado h3,.formulario-encabezado p{margin:0}.barra-titulo h2{color:#14364a;margin:3px 0 5px;font-size:2rem}.barra-titulo>div>p:last-child{color:#63727c}.seccion{color:#27836f;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.boton{border:1px solid #0000;border-radius:7px;min-height:40px;padding:9px 16px;font-weight:700;transition:background .15s,border-color .15s}.boton:disabled{cursor:wait;opacity:.65}.boton.primario{color:#fff;background:#177c69}.boton.primario:hover:not(:disabled){background:#126454}.boton.secundario{color:#244052;background:#fff;border-color:#cad6dc}.boton.secundario:hover{background:#f4f7f8;border-color:#aebfc8}.mensaje{color:#204c43;background:#e5f4f0;border-left:4px solid #2c9a82;border-radius:5px;margin-bottom:18px;padding:12px 14px}.paneles{grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);align-items:start;gap:20px;display:grid}.panel,.formulario{background:#fff;border:1px solid #dce4e8;border-radius:10px;box-shadow:0 8px 24px #1935450f}.buscador{border-bottom:1px solid #e4eaed;gap:10px;padding:18px;display:flex}.buscador input{color:#263944;background:#fff;border:1px solid #cbd6dc;border-radius:7px;width:100%;min-height:40px;padding:9px 12px}.buscador input:focus,.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:#2c9a82;outline:3px solid #31a48924}.tabla-contenedor{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5ebee;padding:13px 15px}th{color:#58707e;letter-spacing:.04em;text-transform:uppercase;background:#f7f9fa;font-size:.76rem}td{color:#314550;font-size:.9rem}tbody tr{cursor:pointer}tbody tr:hover{background:#f1f8f6}.etiqueta-activo{color:#176451;background:#dff2ed;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:750;display:inline-flex}.etiqueta-estado{border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:750;display:inline-flex}.estado-recibida{color:#1e5f7a;background:#e1f0f6}.estado-en_revision{color:#7a581a;background:#f8edcf}.estado-convertida{color:#176451;background:#dff2ed}.estado-cerrada{color:#5f6870;background:#e8ecee}.sin-datos{text-align:center;color:#6d7a82;padding:28px}.detalle-cliente{min-height:330px;padding:22px}.detalle-cliente h3{color:#15384c;margin:5px 0 18px;font-size:1.3rem}.detalle-cliente h4{color:#244b5e;margin:22px 0 8px;font-size:.9rem}.detalle-cliente dl{margin:0}.detalle-cliente dl div{border-bottom:1px solid #ebeff1;padding:8px 0}.detalle-cliente dt{color:#70808a;text-transform:uppercase;font-size:.73rem;font-weight:700}.detalle-cliente dd{color:#30434e;overflow-wrap:anywhere;margin:2px 0 0;font-size:.88rem}.tarjeta-relacionada{background:#f3f7f8;border-radius:6px;flex-direction:column;gap:3px;margin-top:8px;padding:10px 11px;display:flex}.tarjeta-relacionada strong{color:#254454;font-size:.86rem}.tarjeta-relacionada span{color:#6a7880;font-size:.79rem}.boton-editar{width:100%;margin-top:24px}.seleccion-vacia{text-align:center;padding:72px 10px}.seleccion-vacia h3{margin-bottom:8px}.seleccion-vacia p{color:#6e7d85;margin:0;line-height:1.5}.formulario{padding:24px}.formulario-encabezado{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.formulario-encabezado h3{color:#173b50;margin-top:4px;font-size:1.45rem}.grilla-formulario{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.campo{flex-direction:column;gap:6px;display:flex}.campo span{color:#4f626e;font-size:.78rem;font-weight:750}.campo input,.campo select,.campo textarea{color:#273b46;background:#fff;border:1px solid #c8d4da;border-radius:6px;width:100%;min-height:42px;padding:9px 11px}.campo textarea{resize:vertical}.ancho-completo{margin-top:16px}.subseccion-formulario{border-top:1px solid #dfe7ea;margin-top:25px;padding-top:22px}.subseccion-formulario h3{color:#1e4659;margin:0 0 4px;font-size:1rem}.subseccion-formulario>p{color:#718089;margin:0 0 16px;font-size:.85rem}.subseccion-titulo{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.subseccion-titulo h3,.subseccion-titulo p{margin:0}.subseccion-titulo p{color:#718089;margin-top:4px;font-size:.85rem}.lista-contactos-formulario{gap:14px;display:grid}.contacto-formulario{background:#f8fafb;border:1px solid #d9e4e8;border-radius:8px;padding:16px}.contacto-formulario-titulo{color:#244b5e;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.boton-texto{color:#a34040;background:0 0;border:0;padding:3px 0;font-size:.8rem;font-weight:700}.boton-texto:hover{text-decoration:underline}.roles-contacto{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}.roles-contacto label{color:#40545f;align-items:center;gap:7px;font-size:.86rem;display:flex}.roles-contacto input{accent-color:#1d8c75;width:17px;height:17px}.acciones-formulario{border-top:1px solid #dfe7ea;justify-content:flex-end;margin-top:26px;padding-top:20px;display:flex}.tarjeta-interna{background:#f8fafb;border:1px solid #dce4e8;border-radius:8px;margin:0 22px 18px;padding:18px}.tarjeta-interna h4{color:#14364a;margin:0}.grilla-indicadores{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.tarjeta-indicador{background:#fff;border:1px solid #dce4e8;border-top:4px solid #5b8498;border-radius:9px;min-height:132px;padding:18px;box-shadow:0 8px 20px #1935450d}.tarjeta-indicador p,.tarjeta-indicador span{color:#63727c;margin:0}.tarjeta-indicador p{text-transform:uppercase;font-size:.82rem;font-weight:750}.tarjeta-indicador strong{color:#14364a;margin:8px 0 5px;font-size:2rem;display:block}.tarjeta-indicador span{font-size:.8rem}.tarjeta-indicador.positivo{border-top-color:#27836f}.tarjeta-indicador.atencion{border-top-color:#d49b38}.grilla-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel-dashboard{padding:20px}.panel-dashboard h3{color:#14364a;margin:0 0 18px}.lista-estados{gap:13px;display:grid}.fila-estado>div:first-child{color:#425966;justify-content:space-between;margin-bottom:5px;font-size:.84rem;display:flex}.barra-estado{background:#e7edef;border-radius:999px;height:7px;overflow:hidden}.barra-estado i{background:#27836f;border-radius:999px;min-width:0;height:100%;display:block}.estado-carga{color:#63727c;padding:24px}@media (width<=950px){.grilla-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.grilla-indicadores,.grilla-dashboard{grid-template-columns:1fr}}@media (width<=850px){.paneles,.grilla-formulario{grid-template-columns:1fr}.barra-titulo,.formulario-encabezado,.subseccion-titulo{flex-direction:column;align-items:stretch}.barra-titulo .boton,.formulario-encabezado .boton{width:100%}}@media (width<=560px){.encabezado{flex-direction:column;align-items:flex-start}.nav-principal{width:100%}.nav-principal button{flex:1}.estado-sistema{align-self:flex-start}.contenido{width:min(94vw,1180px);padding-top:24px}.formulario{padding:18px}.buscador{flex-direction:column}}.analisis-ia{background:#f2faf8;border:1px solid #b9ddd5;border-radius:10px;margin-top:1rem;padding:1rem}.analisis-ia h4{color:#063b54;margin:.8rem 0 .25rem}.analisis-ia p,.analisis-ia ul{margin:.25rem 0}.analisis-ia ul{padding-left:1.25rem}.analisis-ia small{color:#52646d;margin-top:1rem;display:block}.mensaje-ia textarea{resize:vertical;width:100%;margin-top:.5rem}