/* Acceso WordPress - identidad AMA 2026. */
@font-face {
  font-family: "Quicksand";
  src: url("../fonts/Quicksand-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
:root {
  --ama-blue: #1f496f;
  --ama-olive: #7d8e63;
  --ama-terracotta: #d66a4b;
  --ama-sand: #f4f1ea;
  --ama-slate: #5b6f7f;
}

html, body.login {
  min-height: 100%;
  background: var(--ama-sand) !important;
}

body.login {
  display: grid !important;
  place-items: center;
  padding: 34px 20px !important;
  box-sizing: border-box;
  overflow-x: hidden;
  color: var(--ama-blue) !important;
  font-family: "Quicksand", sans-serif !important;
  position: relative;
}

body.login::before,
body.login::after {
  content: "";
  position: fixed;
  z-index: 0;
  width: 52vw;
  height: 180px;
  border: 22px solid;
  border-color: var(--ama-terracotta) transparent var(--ama-olive) transparent;
  border-radius: 50%;
  opacity: .13;
  transform: rotate(-7deg);
  pointer-events: none;
}

body.login::before { left: -11vw; top: -105px; }
body.login::after { right: -12vw; bottom: -115px; transform: rotate(8deg); }

#login {
  width: min(420px, 100%) !important;
  padding: 0 !important;
  position: relative;
  z-index: 1;
}

#login h1 { margin: 0 0 24px !important; }

#login h1 a {
  width: min(330px, 88%) !important;
  height: 190px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: url("../images/brand/ama-2026-ama2-logo.png") center / contain no-repeat !important;
  filter: none !important;
}

.login form {
  margin: 0 !important;
  padding: 32px !important;
  border: 1px solid rgba(31, 73, 111, .14) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 55px rgba(31, 73, 111, .14) !important;
}

.login label {
  color: var(--ama-blue) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.login input[type="text"],
.login input[type="password"] {
  min-height: 48px !important;
  margin-top: 7px !important;
  border: 1px solid rgba(31, 73, 111, .28) !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: var(--ama-blue) !important;
  font-family: inherit !important;
  box-shadow: none !important;
}

.login input:focus {
  border-color: var(--ama-olive) !important;
  box-shadow: 0 0 0 3px rgba(125, 142, 99, .18) !important;
}

.login .button-primary {
  width: 100% !important;
  min-height: 48px !important;
  margin-top: 12px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--ama-terracotta) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.login .button-primary:hover,
.login .button-primary:focus { background: var(--ama-blue) !important; }

.login #nav,
.login #backtoblog { text-align: center !important; }

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a {
  color: var(--ama-blue) !important;
  font-weight: 600 !important;
}

.login #nav a:hover,
.login #backtoblog a:hover { color: var(--ama-terracotta) !important; }

.login .message,
.login .notice,
.login #login_error {
  border-left-color: var(--ama-olive) !important;
  border-radius: 9px !important;
}

/* Mantiene el control de seguridad dentro de la tarjeta sin desarmar el diseño. */
.login .g-recaptcha,
.login .login-recaptcha {
  max-width: 100% !important;
  margin: 18px 0 6px !important;
  overflow: hidden;
  transform-origin: left top;
}
@media (max-width: 520px) {
  body.login { display: block !important; padding-top: 22px !important; }
  #login h1 a { height: 145px !important; }
  .login form { padding: 24px !important; }
  .login .g-recaptcha { transform: scale(.88); margin-bottom: -8px !important; }
}