/* mf-auth.css */
.mf-auth {
  background-color: #fff;
  color: #000;
}
.mf-auth__formulario {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mf-auth__campo {
  position: relative;
  display: flex;
  align-items: center;
}
.mf-auth__campo input {
  width: 100%;
  padding: 15px 40px 15px 15px;
  border: 2px solid #82cad2;
  border-radius: 8px;
  font-size: 16px;
}
.mf-auth__icon {
  position: absolute;
  right: 15px;
  font-size: 16px;
  pointer-events: none;
  color: #3b3bf5;
}
.mf-auth__cta {
  margin-top: 10px;
  width: 100%;
  border-radius: 8px;
  padding: 18px;
  font-size: 16px;
  border: none;
  background: #000;
  color: #fff;
}

section.mf-auth__left {
  background-size: cover ! IMPORTANT;
  HEIGHT: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.mf-auth__branding {
  position: relative;
  z-index: 1;
}

.mf-auth__right .woocommerce-message {
  padding-top: 10px;
  padding-left: 70px;
  grid-column: span 2;
  margin-bottom: 0px;
  margin-top: 20px;
}

.mf-auth__right .woocommerce-error {
  padding: 0px;
  border: none;
  margin-top: 18px;
  margin-bottom: 0px;
}
.mf-auth__right .woocommerce-error li {
  padding-left: 20px !important;
}
.mf-auth__sociales {
  margin-top: 40px;
  text-align: center;
}
.mf-auth__icons a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s;
}
.mf-auth__icons a:hover {
  transform: scale(1.05);
}
/* ====== Extensiones mínimas para diseño fullscreen y tabs ====== */
.mf-auth-body { background: #f7f8ff; }
.mf-auth { min-height: 100vh; display: grid; grid-template-columns: 1.2fr 1fr; }
.mf-auth__left {
  background: #3b3bf5;
  color: #fff;
  padding: 60px;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  
}
.velo-login {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #28757dba;
}
.mf-auth__welcome h2 {
  padding-top: 20px;
  color: #fff;
  display: none;
}
.mf-auth__right { background:#fff; padding:60px; display:flex; flex-direction:column; justify-content:center; }
.mf-auth__branding img {
  max-height: 133px;
}
.mf-auth__logo-text { font-weight:700; font-size:20px; }
.mf-auth__welcome h2{ font-size:42px; margin:0 0 10px; }
.mf-auth__tabs { display:flex; gap:10px; margin-top:20px; }
.mf-auth__tab { border:2px solid #82cad2; background:#fff; padding:10px 16px; border-radius:8px; cursor:pointer; }
.mf-auth__tab.is-active, .mf-auth__tab:hover { background:#82cad2; color:#fff; }
.mf-auth__row { display:flex; justify-content:space-between; align-items:center; font-size:14px; }
.mf-auth__link { color:#3b3bf5; text-decoration:none; }
.is-hidden{ display:none; }
@media (max-width: 900px){ .mf-auth{ grid-template-columns:1fr; } .mf-auth__left{ display:none; } }