/* PRADO · pantallas de acceso de WordPress (recuperar y crear contraseña) — sistema visual v2.0 */
@font-face { font-family: "Archivo"; src: url("fonts/archivo-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("fonts/public-sans-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
body.login { background: #F1F3EE; color: #10261E; font-family: "Public Sans", "Segoe UI", Arial, sans-serif; min-height: 100vh; }
.prado-login-ink { position: fixed; left: 0; top: 0; bottom: 0; width: 46%; overflow: hidden; background: #10261E; color: #E8EEE9; padding: 56px; display: flex; flex-direction: column; }
.prado-login-ink .pix { position: absolute; right: 0; top: 0; height: 60%; width: auto; max-width: 42%; object-fit: cover; object-position: left top; -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); }
.prado-login-ink .brand { position: relative; display: flex; align-items: center; gap: 12px; font: 800 1.6rem/1 "Archivo", Arial, sans-serif; font-stretch: 118%; letter-spacing: .05em; }
.prado-login-ink .brand svg { width: 42px; height: 30px; }
.prado-login-ink .claim { position: relative; margin: auto 0 0; max-width: 13ch; font: 700 clamp(2rem, 3.4vw, 3.1rem)/1.06 "Archivo", Arial, sans-serif; letter-spacing: -.01em; }
.prado-login-ink .pie { position: relative; margin: 40px 0 0; font-size: 13px; color: #A9B8AF; }
.login #login { width: 400px; max-width: calc(100vw - 32px); margin-left: calc(46% + (54% - 400px) / 2); padding: 14vh 0 24px; }
.login h1 { display: none; }
.prado-back { display: inline-block; margin: 0 0 28px; color: #10261E; font-weight: 600; font-size: 14px; text-decoration: none; }
.prado-back:hover { text-decoration: underline; }
.prado-kick { margin: 0 0 6px; font: 600 12px/1.2 "Archivo", Arial, sans-serif; font-stretch: 112%; letter-spacing: .14em; text-transform: uppercase; color: #5A6B62; }
.prado-h { margin: 0 0 10px; font: 700 30px/1.15 "Archivo", Arial, sans-serif; color: #10261E; }
.prado-msg { margin: 0 0 6px; color: #3E5149; font-size: 15px; line-height: 1.5; }
.login form { background: transparent; border: 0; box-shadow: none; padding: 0; margin-top: 18px; overflow: visible; }
.login label { color: #10261E; font-weight: 600; font-size: 14px; }
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"] { border: 1px solid #CCD4CB; border-radius: 8px; min-height: 48px; font-size: 16px; padding: 6px 14px; background: #FAFBF8; box-shadow: none; margin-top: 6px; }
.login form .input:focus, .login input[type="text"]:focus, .login input[type="password"]:focus { border-color: #2F8F4E; box-shadow: 0 0 0 3px rgba(47, 143, 78, .25); outline: none; }
.login .submit { margin-top: 6px; }
.wp-core-ui .button-primary, .login .button-primary { float: none; width: 100%; background: #10261E; border-color: #10261E; border-radius: 8px; min-height: 50px; padding: 0 18px; font-weight: 600; font-size: 16px; box-shadow: none; text-shadow: none; }
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { background: #1F3A30; border-color: #1F3A30; }
.wp-core-ui .button-secondary, .login .button.wp-hide-pw { color: #10261E; border-color: transparent; background: transparent; }
.login .button.wp-hide-pw .dashicons { color: #3E5149; }
.login .message, .login .notice, .login .success { border-left: 0; border-radius: 8px; background: #DCE8F3; box-shadow: none; color: #10261E; padding: 12px 14px; }
.login .notice-error, .login #login_error { background: #F3DDD6; color: #10261E; }
.login #nav { padding: 18px 0 0; margin-top: 18px; border-top: 1px solid #CCD4CB; font-size: 14px; }
.login #nav a { color: #10261E; font-weight: 600; }
.login-action-lostpassword #nav, .login-action-rp #nav, .login-action-resetpass #nav, .login #backtoblog, .login .privacy-policy-page-link, #language-switcher { display: none; }
.login .indicator-hint, .login .description { color: #5A6B62; }
#pass-strength-result { border-radius: 6px; }
.prado-login-pie { display: none; }
@media (max-width: 900px) {
  .prado-login-ink { position: relative; width: auto; padding: 26px 22px 46px; min-height: 0; }
  .prado-login-ink .claim { margin-top: 26px; font-size: 1.8rem; }
  .prado-login-ink .pie { display: none; }
  .login #login { margin: -22px auto 0; position: relative; background: #F1F3EE; border-radius: 18px 18px 0 0; padding: 26px 22px 24px; max-width: none; width: auto; }
  .prado-login-pie { display: block; text-align: center; color: #5A6B62; font-size: 13px; margin: 24px 0; }
}