/* Vista: Account/Login */
.login-contenedor {
  display: flex;
  justify-content: center;
  padding: var(--space-16) var(--space-4);
}

.login-card {
  width: 100%;
  max-width: 420px;
}

/* h1 (por SEO/accesibilidad) con el tamaño de encabezado de tarjeta */
.login-titulo {
  font-size: var(--font-size-2xl, 24px);
  margin-bottom: var(--space-6);
}

.login-campo {
  margin-bottom: var(--space-4);
}

.login-boton-principal,
.login-boton-google {
  width: 100%;
}

/* .login-separador vive en conversia-utilities.css: también lo usa /contacto */

.login-pie {
  margin-top: var(--space-6);
  margin-bottom: 0;
}