.elementor-kit-29{--e-global-color-primary:#111E43;--e-global-color-secondary:#D9B45A;--e-global-color-text:#4E5770;--e-global-color-accent:#8F6418;--e-global-color-6d6ff52:#0B1633;--e-global-color-de2094d:#1A2A57;--e-global-color-193bb04:#EDEFF3;--e-global-color-2ba5f0b:#DCE0E7;--e-global-color-3c214d8:#CDD2DB;--e-global-color-e615fe0:#C3C9D8;--e-global-color-68f49fa:#8C7A4E;--e-global-color-86eb4cb:#FFFFFF;--e-global-typography-primary-font-family:"Gloock";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Gloock";--e-global-typography-secondary-font-size:33px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.12em;--e-global-typography-text-font-family:"Gloock";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.15em;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.65em;--e-global-typography-308bada-font-family:"Jost";--e-global-typography-308bada-font-size:14px;--e-global-typography-308bada-font-weight:400;--e-global-typography-b073ec7-font-family:"Jost";--e-global-typography-b073ec7-font-size:11px;--e-global-typography-b073ec7-font-weight:500;--e-global-typography-b073ec7-text-transform:uppercase;--e-global-typography-4e6d302-font-family:"Jost";--e-global-typography-4e6d302-font-size:10px;--e-global-typography-4e6d302-font-weight:500;--e-global-typography-4e6d302-text-transform:uppercase;--e-global-typography-e256e9c-font-family:"Gloock";--e-global-typography-e256e9c-font-size:150px;--e-global-typography-c71a8ca-font-family:"Gloock";--e-global-typography-c71a8ca-font-size:105px;}.elementor-kit-29 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-29{--e-global-typography-primary-font-size:33px;--e-global-typography-primary-line-height:1.12em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-29{--e-global-typography-primary-font-size:30px;--e-global-typography-primary-line-height:1.12em;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:20px;--e-global-typography-accent-font-size:15px;--e-global-typography-308bada-font-size:15px;--e-global-typography-308bada-line-height:1.65em;--e-global-typography-b073ec7-font-size:11px;--e-global-typography-b073ec7-letter-spacing:0.28em;--e-global-typography-4e6d302-font-size:10px;--e-global-typography-4e6d302-letter-spacing:0.24em;--e-global-typography-e256e9c-font-size:84px;--e-global-typography-e256e9c-line-height:0.9em;--e-global-typography-c71a8ca-font-size:59px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   ELA Endometriose — CSS complementar ao Elementor
   Onde colar: Elementor > Site Settings > Custom CSS
   (ou Aparência > Personalizar > CSS adicional)
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --ela-navy:#111E43;
  --ela-navy-deep:#0B1633;
  --ela-navy-photo:#1A2A57;
  --ela-gold:#D9B45A;
  --ela-gold-text:#8F6418;   /* dourado escuro para texto sobre fundo claro */
  --ela-gold-line:#8C7A4E;   /* fios/bordas sobre azul */
  --ela-silver:#EDEFF3;      /* cinza claro de fundo */
  --ela-silver-2:#DCE0E7;
  --ela-line:#CDD2DB;
  --ela-text:#4E5770;        /* texto corrido sobre claro */
  --ela-text-on-navy:#C3C9D8;/* texto corrido sobre azul */
  --ela-gold-gradient:linear-gradient(115deg,#9C7428 0%,#C9A04C 22%,#EBD08A 45%,#D4AE5C 62%,#A87E30 82%,#C9A04C 100%);
  --ela-ease:cubic-bezier(.2,.7,.1,1);
}

/* ---------- Grid: página 1920, conteúdo 1440 ----------
   Em cada Container de seção: Content Width = Full Width,
   e adicione a classe CSS "ela-grid". */
.ela-grid{
  padding-left:max(80px, calc((100% - 1440px) / 2)) !important;
  padding-right:max(80px, calc((100% - 1440px) / 2)) !important;
}
@media (max-width:767px){
  .ela-grid{ padding-left:20px !important; padding-right:20px !important; }
}

/* ---------- Tipografia utilitária ---------- */
.ela-eyebrow,.ela-eyebrow .elementor-heading-title{
  font-family:'Jost',sans-serif !important;font-weight:500 !important;
  font-size:11px !important;line-height:1.4 !important;
  letter-spacing:.28em !important;text-transform:uppercase !important;
}
@media (max-width:767px){ .ela-eyebrow,.ela-eyebrow .elementor-heading-title{font-size:10px !important;letter-spacing:.26em !important;} }

/* ---------- Botões ---------- */
.ela-btn .elementor-button{
  font-family:'Jost',sans-serif;font-weight:500;font-size:10px;line-height:1;
  letter-spacing:.24em;text-transform:uppercase;border-radius:0;
  padding:17px 26px;border:1px solid currentColor;transition:background .3s,color .3s,border-color .3s;
}
/* Sólido dourado (banner, fechamento) */
.ela-btn--gold .elementor-button{background:var(--ela-gold);color:var(--ela-navy);border-color:var(--ela-gold);}
.ela-btn--gold .elementor-button:hover{background:transparent;color:var(--ela-gold);}
/* Sólido azul (faixas CTA douradas) */
.ela-btn--navy .elementor-button{background:var(--ela-navy);color:#fff;border-color:var(--ela-navy);}
.ela-btn--navy .elementor-button:hover{background:transparent;color:var(--ela-navy);}
/* Contorno dourado (topo / entrada ELA) */
.ela-btn--outline-gold .elementor-button{background:transparent;color:var(--ela-gold);border-color:var(--ela-gold);}
.ela-btn--outline-gold .elementor-button:hover{background:var(--ela-gold);color:var(--ela-navy);}
/* Contorno azul (entrada Instituto) */
.ela-btn--outline-navy .elementor-button{background:transparent;color:var(--ela-navy);border-color:var(--ela-navy);}
.ela-btn--outline-navy .elementor-button:hover{background:var(--ela-navy);color:#fff;}

/* Link sublinhado dourado ("Conhecer as especialidades", "Saiba mais…") */
.ela-link a,.ela-link .elementor-button{
  display:inline-block;background:none !important;padding:0 0 7px !important;border:0 !important;border-radius:0;
  border-bottom:1px solid var(--ela-gold) !important;
  font-family:'Jost',sans-serif;font-weight:500;font-size:10px;line-height:1;letter-spacing:.24em;text-transform:uppercase;
}

/* ---------- Faixas CTA em ouro ---------- */
.ela-gold-band{ background:var(--ela-gold-gradient) !important; }

/* ---------- Índice de especialidades ---------- */
.ela-spec-grid{ border-top:1px solid var(--ela-navy); border-left:1px solid var(--ela-line); }
.ela-spec-item{ border-right:1px solid var(--ela-line); border-bottom:1px solid var(--ela-line); transition:background .25s; }
.ela-spec-item:hover{ background:#fff; }
.ela-spec-item--featured{ background:var(--ela-navy) !important; border-color:var(--ela-navy) !important; }

/* ---------- Tratamento de cor das fotos (seção Cirurgia ginecológica) ----------
   Aplique no widget Imagem/Container que contém a foto. */
.ela-tone{ position:relative; overflow:hidden; }
.ela-tone img{ filter:brightness(.77) sepia(.28) saturate(2.6) hue-rotate(-10deg) contrast(1.2); }
.ela-tone--strong img{ filter:brightness(.77) sepia(.28) saturate(2.6) hue-rotate(-10deg) contrast(1.7); }
.ela-tone::after{ content:"";position:absolute;inset:0;pointer-events:none;background:var(--ela-navy-photo);mix-blend-mode:soft-light;opacity:.28; }
.ela-tone::before{ content:"";position:absolute;inset:0;pointer-events:none;background:#2A3C70;mix-blend-mode:color;opacity:.06;z-index:1; }

/* Foto preenchendo o container */
.ela-cover img,.ela-cover .elementor-widget-container,.ela-cover .elementor-image{ width:100% !important;height:100% !important; }
.ela-cover img{ object-fit:cover; }

/* ---------- Número "1 em 10" ---------- */
.ela-big-num .elementor-heading-title{ font-family:'Gloock',Georgia,serif;font-weight:400;font-size:150px;line-height:.9;letter-spacing:-.03em;color:var(--ela-gold);white-space:nowrap; }
.ela-big-word .elementor-heading-title{ font-family:'Gloock',Georgia,serif;font-weight:400;font-size:105px;line-height:.9;letter-spacing:-.01em;color:#fff; }
@media (max-width:767px){
  .ela-big-num .elementor-heading-title{ font-size:84px; }
  .ela-big-word .elementor-heading-title{ font-size:59px; }
}

/* ---------- Página de entrada: fio dourado entre as metades ---------- */
.ela-split{ gap:3px !important; background:var(--ela-gold) !important; }

/* =========================================================
   ANIMAÇÕES (usadas por ela-motion.js)
   Adicione as classes em Avançado > Classes CSS.
   ========================================================= */
.ela-js .ela-fade{ opacity:0; transform:translateY(28px); }
.ela-js .ela-wipe{ clip-path:inset(100% 0 0 0); }
.ela-js .ela-wipe img{ transform:scale(1.18); }
.ela-js .ela-zoom{ opacity:0; transform:scale(1.12); }
.ela-js .ela-wipe-left{ clip-path:inset(0 100% 0 0); }
.ela-js .ela-wipe-right{ clip-path:inset(0 0 0 100%); }
.ela-fade,.ela-wipe,.ela-zoom,.ela-wipe-left,.ela-wipe-right,.ela-wipe img{
  transition:opacity .9s var(--ela-ease),transform .9s var(--ela-ease),clip-path 1.2s var(--ela-ease);
}
.ela-wipe img{ transition:transform 1.8s var(--ela-ease); }
.ela-zoom{ transition-duration:2s; }
.ela-js .ela-in{ opacity:1 !important; transform:none !important; clip-path:inset(0 0 0 0) !important; }
.ela-js .ela-in img{ transform:none; }
/* Zoom suave nas fotos do corpo clínico */
.ela-hover-zoom{ overflow:hidden; }
.ela-hover-zoom img{ transition:transform .9s var(--ela-ease) !important; }
.ela-hover-zoom:hover img{ transform:scale(1.05) !important; }

/* Contador */
.ela-roll{ display:inline-block;overflow:hidden;height:.92em;vertical-align:top; }
.ela-roll > span{ display:flex;flex-direction:column;transition:transform 120ms cubic-bezier(.3,.8,.2,1); }
.ela-roll > span > span{ height:.92em;line-height:.92em; }

@media (prefers-reduced-motion:reduce){
  .ela-js .ela-fade,.ela-js .ela-wipe,.ela-js .ela-zoom,.ela-js .ela-wipe-left,.ela-js .ela-wipe-right{ opacity:1;transform:none;clip-path:none; }
}
/* No editor do Elementor tudo fica visível */
.elementor-editor-active .ela-fade,.elementor-editor-active .ela-wipe,.elementor-editor-active .ela-zoom,
.elementor-editor-active .ela-wipe-left,.elementor-editor-active .ela-wipe-right{ opacity:1 !important;transform:none !important;clip-path:none !important; }/* End custom CSS */