:root{--verde: #067e4c;--verde-oscuro: #055f3a;--verde-superficie: #ecf6f3;--fondo: #fefefe;--tarjeta: #ffffff;--borde: #e8edec;--borde-fuerte: #d3dbda;--texto: #182126;--texto-2: #556765;--texto-3: #8a9997;--sobre-verde: #ffffff;--pendiente-fondo: #feefd2;--pendiente-texto: #c27000;--pagado-fondo: #e0f1e2;--pagado-texto: #0a7a45;--parcial-fondo: #e3f2fd;--parcial-texto: #1667a8;--vencido-fondo: #fee6e8;--vencido-texto: #c0332f;--importe: var(--verde);--importe-vencido: var(--vencido-texto);--fuente: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fuente-numeros: var(--fuente);--texto-xs: .75rem;--texto-sm: .875rem;--texto-base: 1rem;--texto-lg: 1.125rem;--texto-xl: 1.375rem;--texto-2xl: 1.75rem;--e1: .25rem;--e2: .5rem;--e3: .75rem;--e4: 1rem;--e5: 1.5rem;--e6: 2rem;--radio-boton: 10px;--radio-tarjeta: 14px;--radio-chip: 999px;--alto-control: 48px;--barra-inferior: 64px;--ancho-maximo: 480px;--foco: 0 0 0 3px rgba(6, 126, 76, .28)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);font-size:var(--texto-base);line-height:1.45;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1{font-size:var(--texto-xl);font-weight:600;letter-spacing:-.01em}h2{font-size:var(--texto-lg);font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--foco)}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:var(--alto-control);padding:0 var(--e5);border-radius:var(--radio-boton);border:none;font-size:var(--texto-base);font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .12s ease}.boton:disabled{opacity:.5;cursor:not-allowed}.boton--primario{background:var(--verde);color:var(--sobre-verde)}.boton--primario:not(:disabled):active{background:var(--verde-oscuro)}.boton--secundario{background:var(--tarjeta);color:var(--verde);border:1.5px solid var(--verde)}.boton--secundario:not(:disabled):active{background:var(--verde-superficie)}.boton--bloque{width:100%}.chip-filtro{display:inline-flex;align-items:center;gap:var(--e1);min-height:34px;padding:0 var(--e4);border-radius:var(--radio-chip);border:1px solid var(--verde);background:var(--tarjeta);color:var(--verde);font-size:var(--texto-sm);font-weight:500;white-space:nowrap}.chip-filtro[aria-pressed=true]{background:var(--verde);color:var(--sobre-verde)}.fila-chips{display:flex;flex-wrap:wrap;gap:var(--e2)}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio-tarjeta);padding:var(--e4)}.tarjeta--destacada{background:var(--verde-superficie);border-color:transparent}.tarjeta-lista{display:flex;align-items:center;gap:var(--e3);width:100%;text-align:left}.avatar{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--verde-superficie);color:var(--verde);font-weight:600}.campo{display:flex;flex-direction:column;gap:var(--e2)}.campo__rotulo{font-size:var(--texto-sm);font-weight:500;color:var(--texto-2)}.campo__control{min-height:var(--alto-control);padding:0 var(--e4);border:1px solid var(--borde-fuerte);border-radius:var(--radio-boton);background:var(--tarjeta)}.campo__control::placeholder{color:var(--texto-3)}.campo__control:focus{border-color:var(--verde)}.campo__error{font-size:var(--texto-sm);color:var(--vencido-texto)}.secundario{color:var(--texto-2);font-size:var(--texto-sm)}.aviso{display:flex;gap:var(--e2);padding:var(--e3) var(--e4);border-radius:var(--radio-boton);background:var(--pendiente-fondo);color:var(--pendiente-texto);font-size:var(--texto-sm)}.aviso--error{background:var(--vencido-fondo);color:var(--vencido-texto)}.pantalla{display:flex;flex-direction:column;gap:var(--e4);padding:var(--e4);padding-bottom:calc(var(--barra-inferior) + var(--e6))}
