.elementor-8677 .elementor-element.elementor-element-48c86895{--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;}.elementor-8677 .elementor-element.elementor-element-24029a26 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(min-width:768px){.elementor-8677 .elementor-element.elementor-element-48c86895{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-48c86895 *//* =========================
   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;
  }
}/* ==================================================
   CLÍNICA ESTRELA
   PRIMEIRA DOBRA MAIS COMPACTA — DESKTOP + MOBILE
   Setembro Amarelo + Site Empresas Ano Todo
   ================================================== */


/* ---------- DESKTOP ---------- */

.hero {
  padding: 44px 0 !important;
}

.hero-grid {
  grid-template-columns: 1.10fr .90fr !important;
  gap: 36px !important;
  align-items: center !important;
}

.hero-copy {
  gap: 15px !important;
  max-width: 670px !important;
}

.hero h1 {
  font-size: clamp(36px, 3.35vw, 50px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.038em !important;
  max-width: 670px !important;
}

.hero-note {
  font-size: 16px !important;
}

.hero .lead {
  font-size: clamp(17px, 1.65vw, 20px) !important;
}

.hero .actions {
  margin-top: 18px !important;
}

.hero .btn {
  min-height: 50px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.hero-photo {
  aspect-ratio: 4 / 4.65 !important;
  height: auto !important;
  max-height: 570px !important;
  object-fit: cover !important;
}

.hero-badge {
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  padding: 12px 14px !important;
}

.hero-badge strong {
  font-size: 17px !important;
}


/* ==================================================
   CELULAR
   ordem:
   selo → frase → título → FOTO → botão → texto → chips
   ================================================== */

@media (max-width: 680px) {

  .hero {
    padding: 28px 0 34px !important;
  }

  .hero-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
  }


  /* Permite reorganizar os elementos que estavam
     dentro da coluna de texto */
  .hero-copy {
    display: contents !important;
  }


  /* 1 — selo */
  .hero-copy > .kicker {
    order: 1 !important;
    align-self: flex-start !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    padding: 7px 11px !important;
    margin-bottom: 2px !important;
  }


  /* 2 — frase curta */
  .hero-copy > .hero-note {
    order: 2 !important;

    font-size: 14px !important;
    line-height: 1.35 !important;

    margin: 2px 0 4px !important;
  }


  /* 3 — título */
  .hero-copy > h1 {
    order: 3 !important;

    font-size: 34px !important;
    line-height: 1.02 !important;
    letter-spacing: -1.15px !important;

    max-width: 100% !important;

    margin: 2px 0 4px !important;
  }


  /* 4 — FOTO ANTES DO BOTÃO */
  .hero-grid > .hero-photo-wrap {
    order: 4 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 8px auto 4px !important;
  }

.hero-photo {
  width: 100% !important;

  height: 300px !important;
  max-height: 300px !important;
  aspect-ratio: auto !important;

  object-fit: cover !important;
  object-position: center 8% !important;

  border-radius: 24px !important;
}

  /* 5 — botão */
  .hero-copy > .actions {
    order: 5 !important;

    width: 100% !important;

    margin: 8px 0 0 !important;
  }

  .hero-copy > .actions .btn {
    width: 100% !important;
  }


  /* 6 — texto explicativo */
  .hero-copy > .lead {
    order: 6 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;

    margin-top: 8px !important;
  }


  /* 7 — etiquetas */
  .hero-copy > .chips {
    order: 7 !important;

    width: 100% !important;

    margin-top: 4px !important;
  }


  /* etiqueta sobre a foto */
  .hero-badge {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;

    padding: 9px 11px !important;
  }

  .hero-badge strong {
    font-size: 15px !important;
  }

  .hero-badge span {
    font-size: 11px !important;
  }
}/* End custom CSS */