.elementor-8662 .elementor-element.elementor-element-e42c3be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5ab3f68a *//* =========================
   CLÍNICA ESTRELA
   CORREÇÕES LANDING PAGE
   ========================= */

/* 1. Corrige a rolagem da página */
body.page {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}


/* 2. FOTO PRINCIPAL / HERO */
.hero-photo {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 5 !important;

  object-fit: cover !important;
  object-position: center 26% !important;

  border: 7px solid #ffffff !important;
  border-radius: 30px !important;

  box-shadow: 0 18px 48px rgba(71, 43, 112, 0.14) !important;
}

.hero-photo-wrap {
  position: relative !important;
  z-index: 1 !important;
}

.hero-photo-wrap::after {
  content: "" !important;

  position: absolute !important;
  right: -12px !important;
  bottom: 24px !important;

  width: 92px !important;
  height: 92px !important;

  background: #ffd21f !important;
  border-radius: 24px !important;

  z-index: -1 !important;
}


/* 3. FOTO "QUEM ESTÁ À FRENTE" */
.about-photo {
  display: block !important;
  width: 100% !important;

  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center 25% !important;

  border: 6px solid #ffffff !important;
  border-radius: 28px !important;

  box-shadow: 0 18px 48px rgba(71, 43, 112, 0.12) !important;

  margin: 0 auto !important;
}


/* 4. Ajuste para celular */
@media (max-width: 680px) {

  .hero-photo,
  .about-photo {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  .hero-photo {
    border-radius: 24px !important;
    border-width: 5px !important;
  }

  .about-photo {
    border-radius: 24px !important;
    border-width: 5px !important;
  }

  .hero-photo-wrap::after {
    width: 70px !important;
    height: 70px !important;

    right: -7px !important;
    bottom: 18px !important;

    border-radius: 18px !important;
  }
}/* End custom CSS */