/* =====================================================
   MERCADOS CENTRAL — mc-auth.css
   Login / Registro / Recuperación de contraseña
   ===================================================== */
.login-center-container{
  display:flex;align-items:center;justify-content:center;
  min-height:calc(100vh - 160px);
  padding:36px 16px;width:100%;
}
.auth-main{width:100%;display:flex;justify-content:center}

/* Tarjeta */
.form-box{
  width:100%;max-width:430px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:20px;
  padding:36px 32px 30px;
  box-shadow:var(--shadow-md);
}
.auth-logo{height:50px;width:auto;margin:0 auto 16px;display:block;border-radius:10px}

/* Título */
.form-box h2{
  font-family:var(--font-display);
  font-size:24px;font-weight:700;color:var(--ink-900);
  letter-spacing:-.02em;text-align:center;
  margin:0 0 20px;
}

/* Formulario */
.form-box form{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.form-box input[type="email"],
.form-box input[type="password"],
.form-box input[type="text"]{
  width:100%;height:48px;padding:0 14px;
  border:1.5px solid var(--line);border-radius:11px;
  font-size:16px;font-family:var(--font-ui);color:var(--ink-900);
  background:#fff;outline:none;margin:0;box-sizing:border-box;
  transition:border-color .2s,box-shadow .2s;
}
.form-box input::placeholder{color:var(--ink-300)}
.form-box input:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-50)}

/* Botón principal */
.form-box button[type="submit"]{
  width:100%;height:48px;margin:4px 0 0;
  border:none;border-radius:11px;
  background:var(--teal-500);color:#fff;
  font-weight:700;font-size:15.5px;font-family:var(--font-ui);
  cursor:pointer;transition:all .2s;
}
.form-box button[type="submit"]:hover{background:var(--teal-600);transform:translateY(-1px)}

/* Divisor "o" */
.form-box div[style*="text-align"]{margin:14px 0!important}
.form-box div[style*="text-align"] span{color:var(--ink-300)!important}

/* Google */
.btn-google{
  width:100%;height:46px;
  border:1.5px solid var(--line);border-radius:11px;background:#fff;
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:14.5px;font-weight:600;color:var(--ink-900);
  font-family:var(--font-ui);cursor:pointer;transition:all .2s;
}
.btn-google:hover{background:var(--bg);border-color:var(--ink-300)}
.btn-google img{width:20px;height:20px}

/* Enlaces */
.form-box p{text-align:center;font-size:14px;color:var(--ink-500);margin:12px 0 0}
.form-box a{color:var(--teal-600);font-weight:600;transition:color .2s}
.form-box a:hover{color:var(--teal-700)}
.form-box a[href="forgot-password.html"]{font-size:13.5px}

/* Toggle de contraseña: recoloreado */
.password-container .toggle-password{color:var(--ink-300)}
.password-container .toggle-password:hover{color:var(--teal-500)!important}

@media(max-width:480px){
  .form-box{padding:26px 20px}
  .login-center-container{padding:24px 14px}
}

/* Login: botón y enlaces en naranja de marca */
#pagina-login .form-box button[type="submit"]{background:var(--orange-500);box-shadow:0 4px 14px rgba(255,138,61,.3)}
#pagina-login .form-box button[type="submit"]:hover{background:var(--orange-600)}
#pagina-login .form-box a,
#pagina-login .form-box a[href="forgot-password.html"]{color:var(--orange-500)!important}
#pagina-login .form-box a:hover,
#pagina-login .form-box a[href="forgot-password.html"]:hover{color:var(--orange-600)!important}