.elementor-1511 .elementor-element.elementor-element-3702c3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;}.elementor-1511 .elementor-element.elementor-element-aaa02f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1511 .elementor-element.elementor-element-6c3df7b img{width:150px;max-width:523px;}.elementor-1511 .elementor-element.elementor-element-c211e3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-1511 .elementor-element.elementor-element-c211e3a:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-c211e3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom right, var( --e-global-color-accent ) 0%, var( --e-global-color-text ) 71%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-1511 .elementor-element.elementor-element-6467026 .elementor-heading-title{font-family:"Instrument Serif", Sans-serif;font-size:55px;font-weight:300;text-transform:uppercase;color:var( --e-global-color-0bffbb7 );}.elementor-1511 .elementor-element.elementor-element-1ae5232 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:20px;font-weight:300;text-transform:none;color:var( --e-global-color-0bffbb7 );}.elementor-1511 .elementor-element.elementor-element-3f5d3a28{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1511 .elementor-element.elementor-element-51f79ea4{font-family:"Instrument Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-1511 .elementor-element.elementor-element-1da293f{--display:flex;}.elementor-1511 .elementor-element.elementor-element-1da293f:not(.elementor-motion-effects-element-type-background), .elementor-1511 .elementor-element.elementor-element-1da293f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-1511 .elementor-element.elementor-element-3702c3f{--content-width:1440px;}}@media(min-width:2560px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-3702c3f *//* ============================================================
   CSS DO MENU — cole na aba Avançado > CSS Personalizado
   ============================================================
   Você precisa de DOIS containers, um dentro do outro:

   1) CONTAINER EXTERNO (o que estica de ponta a ponta da tela)
      → aba Avançado > ID CSS: eb-menu-nav

   2) CONTAINER INTERNO (o que já tinha, com logo + links, e
      deve ficar contido/centralizado)
      → aba Avançado > Classes CSS: eb-menu-inner

   Cole ESTE CSS completo no CSS Personalizado do CONTAINER EXTERNO
   (o que tem o ID eb-menu-nav). Não precisa colar nada no interno.
   ============================================================ */

/* ===== CONTAINER EXTERNO — barra transparente, gruda no topo ===== */
#eb-menu-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent;
  transition: background 0.4s ease, box-shadow 0.4s ease;
  font-family: 'Instrument Sans', sans-serif;
}

/* estado ao rolar — fica opaco, com leve sombra de separação */
#eb-menu-nav.eb-scrolled {
  background: #faf9f6;
  box-shadow: 0 2px 14px rgba(26, 26, 23, 0.08);
}

/* ===== CONTAINER INTERNO — contido, centralizado, com o padding ===== */
.eb-menu-inner {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 32px 48px;
  transition: padding 0.4s ease;
}

#eb-menu-nav.eb-scrolled .eb-menu-inner {
  padding: 18px 48px;
}

/* ===== LINKS — DESKTOP ===== */
.eb-menu-links-desktop {
  display: flex;
  align-items: center;
  gap: 34px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.eb-menu-links-desktop a {
  position: relative;
  font-size: 15px;
  font-family: 'Instrument Sans', sans-serif;
  color: #f4f2ec; /* claro por padrão — funciona sobre a foto escura do Hero */
  text-decoration: none;
  padding-bottom: 3px;
  transition: color 0.4s ease;
}

.eb-menu-links-desktop a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #a9a576;
  transition: width 0.35s ease;
}

.eb-menu-links-desktop a:hover::after {
  width: 100%;
}

/* quando a barra fica opaca (rolou a página), o texto escurece pra manter contraste */
#eb-menu-nav.eb-scrolled .eb-menu-links-desktop a {
  color: #1a1a17;
}

/* ===== MODIFICADOR — usar em páginas cujo topo é claro (sem foto escura) =====
   Adicione a classe "eb-menu-nav--claro" no CONTAINER EXTERNO, além do ID. */
#eb-menu-nav.eb-menu-nav--claro .eb-menu-links-desktop a {
  color: #1a1a17;
}

/* ===== HAMBÚRGUER — só aparece no mobile ===== */
.eb-menu-hamburguer {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 5px;
  width: 28px;
  height: 22px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0;
  cursor: pointer;
  z-index: 10001;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none !important;
  outline: none;
}

.eb-menu-hamburguer span {
  display: block;
  width: 100%;
  height: 2px;
  min-height: 2px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background-color: #f4f2ec;
  box-sizing: border-box;
  transition: transform 0.35s ease, opacity 0.35s ease, background-color 0.4s ease;
}

#eb-menu-nav.eb-scrolled .eb-menu-hamburguer span,
#eb-menu-nav.eb-menu-nav--claro .eb-menu-hamburguer span {
  background-color: #1a1a17;
}

.eb-menu-hamburguer.eb-ativo span {
  background-color: #f4f2ec !important;
}

.eb-menu-hamburguer.eb-ativo span:nth-child(1) {
  transform: translateY(6.5px) rotate(45deg);
}
.eb-menu-hamburguer.eb-ativo span:nth-child(2) {
  opacity: 0;
}
.eb-menu-hamburguer.eb-ativo span:nth-child(3) {
  transform: translateY(-6.5px) rotate(-45deg);
}

/* ===== OVERLAY MOBILE — flutua por cima, nunca desloca o layout ===== */
.eb-menu-overlay-mobile {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background-color: #141310;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;
}

.eb-menu-overlay-mobile.eb-aberto {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.eb-menu-fechar {
  position: absolute;
  top: 26px;
  right: 30px;
  background: none;
  border: none;
  color: #f4f2ec;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}

.eb-menu-links-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.eb-menu-links-mobile li {
  margin-bottom: 26px;
}

.eb-menu-links-mobile li:last-child {
  margin-bottom: 0;
}

.eb-menu-links-mobile a {
  font-family: 'Instrument Serif', serif;
  font-size: 30px;
  font-weight: 400;
  color: #f4f2ec;
  text-decoration: none;
  transition: color 0.3s ease;
}

.eb-menu-links-mobile a:hover {
  color: #a9a576;
}

.eb-menu-cta-mobile {
  font-size: 14px;
  font-weight: 600;
  color: #141310;
  background-color: #a9a576;
  padding: 14px 32px;
  border-radius: 3px;
  text-decoration: none;
  letter-spacing: 0.5px;
}

/* ===== RESPONSIVO ===== */
@media (max-width: 900px) {
  /* no mobile, fundo sempre claro — independe de scroll ou de qual página é */
  #eb-menu-nav,
  #eb-menu-nav.eb-scrolled,
  #eb-menu-nav.eb-menu-nav--claro {
    background: #faf9f6 !important;
    box-shadow: 0 2px 14px rgba(26, 26, 23, 0.08) !important;
  }

  .eb-menu-inner {
    padding: 20px 24px;
  }
  #eb-menu-nav.eb-scrolled .eb-menu-inner {
    padding: 20px 24px;
  }

  .eb-menu-links-desktop {
    display: none;
  }

  .eb-menu-hamburguer {
    display: flex;
  }

  /* ícone sempre escuro no mobile, já que o fundo agora é sempre claro */
  #eb-menu-nav .eb-menu-hamburguer span,
  #eb-menu-nav.eb-scrolled .eb-menu-hamburguer span,
  #eb-menu-nav.eb-menu-nav--claro .eb-menu-hamburguer span {
    background-color: #1a1a17 !important;
  }
}/* End custom CSS */