/* Solo lo que Tailwind no puede hacer con clases utilidad */

/* CTA: patrón de puntos con pseudo-elemento */
.cta-dots::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
  background-size: 30px 30px;
  pointer-events: none;
}

/* Nav: enlace activo por scroll */
nav a.active {
  color: #1a56db;
}

/* Nav: menú móvil abierto */
#main-nav.open {
  display: flex !important;
  flex-direction: column;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  background: white;
  border-bottom: 1px solid #e5e7eb;
  padding: 1.25rem 1.75rem;
  gap: 1.25rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 49;
}

/* Formulario: campo con error */
.field-error {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12) !important;
}