/* ============================================================
   GCG Design System V1 — Autenticación (ventana flotante)
   Ingresar/Registrarme viven en un modal (.gcg-auth-modal, ver
   includes/partials/modal-auth.php e includes/partials/navbar.php +
   footer.php, que abren el modal en vez de navegar a una página propia).
   El formulario en sí usa los componentes ya existentes (.gcg-field,
   .gcg-input, .gcg-btn).
   ============================================================ */

.gcg-auth-modal__vista[hidden] { display: none; }
.gcg-auth-modal form { display: flex; flex-direction: column; gap: var(--gcg-space-4); }
.gcg-auth-card__subtitulo { color: var(--gcg-text-secondary); font-size: var(--gcg-text-sm); margin-bottom: var(--gcg-space-6); }
.gcg-auth-card__pie { text-align: center; margin-top: var(--gcg-space-6); font-size: var(--gcg-text-sm); color: var(--gcg-text-secondary); }
.gcg-auth-card__captcha { display: flex; justify-content: center; }

/* Botón con pinta de link — cambia de vista (Ingresar <-> Registro)
   DENTRO del modal, sin navegar ni cerrarlo. */
.gcg-link-btn {
  background: none; border: none; padding: 0; margin: 0;
  font: inherit; color: var(--gcg-accent); font-weight: 600; cursor: pointer;
}
.gcg-link-btn:hover { text-decoration: underline; }

/* Alerta de error/éxito del formulario — feedback del servidor tras el
   submit (ver ingresar.php / registro.php). */
.gcg-alerta {
  display: none;
  align-items: flex-start;
  gap: var(--gcg-space-2);
  padding: var(--gcg-space-3) var(--gcg-space-4);
  border-radius: var(--gcg-radius-sm);
  font-size: var(--gcg-text-sm);
}
.gcg-alerta--visible { display: flex; }
.gcg-alerta--error { background: var(--gcg-danger-bg); border: 1px solid rgba(239,68,68,.3); color: var(--gcg-danger); }
.gcg-alerta--exito { background: var(--gcg-success-bg); border: 1px solid rgba(34,197,94,.3); color: var(--gcg-success); }