/* ===== Contact (usa únicamente tokens) ===== */
/* Ajustes de layout pro: columnas igual altura + sidebar sticky */
#contact .row.align-items-stretch > [class*="col"] {
  display: flex;
}
#contact .nc-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Borde/halo sutil según tus tokens (sin hex sueltos) */
#contact .nc-card {
  border: 1px solid var(--nc-border-subtle, rgba(255, 255, 255, 0.08));
  background: var(--nc-surface, rgba(255, 255, 255, 0.02));
  backdrop-filter: blur(8px);
  box-shadow: 0 0 24px var(--nc-glow-primary, rgba(138, 43, 226, 0.25));
  transition: box-shadow 0.25s ease, border-color 0.25s ease,
    transform 0.25s ease;
  background-color: rgba(39, 16, 59, 0.25)  !important;
  border-radius: 3%;
}
#contact .nc-card:hover {
  box-shadow: 0 0 24px var(--nc-glow-primary, rgba(138, 43, 226, 0.18));
  border-color: var(--nc-primary-strong, currentColor);
  transform: translateY(-1px);
}

/* Inputs con foco neón sutil (usa variables mapeadas) */
#contact .form-control:focus {
  border-color: var(--nc-primary, currentColor) !important;
  box-shadow: 0 0 0 0.2rem rgba(138, 43, 226, 0.2);
  outline: 0;
}
/* Botón principal: pill + glow en hover ya mapeado por .btn-primary */
#contact .btn-primary:hover {
  box-shadow: 0 0 24px var(--nc-glow-primary, rgba(138, 43, 226, 0.25));
  transform: translateY(-1px);
}