.elementor-kit-8{--e-global-color-primary:#F8F8F8;--e-global-color-secondary:#003720;--e-global-color-text:#003720;--e-global-color-accent:#0C442C;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-text-font-family:"Sora";--e-global-typography-text-font-size:28px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:capitalize;--e-global-typography-accent-font-family:"Sora";--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-c8cc894-font-family:"Sora";--e-global-typography-c8cc894-font-size:17px;--e-global-typography-c8cc894-text-transform:capitalize;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container raiz: segura o track e esconde barra/overflow */
.scroll-x {
  position: relative;
  overflow: hidden !important;   /* some a barra e evita scroll */
}

/* Trilho que se move em loop */
.scroll-x__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;                     /* ajuste se quiser */
  will-change: transform;
}

/* Itens não quebram e não “shrinkam” */
.scroll-x > .scroll-x__track > * {
  flex: 0 0 auto;
  max-width: none !important;
}

/* Neutraliza larguras herdadas do Elementor */
.scroll-x .elementor-element {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Imagens: não esticar 100% */
.scroll-x .elementor-widget-image img {
  display: block;
  width: auto !important;
  max-width: none !important;
  height: auto;
}

/* Acessibilidade: se o usuário prefere menos animação, não mova */
@media (prefers-reduced-motion: reduce) {
  .scroll-x__track { animation: none !important; transform: none !important; }
}

/* 1) Mata qualquer rolagem horizontal da página inteira */
@supports (overflow-x: clip) {
  html, body { overflow-x: clip; }
}
@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden; }
}

/* 2) Boas práticas para evitar vazamento lateral */
*, *::before, *::after { box-sizing: border-box; }

/* Mídias não estouram a viewport */
img, svg, video, canvas, iframe { 
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* 3) Compensa o "100vw" (quando usado) para não criar barra por causa da largura da scrollbar */
:root { --sbw: calc(100vw - 100%); } /* largura da barra de rolagem */
.full-bleed, .is-100vw, .elementor-section-stretched {
  width: calc(100vw - var(--sbw)) !important; /* evita overflow por 100vw */
}

/* 4) Garanta que grandes wrappers não vazem (sem mexer no nosso scroller) */
body > #page,
body > .site,
body > .elementor,
body > .elementor-location-header,
body > .elementor-location-footer {
  max-width: 100%;
  overflow-x: clip;
}

/* 5) NÃO mexa no carrossel que criamos: mantém como está */
.scroll-x { 
  /* nosso carrossel usa overflow hidden/transform internamente */
  /* não sobrescrever aqui */
}
.scroll-x__track { will-change: transform; } /* ok continuar suave */

/* 6) Opcional: trava overscroll lateral (impede “puxão” no mobile) */
html, body { overscroll-behavior-x: none; }/* End custom CSS */