/* ================= TITULOS SECCIONES ================= */
.section h2 {
  position: relative;
  display: inline-block;
  font-size: clamp(1.8rem, 3vw, 2.2rem);
  font-weight: 700;
  color: var(--ink, #e5e7eb);
  margin-bottom: 2rem;
  text-align: center;
}

/* Línea gradiente debajo del título */
.section h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%) scaleX(0);
  width: 60%;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #38bdf8, #7c3aed);
  transition: transform 0.6s ease;
  transform-origin: center;
}

/* Animación cuando entra en pantalla */
.section h2.reveal-visible::after {
  transform: translateX(-50%) scaleX(1);
}