.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#1E1E1E;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:#F3EFE6;font-family:"Inter", Sans-serif;}.elementor-kit-5 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);}@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 que dispara o hover */ .hover-revela { position: relative; overflow: hidden; /* valores padrão (pode sobrescrever por container) */ --img-w: 900px; /* largura da imagem */ --img-h: auto; /* altura (auto, ou ex: 200px) */ --img-x: 0%; /* posição horizontal: px, %, etc. */ --img-y: -1000%; /* posição vertical: px, %, etc. */ --img-anchor: -50% -50%; /* âncora para centralizar (x y) */ } /* Imagem absoluta, inicialmente oculta */ .hover-revela .hover-revela__foto { position: absolute; width: var(--img-w); height: var(--img-h); left: var(--img-x); top: var(--img-y); transform: translate(var(--img-anchor)) scale(1.05); opacity: 0; object-fit: cover; /* troque para contain se preferir */ transition: opacity .3s ease, transform .3s ease; pointer-events: none; z-index: 2; } /* Revela no hover */ .hover-revela:hover .hover-revela__foto { opacity: 1; transform: translate(var(--img-anchor)) scale(1); }

/* GSAP SCROLL */
.scroll-pin{
  position: relative; /* o pin vem do GSAP */
  height: 100vh;
  overflow: hidden;
}
.scroll-track{
  display: flex;
  height: 100%;
  will-change: transform;
}
.slide-panel{
  flex: 0 0 100vw;
  height: 100vh;
  /* opcional pra teste: display:grid;place-items:center;font-size:48px;color:#fff; */
}/* End custom CSS */