:root{--azul-oscuro:#0f172a;--azul-medio:#1e293b;--azul-accion:#3b82f6;--azul-accion-hover:#2563eb;--azul-claro:#eff6ff;--gris-fondo:#f8fafc;--gris-borde:#e2e8f0;--texto:#1e293b;--texto-suave:#64748b;--blanco:#fff;--rojo:#ef4444;--rojo-claro:#fef2f2;--rojo-oscuro:#991b1b;--ambar-fondo:#fffbeb;--ambar-borde:#fcd34d;--ambar-texto:#92400e;--verde-fondo:#ecfdf5;--verde-texto:#065f46;--sombra-sm:0 1px 2px 0 #0000000d;--sombra-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sombra-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--sombra-flotante:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radio-sm:6px;--radio-md:10px;--radio-lg:16px;--transicion:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{color:var(--texto);background:var(--gris-fondo);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3{letter-spacing:-.02em;color:var(--azul-oscuro);font-weight:600}h1{margin:0 0 .5rem;font-size:1.6rem}button{cursor:pointer;border-radius:var(--radio-sm);background:var(--azul-accion);color:var(--blanco);transition:var(--transicion);box-shadow:var(--sombra-sm);border:none;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-weight:500}button:hover{background:var(--azul-accion-hover);box-shadow:var(--sombra-md);transform:translateY(-1px)}button:active{box-shadow:var(--sombra-sm);transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}input,select{border:1px solid var(--gris-borde);border-radius:var(--radio-sm);background:var(--blanco);width:100%;color:var(--texto);transition:var(--transicion);padding:.65rem .8rem;font-family:Inter,sans-serif;box-shadow:inset 0 1px 2px #00000005}input:hover,select:hover{border-color:#cbd5e1}input:focus,select:focus{border-color:var(--azul-accion);outline:none;box-shadow:0 0 0 3px #3b82f633}.nota-ayuda{color:var(--texto-suave);margin:.6rem 0 0;font-size:.85rem}label{color:var(--texto-suave);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.mensaje-error{color:var(--rojo);margin:.75rem 0 0;font-size:.9rem;font-weight:500}.pantalla-carga{height:100vh;color:var(--texto-suave);place-items:center;font-weight:500;animation:2s ease-in-out infinite pulse;display:grid}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-fondo{background:linear-gradient(135deg, var(--azul-oscuro) 0%, var(--azul-medio) 100%);place-items:center;min-height:100vh;display:grid}.login-tarjeta{background:var(--blanco);border-radius:var(--radio-lg);width:min(400px,90vw);box-shadow:var(--sombra-flotante);flex-direction:column;gap:.5rem;padding:2.5rem;animation:.4s ease-out slideUpFade;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-tarjeta h1{text-align:center;color:var(--azul-oscuro);font-size:1.8rem}.login-subtitulo{text-align:center;color:var(--texto-suave);margin:0 0 1.5rem;font-size:.95rem}.login-tarjeta button{margin-top:1.5rem;padding:.75rem;font-size:1rem}.aplicacion{min-height:100vh;display:flex}.barra-lateral{background:var(--azul-oscuro);width:250px;color:var(--blanco);z-index:10;flex-direction:column;flex-shrink:0;display:flex;box-shadow:2px 0 10px #0000001a}.marca{border-bottom:1px solid #ffffff0d;flex-direction:column;padding:1.5rem;display:flex}.marca-nombre{letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.marca-detalle{color:#94a3b8;margin-top:.2rem;font-size:.8rem}.barra-lateral nav{flex-direction:column;flex:1;gap:.2rem;padding:1rem .5rem;display:flex}.barra-lateral nav a,.nav-pendiente{color:#94a3b8;border-radius:var(--radio-sm);transition:var(--transicion);align-items:center;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.barra-lateral nav a:hover{color:var(--blanco);background:#ffffff0d;transform:translate(4px)}.barra-lateral nav a.active{background:var(--azul-accion);color:var(--blanco);box-shadow:0 4px 6px #3b82f633}.nav-pendiente{color:#475569;cursor:default}.nav-pendiente small{background:#ffffff1a;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:.7rem}.usuario-pie{background:#0003;flex-direction:column;gap:.8rem;padding:1.25rem 1.5rem;font-size:.9rem;display:flex}.usuario-pie strong{font-weight:600;display:block}.usuario-rol{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.usuario-pie button{color:#cbd5e1;box-shadow:none;background:0 0;border:1px solid #fff3;padding:.5rem}.usuario-pie button:hover{color:var(--blanco);background:#ffffff1a;border-color:#ffffff4d}.contenido{flex:1;max-width:1200px;margin:0 auto;padding:2rem 2.5rem}.descripcion{color:var(--texto-suave);margin:0 0 1.5rem;font-size:1.05rem}.aviso-advertencia{background:var(--ambar-fondo);border:1px solid var(--ambar-borde);border-radius:var(--radio-md);color:var(--ambar-texto);box-shadow:var(--sombra-sm);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;display:flex}.formulario-simulador,.formulario-cliente,.formulario-pago-prestamo{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.formulario-simulador .campo,.grilla-campos .campo{flex-direction:column;flex:1;gap:0;min-width:180px;display:flex}.resumen{flex-wrap:wrap;gap:1.25rem;margin:1.5rem 0;display:flex}.resumen-item{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-lg);min-width:200px;box-shadow:var(--sombra-sm);transition:var(--transicion);flex-direction:column;flex:1;padding:1.25rem;display:flex}.resumen-item:hover{box-shadow:var(--sombra-md);border-color:var(--azul-accion);transform:translateY(-2px)}.resumen-item span{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem;font-size:.85rem;font-weight:500}.resumen-item strong{color:var(--azul-oscuro);letter-spacing:-.01em;font-size:1.4rem}.tabla-contenedor{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);overflow-x:auto}.tabla-cartilla{border-collapse:collapse;width:100%;font-size:.95rem}.tabla-cartilla th,.tabla-cartilla td{text-align:left;border-bottom:1px solid var(--gris-borde);white-space:nowrap;padding:.8rem 1.25rem}.tabla-cartilla tbody tr{transition:background-color .15s}.tabla-cartilla tbody tr:hover{background-color:var(--gris-fondo)}.tabla-cartilla thead th{background:var(--gris-fondo);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.tabla-cartilla .numero{text-align:right;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif}.fila-desembolso td{color:var(--texto-suave);background:var(--gris-fondo);font-style:italic}.tabla-cartilla tfoot td{background:var(--gris-fondo);color:var(--azul-oscuro);border-bottom:none;font-weight:700}.encabezado-pagina{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.formulario-cliente h2{width:100%;margin:0 0 1.25rem;font-size:1.2rem}.grilla-campos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;display:grid}.campo-ancho{grid-column:span 2}.campo-casilla label{color:var(--texto);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.campo-casilla input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--azul-accion)}.mensaje-exito{background:var(--verde-fondo);color:var(--verde-texto);border-radius:var(--radio-md);border:1px solid #34d399;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.barra-busqueda{gap:.75rem;margin-bottom:1.5rem;display:flex}.barra-busqueda input{max-width:450px}.insignia{letter-spacing:.03em;text-transform:uppercase;border-radius:99px;justify-content:center;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.estado-activo{background:var(--verde-fondo);color:var(--verde-texto)}.estado-observado{background:var(--ambar-fondo);color:var(--ambar-texto)}.estado-moroso{color:#c2410c;background:#fff7ed}.estado-bloqueado{background:var(--rojo-claro);color:var(--rojo-oscuro)}.selector-estado{cursor:pointer;transition:var(--transicion);background-color:#0000;border:1px solid #0000;border-radius:99px;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.selector-estado:hover{background-color:#0000000d}.acciones-fila{flex-wrap:wrap;gap:.5rem;display:flex}.insignia-pep{color:#7e22ce;background:#f3e8ff;margin-left:.5rem}.sin-resultados{text-align:center;color:var(--texto-suave);font-style:italic;padding:3rem!important}.paginacion{color:var(--texto-suave);justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.95rem;display:flex}.boton-secundario{background:var(--blanco);border:1px solid var(--gris-borde);color:var(--texto);box-shadow:var(--sombra-sm)}.boton-secundario:hover{background:var(--gris-fondo);color:var(--azul-oscuro)}.boton-pequeno{border-radius:var(--radio-sm);background:var(--azul-claro);color:var(--azul-accion-hover);cursor:pointer;transition:var(--transicion);border:none;padding:.4rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.boton-pequeno:hover{color:#1e3a8a;background:#dbeafe;transform:translateY(-1px)}.boton-desembolso{color:#fff;background:#10b981}.boton-desembolso:hover{background:#059669}.boton-eliminar{background:var(--rojo)}.boton-eliminar:hover{background:#dc2828}.boton-enlace{color:var(--azul-accion);box-shadow:none;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500;text-decoration:none}.boton-enlace:hover{color:var(--azul-accion-hover);box-shadow:none;text-decoration:underline;transform:none}.boton-enlace-peligro{color:var(--rojo)}.boton-enlace-peligro:hover{color:#dc2828}.cliente-seleccionado{background:var(--blanco);border:1px solid var(--gris-borde);border-left:4px solid var(--azul-accion);border-radius:var(--radio-md);box-shadow:var(--sombra-sm);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.cliente-seleccionado strong{color:var(--azul-oscuro);font-size:1.1rem}.ruta-regreso{margin:0 0 1rem;font-size:.95rem;font-weight:500}.ruta-regreso a{color:var(--texto-suave);transition:var(--transicion);text-decoration:none}.ruta-regreso a:hover{color:var(--azul-accion)}.estado-prestamo-vigente{background:var(--azul-claro);color:var(--azul-accion-hover)}.estado-prestamo-cancelado{background:var(--verde-fondo);color:var(--verde-texto)}.cuota-pendiente{background:var(--ambar-fondo);color:var(--ambar-texto)}.cuota-parcial{background:var(--azul-claro);color:var(--azul-accion-hover)}.cuota-pagada{background:var(--verde-fondo);color:var(--verde-texto)}.detalle-pago{color:var(--texto-suave);margin-top:.2rem;font-size:.8rem;display:block}.detalle-mora{color:var(--rojo);font-weight:600}.insignia-mora-condonada{background:var(--verde-fondo);color:var(--verde-texto);opacity:.8;text-decoration:line-through}.acciones-cuota{align-items:center;gap:.75rem;display:flex}.acciones-cuota input[type=file]{border:1px dashed var(--gris-borde);border-radius:var(--radio-sm);background:var(--gris-fondo);width:190px;box-shadow:none;padding:.4rem;font-size:.8rem}.acciones-cuota .campo-monto-pago{width:7rem}.acciones-cuota .campo-referencia-pago{width:9rem}.acciones-cuota select{padding:.5rem;font-size:.85rem}.formulario-pago-prestamo{padding:1.25rem 1.5rem}.campo-pago{flex-direction:column;gap:0;display:flex}.campo-pago label{font-size:.8rem}.campo-pago input[type=text],.campo-pago select{width:auto}.campo-pago #monto-pago{width:10rem}.campo-pago #referencia-pago{width:13rem}.error-campo{color:var(--rojo);margin-top:.2rem;font-size:.8rem;font-weight:500}.campo-invalido{border-color:var(--rojo)!important;box-shadow:0 0 0 3px #ef444433!important}.aviso-duplicado{background:var(--ambar-fondo);border:1px solid var(--ambar-borde);border-radius:var(--radio-md);width:100%;color:var(--ambar-texto);padding:1rem;font-size:.9rem}.casilla-duplicado{cursor:pointer;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:500;display:flex}.casilla-duplicado input[type=checkbox]{accent-color:#d97706;width:1.2rem;height:1.2rem}.boton-registrar-pago{padding:.6rem 1.5rem}.lista-pagos{flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.modal-fondo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;place-items:center;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-tarjeta{background:var(--blanco);border-radius:var(--radio-lg);width:min(460px,92vw);box-shadow:var(--sombra-flotante);flex-direction:column;gap:.5rem;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) scaleUp;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-tarjeta-ancha{width:min(600px,94vw)}.modal-tarjeta h2{margin:0;font-size:1.25rem}.modal-descripcion{color:var(--texto-suave);margin:0 0 1rem;font-size:.95rem}.modal-acciones{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.campo-password{align-items:center;gap:.5rem;display:flex}.campo-password input{flex:1;min-width:0;margin-bottom:0}.boton-ver-password{background:var(--gris-fondo);border:1px solid var(--gris-borde);border-radius:var(--radio-sm);color:var(--texto-suave);cursor:pointer;box-shadow:none;justify-content:center;align-items:center;padding:.6rem;display:inline-flex}.boton-ver-password:hover{color:var(--azul-oscuro);background:#e2e8f0;transform:none}.formulario-editar{grid-template-columns:1fr 1fr;gap:1rem 1.25rem;margin:.5rem 0;display:grid}.filtros-reporte{background:var(--blanco);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);border:1px solid var(--gris-borde);flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.campo-filtro{flex-direction:column;gap:0;min-width:200px;display:flex}.campo-filtro select{width:auto}.leyenda-cobranza{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.leyenda-cobranza span{border:1px solid #0000;border-radius:99px;padding:.35rem .8rem;font-size:.8rem;font-weight:600}.leyenda-gris{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.leyenda-amarillo{color:#92400e;background:#fef3c7;border-color:#fde68a}.leyenda-naranja{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.leyenda-rojo{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.leyenda-total{background:var(--azul-oscuro);color:var(--blanco)}.tabla-cobranza .fila-cobro-gris td{background:#f8fafc}.tabla-cobranza .fila-cobro-amarillo td{background:#fef9c3}.tabla-cobranza .fila-cobro-naranja td{background:#ffedd5}.tabla-cobranza .fila-cobro-rojo td{background:#fee2e2}.combobox{max-width:450px;margin-bottom:1.5rem;position:relative}.combobox-lista{z-index:30;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);box-shadow:var(--sombra-lg);max-height:320px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto}.combobox-opcion{border-radius:var(--radio-sm);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;display:flex}.combobox-opcion.resaltada{background:var(--azul-claro)}.combobox-detalle{color:var(--texto-suave);white-space:nowrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.combobox-vacio{color:var(--texto-suave);text-align:center;padding:.75rem;font-size:.85rem}.tarjeta-prestamo-cobro{background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);margin-bottom:1.5rem;padding:1.5rem}.tarjeta-prestamo-cobro .encabezado-pagina{margin-bottom:1rem}.hamburguesa{z-index:60;background:var(--blanco);border:1px solid var(--gris-borde);border-radius:var(--radio-md);cursor:pointer;width:44px;height:44px;box-shadow:var(--sombra-md);color:var(--azul-oscuro);opacity:1;transition:var(--transicion);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none;position:fixed;top:1rem;left:1rem}.aplicacion:has(.barra-lateral.abierta) .hamburguesa{opacity:0;pointer-events:none}.hamburguesa-linea{background:var(--azul-oscuro);width:100%;height:2px;transition:var(--transicion);border-radius:2px;display:block}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0f172a66;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}@media (width<=860px){.hamburguesa{display:flex}.sidebar-overlay{display:block}.barra-lateral{z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.barra-lateral.abierta{transform:translate(0)}.contenido{max-width:100vw;padding:5rem 1rem 1.5rem}.tabla-cartilla th,.tabla-cartilla td{white-space:normal;padding:.6rem;font-size:.9rem}.campo-ancho{grid-column:span 1}.formulario-editar,.grilla-campos{grid-template-columns:1fr}.resumen-item{min-width:140px}.paginacion{flex-wrap:wrap;justify-content:center}.barra-busqueda{flex-direction:column}.barra-busqueda input{max-width:none}.acciones-cuota{flex-wrap:wrap;gap:.5rem}.acciones-cuota input[type=file],.acciones-cuota .campo-monto-pago,.acciones-cuota .campo-referencia-pago{width:100%}.formulario-pago-prestamo{flex-direction:column;align-items:stretch}.campo-pago input[type=text],.campo-pago select,.campo-pago #monto-pago,.campo-pago #referencia-pago{width:100%}.cliente-seleccionado{flex-direction:column;align-items:flex-start;gap:.5rem}.encabezado-pagina{flex-direction:column;align-items:flex-start;gap:1rem}button,input,select,a{touch-action:manipulation}input,select,button{font-size:16px}}.instalar-app{border-radius:var(--radio-md);color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;gap:.75rem;margin:0 1rem 1rem;padding:1rem;font-size:.85rem;display:flex}.instalar-app p{margin:0;line-height:1.4}.boton-instalar{background:var(--blanco);color:var(--azul-oscuro);padding:.5rem;font-size:.85rem}.boton-instalar:hover{background:#f1f5f9}@media (display-mode:standalone){.hamburguesa{top:calc(1rem + env(safe-area-inset-top))}.login-fondo{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (width<=860px) and (display-mode:standalone){.contenido{padding-top:calc(5rem + env(safe-area-inset-top))}}