/* Login aislado: comparte Bootstrap y controles de Metronic con la aplicación. */
.spire-login { margin: 0; min-height: 100vh; color: #344354; background: radial-gradient(ellipse at top, #fff 0, #f0f3f6 65%); font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }
.spire-login .login-shell { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; }
.spire-login .login-card { width: 100%; max-width: 432px; padding: 36px 40px 40px; background: #fff; border: 1px solid #e1e7ed; border-top: 3px solid #26a69a; border-radius: 8px !important; box-shadow: 0 16px 48px rgba(35, 52, 71, .07); }
.spire-login .login-brand { text-align: center; margin-bottom: 28px; padding: 24px 20px; background: #283747; border-radius: 4px !important; }
.spire-login .login-brand img { width: 260px; max-width: 100%; height: auto; }
.spire-login .login-eyebrow { color: #627386; font-size: 10px; font-weight: 700; letter-spacing: 2px; margin-bottom: 10px; }
.spire-login h1 { font-size: 27px; font-weight: 600; letter-spacing: -.6px; margin: 0 0 10px; color: #283747; }
.spire-login .login-heading > p:last-child { color: #687788; font-size: 14px; margin-bottom: 28px; }
.spire-login .form-group { margin-bottom: 20px; }
.spire-login label { font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.spire-login .form-control { height: 48px; border-color: #ccd5df; border-radius: 4px !important; box-shadow: none; font-size: 15px; }
.spire-login .form-control:focus { border-color: #168579; box-shadow: 0 0 0 3px rgba(38, 166, 154, .13); }
.spire-login .password-field { position: relative; }
.spire-login .password-field input { padding-right: 83px; }
.spire-login .password-toggle { position: absolute; right: 4px; top: 4px; min-height: 40px; padding: 0 10px; border: 0; background: transparent; color: #397168; font-size: 12px; font-weight: 600; }
.spire-login [hidden] { display: none !important; }
.spire-login button:focus-visible { outline: 2px solid #168579; outline-offset: 3px; }
.spire-login .login-feedback { min-height: 12px; }
.spire-login .alert { font-size: 13px; line-height: 1.5; padding: 12px; border-radius: 4px !important; }
.spire-login .login-submit { min-height: 48px; border-radius: 4px !important; font-size: 15px; font-weight: 600; background: #187f74; color: #fff; }
.spire-login .login-submit:hover, .spire-login .login-submit:focus { background: #12685f; color: #fff; }
.spire-login .login-footer { margin-top: 24px; color: #728091; font-size: 12px; }
@media (max-width: 480px) { .spire-login .login-shell { padding: 24px 16px; } .spire-login .login-card { padding: 28px 24px 32px; } }