/* login-2026.css — Re-skin fresco de Acceder/Registrarse (WooCommerce).
   SOLO CSS. No toca campos, labels de WC, nonces ni la lógica de login/registro.
   Se carga DESPUÉS de woocommerce.css y solo en la página de cuenta.
   Afecta únicamente a los formularios (logged-out); el portal B2B (logged-in) no se toca. */

/* Layout: login | registro en dos columnas, apiladas en móvil */
.woocommerce-account:not(.logged-in) .u-columns,
.woocommerce-account:not(.logged-in) .col2-set{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:24px auto;
}
@media(max-width:820px){
  .woocommerce-account:not(.logged-in) .u-columns,
  .woocommerce-account:not(.logged-in) .col2-set{grid-template-columns:1fr}
}
.woocommerce-account:not(.logged-in) .u-column1,
.woocommerce-account:not(.logged-in) .u-column2,
.woocommerce-account:not(.logged-in) .col-1,
.woocommerce-account:not(.logged-in) .col-2{width:auto;float:none;margin:0;max-width:none;display:flex;flex-direction:column}

/* Tarjeta */
.woocommerce-form-login,
.woocommerce-form-register{
  background:#fff;
  border:1px solid #e2ecf3;
  border-radius:24px;
  padding:34px 32px;
  max-width:none;
  margin:0;
  flex:1;
  box-shadow:0 18px 44px rgba(11,57,137,.10);
  position:relative;
  overflow:hidden;
  font-family:'Inter',system-ui,sans-serif;
}
/* franja de acento turquesa (como el home) */
.woocommerce-form-login::before,
.woocommerce-form-register::before{
  content:"";position:absolute;left:0;top:0;height:5px;width:100%;
  background:linear-gradient(135deg,#315ca8,#0b3989 60%,#0b3989);
}
.woocommerce-form-login h2,
.woocommerce-form-register h2{
  font-size:1.5rem;font-weight:800;letter-spacing:-.02em;
  color:#0b3989;margin:6px 0 22px;
}
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row{margin:0 0 16px}
.woocommerce-form-login label,
.woocommerce-form-register label{
  display:block;font-size:.82rem;font-weight:600;color:#0d2438;margin-bottom:6px;
}
.woocommerce-form-login input:not([type=checkbox]):not([type=submit]),
.woocommerce-form-register input:not([type=checkbox]):not([type=submit]){
  width:100%;border:1.5px solid #e2ecf3;border-radius:12px;
  padding:12px 14px;font-size:.95rem;color:#0d2438;background:#f8fbfd;
  transition:border-color .15s,box-shadow .15s,background .15s;outline:none;
}
.woocommerce-form-login input:not([type=checkbox]):not([type=submit]):focus,
.woocommerce-form-register input:not([type=checkbox]):not([type=submit]):focus{
  border-color:#0b3989;background:#fff;box-shadow:0 0 0 4px rgba(11,57,137,.12);
}
/* botón turquesa con degradado, como el home */
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.woocommerce-form-login button[type=submit],
.woocommerce-form-register button[type=submit]{
  background:linear-gradient(135deg,#315ca8,#0b3989 60%,#0b3989);
  color:#fff;border:none;border-radius:999px;
  padding:.9rem 1.7rem;font-weight:700;font-size:.98rem;
  cursor:pointer;box-shadow:0 10px 24px rgba(11,57,137,.32);
  transition:transform .2s,box-shadow .2s;
}
.woocommerce-form-login .button:hover,
.woocommerce-form-register .button:hover,
.woocommerce-form-login button[type=submit]:hover,
.woocommerce-form-register button[type=submit]:hover{
  transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,57,137,.42);color:#fff;
}
/* "recuérdame" + enlaces */
.woocommerce-form-login .woocommerce-form-login__rememberme{
  font-size:.85rem;color:#5a738c;display:flex;align-items:center;justify-content:flex-start;gap:.4rem;margin:2px 0 14px;width:fit-content;
}
.woocommerce-form-login .woocommerce-form-login__rememberme input[type=checkbox]{
  width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;padding:0;
}
.woocommerce-form-login .woocommerce-form-login__rememberme span{order:2}
.woocommerce-LostPassword a,
.woocommerce-privacy-policy-text a{color:#0b3989;font-weight:600}
.woocommerce-LostPassword a:hover{color:#0b3989}
.woocommerce-LostPassword{margin-top:6px}
.woocommerce-privacy-policy-text{font-size:.8rem;color:#5a738c;margin:14px 0 24px;line-height:1.5}
/* separación extra entre el texto y el botón de registro */
.woocommerce-form-register__submit,
.woocommerce-form-register button[type=submit]{margin-top:6px}