/* prevencion-viva — restyle pantalla de acceso (KPL 2026-07)
   Scoped a body.login. Overrides que cargan tras el skin del tema. */

body.login {
  background: #EDF2F9 !important;
  font-family: 'Inter', "DM Sans", sans-serif !important;
  color: #171B26;
}

/* Logo de marca — badge navy (el logo es de texto blanco) */
body.login .loginlogo {
  background: #171B26 !important;
  border-radius: 14px !important;
  width: fit-content !important;
  padding: 20px 34px !important;
  margin: 6vh auto 26px !important;
  text-align: center;
  box-shadow: 0 8px 24px rgba(23,27,38,.10) !important;
}
body.login .loginlogo img {
  max-width: 210px;
  height: auto;
  display: block;
}
/* Oculta el logo por defecto de WordPress */
body.login #login h1.wp-login-logo { display: none !important; }

/* Contenedor — neutraliza el panel oscuro del tema */
body.login #login {
  width: 400px !important;
  max-width: 92vw;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tarjeta del formulario (login, registro, recuperar) */
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
  background: #ffffff !important;
  border: 1px solid #E4E9F2 !important;
  border-radius: 16px !important;
  padding: 28px 28px 24px !important;
  box-shadow: 0 10px 34px rgba(23,27,38,.08) !important;
  margin-top: 0 !important;
}

/* Mensaje de bienvenida */
body.login .loginmmessage {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
}
body.login .loginmmessage p {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  line-height: 1.55;
  color: #55617A;
  background: #F3F7FC;
  border: 1px solid #E1EBF7;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0 0 18px;
}

/* Etiquetas */
body.login #loginform label,
body.login #registerform label,
body.login #lostpasswordform label,
body.login form label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3A4356 !important;
  display: block;
  margin-bottom: 6px;
  text-shadow: none !important;
}
/* Recuérdame va en línea con su checkbox */
body.login .forgetmenot label { display: inline; }
/* Oculta los iconos decorativos (fontello) de las labels de CAMPO,
   sin tocar el checkbox de "Recuérdame" (que el tema dibuja con label::before) */
body.login div#login form label:not([for="rememberme"]):before,
body.login #loginform label:not([for="rememberme"]):before,
body.login #registerform label:not([for="rememberme"]):before,
body.login #lostpasswordform label:before,
body.login form label:not([for="rememberme"]):before {
  content: "" !important;
  display: none !important;
  font-size: 0 !important;
  width: 0 !important;
  margin: 0 !important;
}
/* El ojo de mostrar/ocultar contraseña usa dashicons, no fontello */
body.login .wp-pwd .wp-hide-pw .dashicons,
body.login .wp-pwd .wp-hide-pw .dashicons:before { font-family: dashicons !important; }

/* Campos */
body.login input[type=text],
body.login input[type=password],
body.login input[type=email] {
  border: 1px solid #D3DBE7 !important;
  border-radius: 10px !important;
  padding: 12px 13px !important;
  font-size: 15px !important;
  background: #fff !important;
  color: #171B26 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
body.login input[type=text]:focus,
body.login input[type=password]:focus,
body.login input[type=email]:focus {
  border-color: #0B63C4 !important;
  box-shadow: 0 0 0 3px rgba(11,99,196,.16) !important;
  outline: none !important;
}

/* Botón mostrar/ocultar contraseña */
body.login .wp-pwd .button.wp-hide-pw {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #7A879E !important;
}

/* Recuérdame */
body.login .forgetmenot label { font-size: 13px; color: #55617A; }

/* Botón principal */
body.login .submit { margin-top: 4px; }
body.login #wp-submit,
body.login #registerform .button-primary,
body.login #lostpasswordform .button-primary {
  background: #0B63C4 !important;
  border: 1px solid #0B63C4 !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-family: 'Sora', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  padding: 12px 18px !important;
  width: 100% !important;
  height: auto !important;
  text-shadow: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  float: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: background .15s ease, transform .05s ease;
}
body.login #wp-submit:hover { background: #0A5099 !important; border-color: #0A5099 !important; }
body.login #wp-submit:active { transform: scale(.99); }

/* Enlaces de navegación */
body.login #nav, body.login #backtoblog {
  text-align: center !important;
  margin: 18px auto 0 !important;
}
body.login #nav a, body.login #backtoblog a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: #0B63C4 !important;
  text-shadow: none !important;
}
body.login #nav a:hover, body.login #backtoblog a:hover {
  color: #0A5099 !important;
  text-decoration: underline;
}

/* Títulos con Sora */
body.login h1, body.login h2 { font-family: 'Sora', sans-serif; }

/* Selector de idioma */
body.login .language-switcher { margin-top: 14px; text-align: center; }
body.login .language-switcher .button {
  border-radius: 8px !important;
  border: 1px solid #D3DBE7 !important;
  background: #fff !important;
  color: #3A4356 !important;
}