/* Diauto login — estilo acorde al tema */
:root {
  --diauto-red: #e30613;
  --diauto-red-dark: #b8050f;
  --diauto-red-soft: #fff1f2;
  --diauto-ink: #111827;
  --diauto-muted: #6b7280;
  --diauto-line: #e5e7eb;
  --diauto-bg: #f8fafc;
  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
}

body.diauto-login {
  background: var(--diauto-bg) !important;
  font-family: var(--font-body);
  color: var(--diauto-ink);
}

body.diauto-login #login {
  width: min(420px, calc(100% - 2rem));
  padding-top: 6vh;
}

body.diauto-login #login h1 a {
  background-size: contain !important;
  background-position: center !important;
  width: 220px !important;
  height: 72px !important;
  margin: 0 auto 1.5rem !important;
  border-radius: 8px;
}

body.diauto-login #loginform,
body.diauto-login #lostpasswordform,
body.diauto-login #registerform {
  border: 1px solid var(--diauto-line);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(17, 24, 39, 0.08);
  padding: 1.75rem 1.5rem 1.5rem;
  background: #fff;
}

body.diauto-login #loginform label,
body.diauto-login #lostpasswordform label,
body.diauto-login #registerform label {
  font-weight: 600;
  color: var(--diauto-ink);
}

body.diauto-login .input,
body.diauto-login input[type="text"],
body.diauto-login input[type="password"],
body.diauto-login input[type="email"] {
  border: 1px solid var(--diauto-line) !important;
  border-radius: 10px !important;
  padding: 0.65rem 0.85rem !important;
  font-family: var(--font-body);
  box-shadow: none !important;
}

body.diauto-login .input:focus,
body.diauto-login input:focus {
  border-color: var(--diauto-red) !important;
  box-shadow: 0 0 0 3px var(--diauto-red-soft) !important;
}

body.diauto-login .button-primary,
body.diauto-login .button.button-primary {
  background: var(--diauto-red) !important;
  border-color: var(--diauto-red) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  padding: 0.55rem 1.25rem !important;
  height: auto !important;
  line-height: 1.4 !important;
  transition: background 0.2s ease;
}

body.diauto-login .button-primary:hover,
body.diauto-login .button.button-primary:hover {
  background: var(--diauto-red-dark) !important;
  border-color: var(--diauto-red-dark) !important;
  color: #fff !important;
}

body.diauto-login #nav a,
body.diauto-login #backtoblog a {
  color: var(--diauto-red) !important;
  font-weight: 600;
}

body.diauto-login #nav a:hover,
body.diauto-login #backtoblog a:hover {
  color: var(--diauto-red-dark) !important;
}

body.diauto-login .message,
body.diauto-login .success {
  border-left-color: var(--diauto-red);
  border-radius: 10px;
}

body.diauto-login .privacy-policy-page-link {
  margin-top: 1rem;
}

body.diauto-login .privacy-policy-page-link a {
  color: var(--diauto-muted);
}

body.diauto-login::before {
  content: "Acceso clientes · Diauto.es";
  display: block;
  text-align: center;
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--diauto-muted);
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 2rem;
}