/* =========================================================
   ParticularesProp - WP Login (panel-admin-prod)
   Paleta OFICIAL: Azul PP #0150F5 + Marino #031740 + Blanco. Sin verde.
   ========================================================= */

:root{
  --pp-navy-900:#031740;   /* Marino PP oficial */
  --pp-navy-700:#0b2d63;   /* Marino soporte */
  --pp-electric:#0150F5;   /* Azul PP oficial */
  --pp-electric-hover:#0a5bff;
  --pp-border:rgba(255,255,255,.10);
  --pp-text:#ffffff;
  --pp-muted:rgba(255,255,255,.70);
}

html, body{ height:100%; }

body.login{
  margin:0 !important;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
  background:
    radial-gradient(1100px 680px at 35% 40%, rgba(1,80,245,.16), transparent 55%),
    linear-gradient(180deg, var(--pp-navy-900), var(--pp-navy-700)) !important;
}

#login{
  width: 380px;
  max-width: 92vw;
  padding: 0 !important;
  margin: 0 !important;
}

/* Logo v3 (inverso) */
.login h1{ margin: 0 0 18px 0 !important; text-align:left; }
.login h1 a{
  background-image:url("https://particularesprop.com.ar/wp-content/uploads/pp-brand-v3/pp-logo-horizontal-inverso.svg") !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:left center !important;
  width: 260px !important;
  height: 70px !important;
  padding:0 !important; margin:0 !important; display:block !important;
  text-indent:-9999px; overflow:hidden; outline:none !important; box-shadow:none !important;
}

/* Tarjeta */
#loginform{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05)) !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 16px !important;
  padding: 22px 22px 18px !important;
  box-shadow: 0 16px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(10px);
}

.login label{ color: var(--pp-muted) !important; font-weight: 600 !important; font-size: 13px !important; }

.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--pp-text) !important;
  border-radius: 12px !important;
  padding: 12px 12px !important;
  min-height: 44px !important;
  box-shadow: none !important;
}
.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder,
.login input[type="email"]::placeholder{ color: rgba(255,255,255,.45) !important; }

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
  border-color: rgba(1,80,245,.60) !important;
  box-shadow: 0 0 0 4px rgba(1,80,245,.20) !important;
  outline:none !important;
}

.login .forgetmenot label{ color: var(--pp-muted) !important; font-weight: 500 !important; }
.login input[type="checkbox"]{ accent-color: var(--pp-electric); }

/* Boton (Azul PP) */
.wp-core-ui .button-primary{
  background: var(--pp-electric) !important;
  border: 1px solid var(--pp-electric) !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  min-height: 44px !important;
  box-shadow: 0 12px 22px rgba(1,80,245,.28) !important;
  text-shadow:none !important;
  font-weight: 700 !important;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  background: var(--pp-electric-hover) !important;
  border-color: var(--pp-electric-hover) !important;
  box-shadow: 0 0 0 4px rgba(1,80,245,.22), 0 14px 26px rgba(0,0,0,.28) !important;
}

/* Mensajes (acento azul) */
.login .message,
.login .success,
.login #login_error{
  border-left: 4px solid var(--pp-electric) !important;
  background: rgba(0,0,0,.18) !important;
  color: var(--pp-text) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;
}

/* Links */
.login #nav, .login #backtoblog{ margin: 14px 2px 0 !important; padding: 0 !important; }
.login #nav a, .login #backtoblog a{ color: rgba(255,255,255,.75) !important; text-decoration: none !important; }
.login #nav a:hover, .login #backtoblog a:hover{ color: rgba(255,255,255,.95) !important; text-decoration: underline !important; }

/* Ocultar selector de idioma */
.language-switcher{ display:none !important; }
.login .language-switcher, .login #language-switcher, .login .wpml-ls, .login .login-language-switcher{ display:none !important; }

@media (max-width: 420px){
  #login{ width: 92vw; }
  .login h1 a{ width: 240px !important; height: 64px !important; }
  #loginform{ padding: 18px 18px 14px !important; }
}