:root{--fv-verde-primario:#00b033;--fv-verde-oscuro:#008f29;--fv-verde-muy-oscuro:#006b1f;--fv-verde-claro:#e8f8ed;--fv-verde-medio:#c2edd0;--fv-verde-acento:#00d63e;--fv-blanco:#fff;--fv-gris-claro:#f5f7f5;--fv-gris-medio:#e8ede8;--fv-gris-texto:#2c3e2c;--fv-gris-secundario:#6b7b6b;--fv-negro:#1a2b1a;--fv-alerta:#ff6b35;--fv-alerta-claro:#fff3ee;--fv-info:#06c;--fv-info-claro:#e6f0ff;--fv-exito:#00b033;--fv-exito-claro:#e8f8ed;--fv-peligro:#e53e3e;--fv-peligro-claro:#fff5f5;--fv-advertencia:#f6ad55;--fv-advertencia-claro:#fffaf0;--azul:var(--fv-verde-primario);--azul-oscuro:var(--fv-verde-oscuro);--azul-claro:var(--fv-verde-claro);--blanco:var(--fv-blanco);--gris-texto:var(--fv-gris-secundario);--gris-borde:var(--fv-gris-medio);--gris-fondo:var(--fv-gris-claro);--rojo:var(--fv-peligro);--verde:var(--fv-verde-primario);--ambar:var(--fv-advertencia);color:var(--fv-gris-texto);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--gris-fondo);line-height:1.5}#root{background:var(--gris-fondo);max-width:480px;min-height:100%;margin:0 auto}button{cursor:pointer;font-family:inherit}a{color:var(--azul);text-decoration:none}.login{background:linear-gradient(135deg, var(--fv-verde-muy-oscuro) 0%, var(--fv-verde-primario) 50%, var(--fv-verde-acento) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login__card{background:var(--fv-blanco);border-radius:20px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.login__logo-img{object-fit:cover;border-radius:16px;width:100px;height:100px;margin:0 auto 20px;display:block}.login__logo{text-align:center;color:var(--fv-verde-muy-oscuro);letter-spacing:.3px;margin-bottom:4px;font-size:26px;font-weight:600}.login__tagline{text-align:center;color:var(--fv-gris-secundario);margin:0 0 28px;font-size:13px}.login__form{flex-direction:column;gap:14px;display:flex}.login__campo{border:1.5px solid var(--fv-gris-medio);background:var(--fv-gris-claro);border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,background .15s;display:flex}.login__campo:focus-within{border-color:var(--fv-verde-primario);background:var(--fv-blanco);box-shadow:0 0 0 3px #00b0331a}.login__icono{font-size:16px;line-height:1}.login__input{min-width:0;color:var(--fv-gris-texto);background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-family:inherit;font-size:15px}.login__toggle{cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.login__error{background:var(--fv-peligro-claro);color:var(--fv-peligro);text-align:center;border:1px solid #f5c5c5;border-radius:8px;margin:0;padding:10px;font-size:13px;font-weight:500}.login__boton{background:var(--fv-verde-primario);color:var(--fv-blanco);cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s}.login__boton:hover{background:var(--fv-verde-oscuro);box-shadow:0 4px 12px #00b0334d}.login__boton:disabled{opacity:.6;cursor:default}