/* La entrada de Finanzas en el celular (31/10/2026): crema de fondo, la casita durazno sobre tinta, un formulario. */
@font-face { font-family: 'Raleway'; src: url('/fuentes/raleway.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #FAF8F5; color: #2A2623; font-family: 'Raleway', system-ui, sans-serif; }
.login { max-width: 380px; margin: 0 auto; padding: max(48px, env(safe-area-inset-top)) 20px 32px; }
.login-marca { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.login-isotipo { width: 44px; height: 40px; fill: #F4A261; background: #2A2623; padding: 8px; border-radius: 10px; box-sizing: content-box; }
.login-app { display: block; font-weight: 800; font-size: 22px; letter-spacing: .08em; }
.login-casa { display: block; font-weight: 700; font-size: 11px; letter-spacing: .32em; color: #6B635C; }
.login-caja { background: #fff; border: 1px solid #E5DFD7; border-radius: 16px; padding: 22px 20px; display: grid; gap: 8px; }
.login-caja label { font-size: 14px; font-weight: 700; margin-top: 6px; }
.login-caja input { font: inherit; font-size: 17px; padding: 12px 14px; border: 1px solid #7A7066; border-radius: 10px; background: #FAF8F5; color: inherit; }
.login-caja input:focus { outline: 2px solid #F4A261; outline-offset: 1px; }
.login-caja button { margin-top: 14px; font: inherit; font-size: 17px; font-weight: 800; padding: 13px; border: 0; border-radius: 10px; background: #2A2623; color: #FAF8F5; cursor: pointer; }
.login-error { margin: 6px 0 0; color: #A12A1E; font-size: 14px; font-weight: 600; }
.login-pie { text-align: center; color: #6B635C; font-size: 13px; margin-top: 18px; }