/* =======================================================================
   TEMA UNIFICADO — padrão visual da página de pós-operatório
   Apenas estilo. Não altera textos, imagens, seções nem a estrutura.
   Carregado por último; usa !important para prevalecer sobre o Elementor.
   ======================================================================= */
:root{
  --lm-mauve:#baa4a8; --lm-taupe:#a0837a; --lm-brown:#706164;
  --lm-blush:#ffdbd0; --lm-ink:#252525; --lm-gray:#5c5757;
  --lm-soft:#fbf4f0; --lm-line:#ece0d9;
}

/* ---------- paleta global do Elementor: troca o teal pela cor da marca ---------- */
.elementor-kit-10{
  --e-global-color-427a2ac:#a0837a;   /* era #00C8C5  (teal)  -> taupe   */
  --e-global-color-bb7b969:#706164;   /* era #019096  (teal)  -> brown   */
  --e-global-color-27a2944:#706164;   /* era #017074  (teal)  -> brown   */
  --e-global-color-28cb286:#baa4a826; /* era #00C8C526        -> mauve/alpha */
  --e-global-color-20d3d74:#f6e8e1;   /* era #FFDBD0  -> pêssego mais suave (padrão pós-op) */
}

/* ---------- tipografia ---------- */
body,.elementor,.elementor-widget-text-editor,.elementor-widget-text-editor *,
.elementor-heading-title,.elementor-button,.elementor-icon-list-text,
.elementor-image-box-title,.elementor-image-box-description,
.elementor-icon-box-title,.elementor-icon-box-description{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}
/* mantém a hierarquia/entrelinha, mas NÃO força a cor
   (assim o texto branco das seções escuras continua branco) */
.elementor-heading-title{letter-spacing:-.02em !important;line-height:1.2 !important}
.elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-widget-text-editor li{
  line-height:1.7 !important;
}
.elementor a:not(.elementor-button):not(.elementor-social-icon):not(.hfe-menu-item):not([style*="color"]){color:var(--lm-brown)}

/* ---------- ícones decorativos (PNG) -> tom escuro da marca (taupe) ---------- */
img[src*="Funfact-Icon"],
img[src*="Contact-Icon"],
img[src*="Why-Choose-Us-Icon"],
img[src*="Hero-Icon"],
img[src*="Services-Icon"],
img[src*="dente-1.png"],
img[src*="atendimento.png"]{
  filter:brightness(0) saturate(100%) invert(54%) sepia(13%) saturate(548%) hue-rotate(340deg) brightness(94%) contrast(88%) !important;
}

