/* Água em movimento e conexões hidráulicas nas cores da SupremaTec. */
.section-divider {
  --divider-from: #fff;
  --divider-to: #ecf9ff;
  position: relative;
  height: clamp(48px, 6vw, 88px);
  margin-block: -1px;
  z-index: 1;
  overflow: hidden;
  background: var(--divider-from);
  pointer-events: none;
  isolation: isolate;
}

.section-divider__waves {
  position: absolute;
  inset: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0;
  stroke: none;
}

.section-divider__wash { fill: #cdefff; }
.section-divider__flow { fill: #00a4d8; }
.section-divider__surface { fill: var(--divider-to); }


.section-divider__bubbles {
  position: absolute;
  top: 18%;
  right: 13%;
  width: 16px;
  height: 16px;
  border: 2px solid #00a4d8;
  border-radius: 50%;
}

.section-divider__bubbles::after {
  content: '';
  position: absolute;
  top: -14px;
  left: 22px;
  width: 8px;
  height: 8px;
  border: 2px solid #087fc1;
  border-radius: 50%;
}

@media (max-width: 639px) {
  .section-divider { height: 44px; }
    .section-divider__bubbles { right: 18%; width: 12px; height: 12px; }
}

/* Junções contínuas, sem faixas vazias em volta das ondas. */
.process-section:has(+ .section-divider),
#sobre:has(+ .section-divider) {
  padding-bottom: 32px;
}
.section-divider + #servicos-fotos.services-carousel,
.section-divider + #faq {
  padding-top: 32px;
}