@charset "UTF-8";
/* ===== LAYOUT: container, seções, títulos de seção ===== */
.wrap { /* container com respiro seguro para celular (Tailwind cuida do resto) */
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  padding-left: var(--gutter-l);
  padding-right: var(--gutter-r);
}

.section { position: relative; }

.section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 44px;
  font-size: clamp(1.7rem, 3.2vw, 2.4rem);
  font-weight: 700;
  font-style: italic;
  text-align: center;
}
.section-title::before,
.section-title::after {
  content: "";
  flex: 1;
  max-width: 220px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--blue));
  box-shadow: 0 0 12px var(--blue);
}
.section-title::after { transform: scaleX(-1); }

/* divisor luminoso entre seções */
.glow-divider {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--blue) 30%, var(--cyan) 50%, var(--blue) 70%, transparent);
  box-shadow: 0 0 18px var(--blue);
  opacity: 0.8;
}

@media (max-width: 640px) {
  .section-title { gap: 12px; }
  .section-title::before, .section-title::after { max-width: 40px; }
}