/* ============================================================================
   LAYOSCAMP · v3fix B4 — Login/Clave/Registro con marca v3 (sobre gin_login)
   Se adjunta solo en rutas user.login / user.pass / user.register.
   ============================================================================ */

body.gin-login {
  --gin-color-primary: #31562D;
  --gin-color-primary-hover: #026936;
  --bosque: #31562D;
  --bosque-2: #026936;
  --bosque-deep: #22401F;
  --sol: #FBBB0E;
  --crema: #FDF8EE;
  --terracota: #D2603A;
  --ink: #272725;
  font-family: "Outfit", "Helvetica Neue", Arial, sans-serif;
}

/* Fondo del lado del formulario: crema */
body.gin-login .user-form-page { background: var(--crema); }

/* Wallpaper: velo verde de marca sobre la foto real */
body.gin-login .user-form-page__wallpaper { position: relative; }
body.gin-login .user-form-page__wallpaper::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(200deg, rgba(34,64,31,.12) 30%, rgba(34,64,31,.5) 100%);
}
body.gin-login .user-form-page__wallpaper img { height: 100%; width: 100%; object-fit: cover; }

/* Panel del formulario */
body.gin-login .user-form-page__user-form {
  display: flex; flex-direction: column; justify-content: center;
  padding: clamp(28px, 6vw, 72px);
  background: var(--crema);
}
body.gin-login .user-form-page__user-form form {
  width: min(420px, 100%); margin-inline: auto;
}

/* Título: Fraunces bosque */
body.gin-login .page-title.user-form-page__page-title,
body.gin-login .user-form-page__user-form h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 600; letter-spacing: -.02em;
  color: var(--bosque-deep);
}
body.gin-login .page-title.user-form-page__page-title {
  width: min(420px, 100%); margin: 0 auto 10px;
  font-size: clamp(1.9rem, 3.4vw, 2.5rem);
}

/* Labels */
body.gin-login .user-form-page__user-form label {
  font-family: "Outfit", sans-serif;
  font-size: .88rem; font-weight: 600; color: var(--bosque-deep);
}

/* Inputs v3 */
body.gin-login .user-form-page__user-form .form-element,
body.gin-login .user-form-page__user-form input[type="text"],
body.gin-login .user-form-page__user-form input[type="password"],
body.gin-login .user-form-page__user-form input[type="email"] {
  border: 1.5px solid rgba(49,86,45,.22);
  border-radius: 12px;
  background: #fff;
  font-family: "Outfit", sans-serif; font-size: .98rem; color: var(--ink);
  padding: 14px 16px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.gin-login .user-form-page__user-form input:focus {
  border-color: var(--bosque);
  box-shadow: 0 0 0 3px rgba(49,86,45,.14);
  outline: none;
}

/* Submit: dorado de transacción */
body.gin-login .user-form-page__user-form .button--primary,
body.gin-login .user-form-page__user-form input[type="submit"],
body.gin-login .user-form-page__user-form .button--primary:not(:disabled):not(.is-disabled) {
  width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 15px 26px;
  border: 0 !important; border-radius: 999px !important;
  background: var(--sol) !important;
  background-color: var(--sol) !important;
  background-image: none !important;
  color: var(--bosque-deep) !important;
  font-family: "Outfit", sans-serif; font-size: 1rem; font-weight: 700; line-height: 1;
  box-shadow: 0 10px 30px -10px rgba(251,187,14,.35), 0 2px 8px rgba(39,39,37,.12);
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
}
body.gin-login .user-form-page__user-form .button--primary:hover,
body.gin-login .user-form-page__user-form input[type="submit"]:hover {
  transform: translateY(-2px);
  background: var(--sol) !important;
  background-color: var(--sol) !important;
  color: var(--bosque-deep) !important;
  box-shadow: 0 16px 40px -12px rgba(251,187,14,.5), 0 4px 12px rgba(39,39,37,.16);
}

/* Enlaces (clave olvidada, volver) */
body.gin-login .user-form-page__user-form a {
  color: var(--bosque);
  font-weight: 500;
  text-decoration: underline; text-underline-offset: 3px;
}
body.gin-login .user-form-page__user-form a:hover { color: var(--bosque-2); }

/* Toolbar superior de gin_login: esconder para un look limpio de marca */
body.gin-login .toolbar-icon-home ~ * { visibility: visible; }

@media (max-width: 900px) {
  body.gin-login .user-form-page__wallpaper { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.gin-login .user-form-page__user-form input,
  body.gin-login .user-form-page__user-form input[type="submit"] { transition: none; }
}