/*
 * Estilos de autenticacion (login, registro, reset).
 * Extiende el ui-kit: la tarjeta de registro es mas ancha.
 * El body es flex column: el header de la landing PEGADO arriba y la tarjeta
 * centrada en el espacio restante (margin: auto).
 */

.auth-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background: var(--bg);
}

/* El contenedor del header inyectado ocupa todo el ancho y queda arriba. */
.auth-body > #landing-header {
  width: 100%;
  flex-shrink: 0;
}

/* El header de la landing queda pegado a la parte superior (sin centrar). */
.auth-body > #landing-header .landing-header {
  position: static;
  width: 100%;
}

.auth-card {
  width: 100%;
  max-width: 380px;
  /* Centra la tarjeta en el espacio restante (despues del header). */
  margin: auto;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 2rem;
  box-shadow: var(--shadow-panel);
}

.auth-card--wide {
  max-width: 440px;
}