/* Divisores orgânicos: cada preenchimento usa a cor da seção seguinte. */
.hero::after {
  content: '' !important;
  z-index: 4;
  inset: auto 0 0 !important;
  width: 100%;
  height: 54px;
  opacity: 1;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23E9EFF0' d='M0 53c174 35 365 49 574 24 236-28 449-82 866-34v57H0z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
  -webkit-mask-image: none;
  mask-image: none;
}

#tratamentos::after {
  height: 54px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23F7F5F2' d='M0 48c204 30 375 50 590 28 208-21 416-75 850-34v58H0z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
}

#resultados { position: relative; overflow: hidden; padding-bottom: 7rem; }
#resultados::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 54px;
  pointer-events: none;
  background-position: bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#resultados::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23F7F5F2' d='M0 51c205 37 396 44 619 18 221-25 427-72 821-27v58H0z'/%3E%3C/svg%3E");
}


/* Ondas adicionais, mais sutis, para alternar o ritmo entre blocos claros e coloridos. */
.client-proof, .clinic-gallery, .connection { position: relative; overflow: hidden; }
.client-proof::after, .clinic-gallery::after, .connection::after {
  content: '';
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 48px;
  pointer-events: none;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.client-proof { padding-bottom: 5.25rem; }
.client-proof > .container, .clinic-gallery__heading, .clinic-gallery__viewport { position: relative; z-index: 1; }
.client-proof::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23F7F5F2' d='M0 44c205 27 396 51 616 28 229-24 446-70 824-27v55H0z'/%3E%3C/svg%3E");
}
.clinic-gallery { padding-bottom: 4.1rem; }
.clinic-gallery::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f8f7f4' d='M0 58c196-33 401-45 633-16 212 27 476 59 807 6v52H0z'/%3E%3C/svg%3E");
}
.connection { padding-bottom: clamp(5.2rem, 7vw, 6.7rem); }
.connection::after {
  display: none;
}

@media (max-width: 540px) {
  .hero::after, #tratamentos::after, #resultados::after, .client-proof::after, .clinic-gallery::after, .connection::after { height: 38px; }
  #resultados { padding-bottom: 5.5rem; }
  .client-proof { padding-bottom: 4.2rem; }
  .clinic-gallery { padding-bottom: 3.4rem; }
  .connection { padding-bottom: 4.7rem; }
}

/* Arcos translúcidos: recurso reutilizável de fundo para a Home. */
.client-proof::before,
.clinic-gallery::before,
#resultados::before {
  content: '';
  position: absolute;
  z-index: 0;
  display: block;
  border: 1px solid rgba(125, 119, 111, .16);
  border-radius: 50%;
  background: radial-gradient(circle at center, transparent 0 53%, rgba(135, 130, 122, .075) 53.5% 62%, transparent 62.5%);
  pointer-events: none;
}

.client-proof::before {
  top: -19rem;
  left: -23rem;
  width: 43rem;
  height: 43rem;
  box-shadow: 0 0 0 3.6rem rgba(135, 130, 122, .045), 0 0 0 8rem rgba(135, 130, 122, .022);
}

.clinic-gallery::before {
  right: -24rem;
  bottom: -21rem;
  width: 45rem;
  height: 45rem;
  border-color: rgba(160, 151, 140, .17);
  background: radial-gradient(circle at center, transparent 0 50%, rgba(160, 151, 140, .065) 50.5% 59%, transparent 59.5%);
  box-shadow: 0 0 0 4.2rem rgba(160, 151, 140, .04), 0 0 0 9rem rgba(160, 151, 140, .02);
}

#resultados::before {
  top: -25rem;
  right: -19rem;
  width: 46rem;
  height: 46rem;
  border-color: rgba(112, 128, 130, .17);
  background: radial-gradient(circle at center, transparent 0 55%, rgba(112, 128, 130, .07) 55.5% 63%, transparent 63.5%);
  box-shadow: 0 0 0 3.2rem rgba(112, 128, 130, .04), 0 0 0 7.5rem rgba(112, 128, 130, .02);
}

@media (max-width: 700px) {
  .client-proof::before { top: -13rem; left: -17rem; width: 30rem; height: 30rem; box-shadow: 0 0 0 2.4rem rgba(135, 130, 122, .04), 0 0 0 5rem rgba(135, 130, 122, .02); }
  .clinic-gallery::before { right: -17rem; bottom: -14rem; width: 31rem; height: 31rem; box-shadow: 0 0 0 2.6rem rgba(160, 151, 140, .035), 0 0 0 5.5rem rgba(160, 151, 140, .018); }
  #resultados::before { top: -16rem; right: -16rem; width: 31rem; height: 31rem; box-shadow: 0 0 0 2.3rem rgba(112, 128, 130, .04), 0 0 0 5rem rgba(112, 128, 130, .018); }
}