/* ---------- botões: pill com gradiente da marca ---------- */
.elementor-button,.elementor-button:visited{
  background-image:linear-gradient(180deg,#a0837a 0%,#706164 100%) !important;
  background-color:transparent !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  padding:15px 32px !important;
  font-weight:600 !important;
  letter-spacing:.02em !important;
  box-shadow:0 12px 30px -12px rgba(112,97,100,.5) !important;
  transition:transform .18s ease,background-color .2s ease,background-image .2s ease !important;
}
.elementor-button:hover,.elementor-button:focus{
  background-image:none !important;background-color:var(--lm-ink) !important;
  color:#fff !important;transform:translateY(-2px);
}
.elementor-button .elementor-button-content-wrapper,
.elementor-button .elementor-button-text{color:#fff !important}

/* ---------- cards (image-box / icon-box) ---------- */
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-icon-box .elementor-icon-box-wrapper{
  background:#fff !important;
  border:1px solid var(--lm-line) !important;
  border-radius:16px !important;
  padding:26px !important;
  height:100%;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.elementor-widget-image-box .elementor-image-box-wrapper:hover,
.elementor-widget-icon-box .elementor-icon-box-wrapper:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px -18px rgba(60,45,45,.22);
  border-color:var(--lm-blush) !important;
}
.elementor-image-box-title,.elementor-icon-box-title{color:var(--lm-ink) !important;margin-bottom:8px !important}
.elementor-image-box-description,.elementor-icon-box-description{color:var(--lm-gray) !important;line-height:1.6 !important}
.elementor-image-box-img{margin-bottom:14px !important}
.elementor-image-box-img img{border-radius:12px}

/* ---------- listas com marcador ---------- */
.elementor-icon-list-items{gap:2px}
.elementor-icon-list-item{margin-bottom:9px !important;align-items:flex-start !important}
.elementor-icon-list-text{color:var(--lm-gray) !important;line-height:1.55 !important}
.elementor-icon-list-icon svg,.elementor-icon-list-icon i{color:var(--lm-mauve) !important;fill:var(--lm-mauve) !important}

/* ícones em geral (icon widget / icon-box) -> cor da marca, sem teal */
.elementor-widget-icon .elementor-icon,
.elementor-widget-icon-box .elementor-icon,
.elementor-icon-box-icon .elementor-icon{color:var(--lm-taupe) !important;border-color:var(--lm-taupe) !important}
.elementor-widget-icon .elementor-icon svg,
.elementor-widget-icon-box .elementor-icon svg,
.elementor-icon-box-icon .elementor-icon svg{fill:var(--lm-taupe) !important}
.elementor-widget-icon .elementor-icon i,
.elementor-widget-icon-box .elementor-icon i,
.elementor-icon-box-icon .elementor-icon i{color:var(--lm-taupe) !important}

/* ---------- divisores ---------- */
.elementor-widget-divider .elementor-divider-separator{border-top-color:var(--lm-mauve) !important;opacity:.5}

/* ---------- ícones sociais ---------- */
.elementor-social-icon{background-color:var(--lm-taupe) !important;transition:background-color .2s ease}
.elementor-social-icon:hover{background-color:var(--lm-brown) !important}
.elementor-social-icon i,.elementor-social-icon svg{color:#fff !important;fill:#fff !important}

/* ---------- cabeçalho / menu ---------- */
.hfe-nav-menu .hfe-menu-item{font-family:"Inter",sans-serif !important;font-weight:500 !important}

/* O CSS do menu hambúrguer mora dentro de custom-menu.js (injetado como
   <style>), para o CSS e o JS não ficarem dessincronizados por cache. */

/* ---------- rodapé: fonte menor ---------- */
#colophon .elementor-heading-title,
#colophon .elementor-widget-text-editor,
#colophon .elementor-widget-text-editor p{
  font-size:.78rem !important;
  line-height:1.5 !important;
}

/* ---------- ritmo das seções ---------- */
.elementor-widget:not(:last-child){margin-bottom:22px}

/* --- faixas de seção com cor chapada -> tom suave do padrão pós-op --- */
.elementor-element.elementor-element-1d107e8d,
.elementor-element.elementor-element-3d6b3606,
.elementor-element.elementor-element-77159761,
.elementor-element.elementor-element-7e815e9e,
.elementor-element.elementor-element-151417aa,
.elementor-element.elementor-element-78980c65{background-color:#f4ebe5 !important}

/* --- fileira de ícones (funfact): lado a lado também no celular --- */
@media (max-width:767px){
  .elementor-element.elementor-element-4ce305ac{
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:6px !important;
  }
  .elementor-element.elementor-element-4ce305ac > .elementor-element{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    align-items:center !important;
  }
  .elementor-element.elementor-element-4ce305ac .elementor-element,
  .elementor-element.elementor-element-4ce305ac .elementor-widget-image,
  .elementor-element.elementor-element-4ce305ac .elementor-widget-container{
    width:100% !important;
    text-align:center !important;
  }
  .elementor-element.elementor-element-4ce305ac img,
  .elementor-element.elementor-element-4ce305ac .elementor-icon{
    display:inline-block !important;
    width:auto !important;
    max-width:42px !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}