.elementor-700 .elementor-element.elementor-element-0889281{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-5e186a9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-a0b7ece{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-9c8731d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-700 .elementor-element.elementor-element-9c8731d:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-9c8731d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F5;}.elementor-700 .elementor-element.elementor-element-507fd01{--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;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-437a1b3{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-c68acb7{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-c68acb7.e-con{--order:-99999 /* order start hack */;}.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 );line-height:var( --e-global-typography-text-line-height );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-700 .elementor-element.elementor-element-5d96529{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 );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.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 );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-700 .elementor-element.elementor-element-a56773e{right:-4.175%;}body.rtl .elementor-700 .elementor-element.elementor-element-a56773e{left:-4.175%;}.elementor-700 .elementor-element.elementor-element-a56773e{top:-16.199%;}.elementor-700 .elementor-element.elementor-element-a56773e img{width:85%;}.elementor-700 .elementor-element.elementor-element-8dc1718{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0196px;--padding-bottom:196px;--padding-left:32px;--padding-right:32px;}.elementor-700 .elementor-element.elementor-element-8dc1718:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-8dc1718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F5;}.elementor-700 .elementor-element.elementor-element-2460b95{--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;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-56f89f2{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-2fb3140.elementor-element{--align-self:flex-start;}.elementor-700 .elementor-element.elementor-element-b87d0f3{margin:23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Nata Sans", Sans-serif;font-size:15px;font-weight:300;line-height:1.85em;color:var( --e-global-color-text );}.elementor-700 .elementor-element.elementor-element-7aa48bd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-7aa48bd.e-con{--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-700 .elementor-element.elementor-element-d955c4b{right:0%;}body.rtl .elementor-700 .elementor-element.elementor-element-d955c4b{left:0%;}.elementor-700 .elementor-element.elementor-element-d955c4b{top:-21%;}.elementor-700 .elementor-element.elementor-element-d955c4b img{width:85%;}.elementor-700 .elementor-element.elementor-element-50af64b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-700 .elementor-element.elementor-element-50af64b:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-50af64b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-700 .elementor-element.elementor-element-ecf5309{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-08ab535{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-08ab535.e-con{--order:-99999 /* order start hack */;}.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 );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-700 .elementor-element.elementor-element-399715b.elementor-element{--align-self:center;}.elementor-700 .elementor-element.elementor-element-399715b{text-align:center;}.elementor-700 .elementor-element.elementor-element-399715b .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-secondary );}.elementor-700 .elementor-element.elementor-element-947daec{text-align:center;font-family:var( --e-global-typography-a115653-font-family ), Sans-serif;font-size:var( --e-global-typography-a115653-font-size );font-weight:var( --e-global-typography-a115653-font-weight );text-transform:var( --e-global-typography-a115653-text-transform );line-height:var( --e-global-typography-a115653-line-height );letter-spacing:var( --e-global-typography-a115653-letter-spacing );color:var( --e-global-color-secondary );}.elementor-700 .elementor-element.elementor-element-504ddc5{--display:flex;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-9013c3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-d3df04a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:98px;--padding-bottom:98px;--padding-left:32px;--padding-right:32px;}.elementor-700 .elementor-element.elementor-element-d3df04a:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-d3df04a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F5;}.elementor-700 .elementor-element.elementor-element-a7e50d1{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-700 .elementor-element.elementor-element-2e7d63c{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-c3f8f98.elementor-element{--align-self:center;}.elementor-700 .elementor-element.elementor-element-02110c3{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-700 .elementor-element.elementor-element-948a4ef{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-700 .elementor-element.elementor-element-b25724f{--e-image-carousel-slides-to-show:6;}.elementor-700 .elementor-element.elementor-element-d8f04d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-5d96529{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-399715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-947daec{font-size:var( --e-global-typography-a115653-font-size );line-height:var( --e-global-typography-a115653-line-height );letter-spacing:var( --e-global-typography-a115653-letter-spacing );}}@media(max-width:1024px){.elementor-700 .elementor-element.elementor-element-9c8731d{--padding-top:128px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-5d96529{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-8dc1718{--padding-top:128px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-399715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-947daec{font-size:var( --e-global-typography-a115653-font-size );line-height:var( --e-global-typography-a115653-line-height );letter-spacing:var( --e-global-typography-a115653-letter-spacing );}.elementor-700 .elementor-element.elementor-element-d3df04a{--padding-top:64px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-700 .elementor-element.elementor-element-b25724f{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-9c8731d{--padding-top:128px;--padding-bottom:064px;--padding-left:20px;--padding-right:20px;}.elementor-700 .elementor-element.elementor-element-78bff65{width:100%;max-width:100%;}.elementor-700 .elementor-element.elementor-element-c68acb7.e-con{--order:99999 /* order end hack */;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-5d96529{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-8dc1718{--padding-top:128px;--padding-bottom:064px;--padding-left:20px;--padding-right:20px;}.elementor-700 .elementor-element.elementor-element-2fb3140.elementor-element{--align-self:flex-start;}.elementor-700 .elementor-element.elementor-element-7aa48bd.e-con{--order:99999 /* order end hack */;}.elementor-700 .elementor-element.elementor-element-ae8fe7d{width:100%;max-width:100%;}.elementor-700 .elementor-element.elementor-element-50af64b{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-399715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-947daec{font-size:var( --e-global-typography-a115653-font-size );line-height:var( --e-global-typography-a115653-line-height );letter-spacing:var( --e-global-typography-a115653-letter-spacing );}.elementor-700 .elementor-element.elementor-element-504ddc5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-700 .elementor-element.elementor-element-d3df04a{--padding-top:64px;--padding-bottom:128px;--padding-left:20px;--padding-right:20px;}.elementor-700 .elementor-element.elementor-element-b25724f{--e-image-carousel-slides-to-show:3;}}@media(min-width:2400px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-700 .elementor-element.elementor-element-5d96529{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-399715b .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-700 .elementor-element.elementor-element-947daec{font-size:var( --e-global-typography-a115653-font-size );line-height:var( --e-global-typography-a115653-line-height );letter-spacing:var( --e-global-typography-a115653-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-4755727 *//* =============================================
   SOHË — HERO SOBRE NÓS
   CSS Personalizado do widget HTML do hero.
   (sem tags <style>) · Grid 1280 · 100vh
   Hero fotográfico escuro + headline clara.
   ============================================= */

.sohe-sobre-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #2a231f;
  overflow: hidden;
  height: 100vh;
  min-height: 720px;
}

/* ── INTRO LOADER ── */
/* Fundo nude por cima da foto (z entre o bg e o texto, pra headline
   aparecer escura sobre ele). O JS revela quando a foto carrega;
   o fallback abaixo some sozinho se o JS não rodar. */
.sohe-sobre-hero__intro {
  position: absolute;
  inset: 0;
  background: #F7F6F5;
  z-index: 2;
  pointer-events: none;
  animation: soheSobreIntroFallback 0.8s 5s forwards;
}

@keyframes soheSobreIntroFallback { to { opacity: 0; visibility: hidden; } }

/* ── BACKGROUND ── */
.sohe-sobre-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.sohe-sobre-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center 32%;
  background-repeat: no-repeat;
  filter: brightness(0.9) saturate(0.95) contrast(1.02);
  transform: scale(1.08);
  transform-origin: center center;
  will-change: transform;
}

/* Overlay puxado pro marrom — mais forte à esquerda (onde o texto senta) */
.sohe-sobre-hero__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      100deg,
      rgba(45, 37, 33, 0.88) 0%,
      rgba(45, 37, 33, 0.62) 34%,
      rgba(45, 37, 33, 0.28) 66%,
      rgba(45, 37, 33, 0.12) 100%
    ),
    linear-gradient(
      180deg,
      rgba(45, 37, 33, 0.42) 0%,
      transparent 26%,
      transparent 62%,
      rgba(28, 23, 20, 0.62) 100%
    ),
    rgba(63, 52, 47, 0.16);
}

/* ── CORPO ── */
.sohe-sobre-hero__body {
  position: relative;
  z-index: 3;
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 60px; /* = altura do menu (60px): centraliza o bloco no espaço abaixo dele */
}

.sohe-sobre-hero__container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 1280px) { .sohe-sobre-hero__container { padding: 0 32px; } }
@media (max-width: 768px)  { .sohe-sobre-hero__container { padding: 0 20px; } }

/* ── EYEBROW ── */
.sohe-sobre-hero__eyebrow {
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(247, 246, 245, 0.72);
  margin: 0 0 44px;
  opacity: 0;
}

/* ── TÍTULO ── */
.sohe-sobre-hero__title {
  display: inline-block;
  font-weight: 300;
  line-height: 1.04;
  margin: 20px 0 0; /* soma aos 44px do eyebrow (inline-block não colapsa) → gap 64px */
  max-width: 62%;
  text-shadow: 0 2px 40px rgba(28, 23, 20, 0.35);
  opacity: 0;
}

.sohe-sobre-hero__line-1 {
  display: block;
  font-family: 'Nata Sans', sans-serif;
  font-weight: 300;
  font-size: clamp(26px, 2.65vw, 42px);
  letter-spacing: -0.035em;
  text-transform: uppercase;
  color: #F7F6F5;
  white-space: nowrap;
}

.sohe-sobre-hero__line-2 {
  display: block;
  font-family: 'Fahkwang', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(19px, 2vw, 32px);
  letter-spacing: 0;
  color: #F7F6F5;
  margin-top: 0.3em;
  padding-left: 1.4em;
  white-space: nowrap;
}

/* ── INDICADOR DE SCROLL ── */
/* Vertical (igual à home), mas alinhado à esquerda do grid de 1280 */
.sohe-sobre-hero__scroll {
  position: absolute;
  bottom: 44px;
  left: max(32px, calc((100% - 1280px) / 2));
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  opacity: 0;
  pointer-events: none;
}

.sohe-sobre-hero__scroll-text {
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: rgba(247, 246, 245, 0.6);
}

.sohe-sobre-hero__scroll-line {
  display: block;
  width: 1px;
  height: 56px;
  background: linear-gradient(to bottom, rgba(247, 246, 245, 0.7), transparent);
  transform-origin: top;
  animation: soheSobreHeroCue 2.4s ease-in-out infinite;
}

@keyframes soheSobreHeroCue {
  0%, 100% { transform: scaleY(0.4); opacity: 0.3; transform-origin: top; }
  50%      { transform: scaleY(1);   opacity: 1;   }
}

/* ══════════════════════════════════════
   FALLBACK — revela se o JS/GSAP não rodar
   (o JS cancela essas animações e assume)
   ══════════════════════════════════════ */
@keyframes soheSobreHeroFallback { to { opacity: 1; } }
.sohe-sobre-hero__eyebrow { animation: soheSobreHeroFallback 0.6s 1.8s forwards; }
.sohe-sobre-hero__title   { animation: soheSobreHeroFallback 0.6s 1.8s forwards; }

/* ══════════════════════════════════════
   RESPONSIVO
   ══════════════════════════════════════ */
@media (max-width: 900px) {
  /* Hero proporcional à foto mobile (1024 x 1711) em vez de 100vh.
     A altura sai da largura pela proporção da imagem → foto inteira,
     sem distorção. min/max são só travas de segurança. */
  .sohe-sobre-hero {
    height: auto;
    aspect-ratio: 1024 / 1711;
    min-height: 520px;
    max-height: 92vh;
  }
  .sohe-sobre-hero__image {
    background-image: url('https://sohe.com.br/wp-content/uploads/2026/07/arquitetas-1.webp') !important;
    background-position: center 30%;
  }
  .sohe-sobre-hero__title { max-width: 100%; }
  .sohe-sobre-hero__line-1,
  .sohe-sobre-hero__line-2 { white-space: normal; }
  .sohe-sobre-hero__line-2 { padding-left: 0; max-width: none; }
  .sohe-sobre-hero__scroll { bottom: 32px; }
}

/* Em telas estreitas o grid usa padding 20px → alinha o scroll nele */
@media (max-width: 768px) {
  .sohe-sobre-hero__scroll { left: 20px; }
  /* headline na proporção da home (line-1 ×0.91 / line-2 ×0.80) — home 768 */
  .sohe-sobre-hero__line-1 { font-size: clamp(20px, 4.55vw, 29px); }
  .sohe-sobre-hero__line-2 { font-size: clamp(16px, 3.84vw, 22px); }
}

@media (max-width: 480px) {
  /* home 480 × proporção da Sobre (line-1 ×0.91 / line-2 ×0.80) */
  .sohe-sobre-hero__line-1 { font-size: clamp(16px, 4.73vw, 24px); }
  .sohe-sobre-hero__line-2 { font-size: clamp(13px, 3.68vw, 19px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa063ed *//* =============================================
   SOHË — SOBRE · FAIXA DE MARCADORES (marquee)
   CSS Personalizado do widget HTML.
   (sem tags <style>) · Vai abaixo do hero.
   Esteira contínua, lenta e discreta, com fade
   nas pontas e pause no hover. CSS puro (sem JS).
   ============================================= */

.sohe-marks {
  position: relative;
  width: 100%;
  padding: 26px 0;
  overflow: hidden;
  background: #F7F6F5;
  border-top: 1px solid rgba(63, 52, 47, 0.10);
  border-bottom: 1px solid rgba(63, 52, 47, 0.10);
}

/* Janela com fade nas pontas (máscara) */
.sohe-marks__viewport {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
}

/* Esteira — anda metade da largura (loop perfeito, pois as cópias são idênticas) */
.sohe-marks__track {
  display: flex;
  width: max-content;
  align-items: center;
  animation: soheMarksScroll 60s linear infinite;
  will-change: transform;
}

.sohe-marks:hover .sohe-marks__track {
  animation-play-state: paused;
}

@keyframes soheMarksScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* Item */
.sohe-marks__item {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  font-family: 'Nata Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(63, 52, 47, 0.55);
  white-space: nowrap;
}

.sohe-marks__item b {
  font-weight: 500;
  color: #3F342F;
  /* margem garante o espaço entre a palavra em negrito e o texto ao lado
     (o inline-flex do item corta o espaço normal entre <b> e o texto) */
  margin: 0 0.32em;
}

/* Separador — losango Areia Natural entre os itens */
.sohe-marks__item::after {
  content: '';
  flex: 0 0 auto;
  width: 4px;
  height: 4px;
  margin: 0 42px;
  background: #95785D;
  opacity: 0.55;
  transform: rotate(45deg);
}

/* Respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  .sohe-marks__track {
    animation: none;
    justify-content: center;
    width: 100%;
  }
}

/* ── RESPONSIVO ── */
@media (max-width: 768px) {
  .sohe-marks { padding: 20px 0; }
  .sohe-marks__item { font-size: 11px; letter-spacing: 0.14em; }
  .sohe-marks__item::after { margin: 0 28px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54207a7 *//* =============================================
   SOHË — SOBRE · STATEMENT INSTITUCIONAL
   CSS Personalizado do widget HTML.
   (sem tags <style>) · Abaixo da faixa de marcadores.
   Centralizado, padding generoso, reveal palavra a
   palavra (o split em <span> é feito pelo JS).
   ============================================= */

.sohe-statement {
  padding: 196px 32px;
  text-align: center;
  background: #F7F6F5;
}

.sohe-statement__inner {
  max-width: 920px;
  margin: 0 auto;
}

/* ── EYEBROW ── */
.sohe-statement__eyebrow {
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #95785D;
  margin: 0 0 40px;
  opacity: 0; /* revelado pelo JS */
}

/* ── TEXTO ── */
.sohe-statement__text {
  font-family: 'Nata Sans', sans-serif;
  font-weight: 300;
  font-size: clamp(20px, 2.1vw, 29px);
  line-height: 1.62;
  letter-spacing: -0.005em;
  color: #3F342F;
  margin: 0;
  opacity: 0; /* revelado pelo JS (bloco entra em foco) */
  will-change: opacity, filter, transform;
}

/* ══════════════════════════════════════
   FALLBACK — revela se o JS/GSAP não rodar
   (o JS cancela e assume a animação)
   ══════════════════════════════════════ */
@keyframes soheStatementFallback { to { opacity: 1; } }
.sohe-statement__eyebrow { animation: soheStatementFallback 0.6s 1.6s forwards; }
.sohe-statement__text    { animation: soheStatementFallback 0.6s 1.6s forwards; }

/* ── RESPONSIVO ── */
@media (max-width: 768px) {
  .sohe-statement { padding: 128px 20px; }
  .sohe-statement__eyebrow { margin-bottom: 30px; }
  .sohe-statement__text {
    font-size: clamp(18px, 5vw, 24px);
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78bff65 *//* =============================================
   SOHË — SOBRE · FOTO 16:9 (parallax)
   CSS do widget. (sem tags <style>)
   Reveal direita→esquerda (scrubado, no JS) + parallax.
   Componente próprio — não depende de outras fotos.
   ============================================= */

.sohe-photo-wide {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.sohe-photo-wide__image {
  position: absolute;
  inset: 0 0 -20% 0;     /* folga inferior p/ o parallax */
  width: 100%;
  height: 120%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a56773e */.elementor-700 .elementor-element.elementor-element-a56773e{
    
    opacity: 0.05;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fb3140 *//* =============================================
   SOHË — HEADLINE (componente reutilizável)
   Padrão: line-1 Nata Sans uppercase + line-2 Fahkwang lowercase
   ============================================= */

.sohe-headline {
  display: inline-block;
  font-weight: 300;
  line-height: 1.08;
  margin: 0;
  opacity: 0;
}

.sohe-headline__line-1 {
  display: block;
  font-family: 'Nata Sans', sans-serif;
  font-weight: 300;
  font-size: clamp(20px, 2.07vw, 33px);
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #3F342F;
  white-space: nowrap;
}

.sohe-headline__line-2 {
  display: block;
  font-family: 'Fahkwang', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(19px, 2vw, 32px);
  letter-spacing: 0;
  color: #3F342F;
  white-space: nowrap;
  margin-top: 0.1em;
  padding-left: 2.2em;
}

@media (max-width: 768px) {
  .sohe-headline__line-1 { font-size: clamp(21px, 5.4vw, 28px); }
  .sohe-headline__line-2 {
    font-size: clamp(19px, 4.8vw, 25px);
    padding-left: 1.6em;
  }
  .sohe-headline__line-1,
  .sohe-headline__line-2 { white-space: normal; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae8fe7d *//* SOHË — Foto vertical com parallax (igual home) */
.sohe-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.sohe-photo__image {
  position: absolute;
  inset: 0 0 -20% 0;
  width: 100%;
  height: 120%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  will-change: transform;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d955c4b */.elementor-700 .elementor-element.elementor-element-d955c4b{
    
    opacity: 0.05;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-947daec */.elementor-700 .elementor-element.elementor-element-947daec{
    
    text-wrap: balance;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78278bc *//* =============================================
   SOHË — VÍDEO (na faixa escura, no lugar do carrossel)
   CSS Personalizado do widget HTML. (sem tags <style>)
   Mesmo alinhamento do .sohe-clients: 83% / max 1062px.
   ============================================= */

.sohe-video {
  position: relative;
  width: 83%;
  max-width: 1062px;
  margin: 0 auto;
}

/* Moldura responsiva 16:9 */
.sohe-video__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #2C2421;
  border: 1px solid rgba(203, 190, 165, 0.14); /* fio Areia, discreto */
}

.sohe-video__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* ── Legenda opcional (fundadora) ── */
.sohe-video__caption {
  margin-top: 30px;
  text-align: center;
}

.sohe-video__quote {
  font-family: 'Fahkwang', sans-serif;
  font-style: italic;
  font-weight: 200;
  font-size: clamp(15px, 1.4vw, 19px);
  line-height: 1.6;
  color: rgba(231, 226, 222, 0.80);
  margin: 0;
}

.sohe-video__author {
  font-family: 'Nata Sans', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(203, 190, 165, 0.85);
  margin: 14px 0 0;
}

.sohe-video__author span {
  font-weight: 300;
  text-transform: none;
  letter-spacing: 0.02em;
  color: rgba(203, 190, 165, 0.45);
}

/* ── RESPONSIVO ── */
@media (max-width: 768px) {
  .sohe-video { width: 90%; max-width: none; }
  .sohe-video__caption { margin-top: 24px; }
  .sohe-video__quote { font-size: clamp(14px, 3.4vw, 17px); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2524e53 *//* =============================================
   SOHË — SOBRE · MANIFESTO
   CSS Personalizado do widget HTML. (sem tags <style>)
   Full-bleed: bg do dente com parallax (camada própria) +
   coluna à esquerda (eyebrow + headline + parágrafo).
   Headline usa .sohe-headline → reveal por blur automático.
   ============================================= */

.sohe-manifesto {
  position: relative;
  width: 100%;
  padding: 196px 32px;          /* respiro igual ao statement */
  overflow: hidden;             /* recorta a folga do parallax */
  background-color: #F7F6F5;    /* fallback */
}

/* Camada do bg — recebe o parallax (transform) */
.sohe-manifesto__bg {
  position: absolute;
  inset: -12% -32px;            /* folga vertical p/ parallax + sangra a calha lateral */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: transform;
  z-index: 0;
}

/* Dissolve a textura na cor da próxima dobra (rodapé) —
   fica fixo na seção (não acompanha o parallax do bg) */
.sohe-manifesto::after {
  content: '';
  position: absolute;
  inset: 0 -32px;               /* sangra a calha lateral */
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(247, 246, 245, 0) 62%, #F7F6F5 100%);
}

/* Grid — conteúdo alinhado ao grid de 1280, SEM padding interno */
.sohe-manifesto__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* ── Eyebrow ── */
.sohe-manifesto__eyebrow {
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #95785D;
  margin: 0 0 48px;
}

/* headline = .sohe-headline (tamanho padrão, coerente com o resto) */

/* ── Parágrafo descritivo (spec do print) ── */
.sohe-manifesto__text {
  font-family: 'Nata Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
  color: rgba(63, 52, 47, 0.82);
  max-width: 620px;              /* coluna de leitura p/ o manifesto completo */
  margin: 48px 0 0;
}
.sohe-manifesto__text p { margin: 0 0 20px; }
.sohe-manifesto__text p:last-child { margin-bottom: 0; }

/* Assinatura de fecho */
.sohe-manifesto__sign {
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #95785D;
  margin: 40px 0 0;
}

/* ── RESPONSIVO ── */
@media (max-width: 768px) {
  .sohe-manifesto {
    padding: 128px 20px;          /* respiro igual ao statement */
  }
  .sohe-manifesto__bg {
    inset: -12% -20px;           /* sangra a calha lateral */
    background-position: center right; /* sombras à direita */
  }
  .sohe-manifesto::after { inset: 0 -20px; }
  .sohe-manifesto__eyebrow { margin-bottom: 36px; }
  .sohe-manifesto__text { max-width: none; margin-top: 38px; }
}


/* ── CTA (botão) ── */
.sohe-manifesto__cta { margin: 40px 0 0; }
.sohe-manifesto__cta .sohe-cta,
.sohe-manifesto__cta .sohe-cta:link,
.sohe-manifesto__cta .sohe-cta:visited {
  display: inline-block;
  font-family: 'Nata Sans', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #3F342F;
  text-decoration: none;
  padding-bottom: 8px;
  border-bottom: 1.5px solid rgba(149, 120, 93, 0.8);
  transition: border-color 0.4s ease, color 0.4s ease;
}
.sohe-manifesto__cta .sohe-cta:hover,
.sohe-manifesto__cta .sohe-cta:focus {
  color: #95785D;
  border-color: #95785D;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3f8f98 *//* =============================================
   SOHË — SOBRE · HEADLINE Clientes e Parceiros
   CSS do widget. (sem tags <style>)
   Headline de uma linha, centralizada. Usa .sohe-headline
   (reveal por blur automático).
   ============================================= */

.sohe-clientes-head__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  text-align: center;        /* headline centralizada */
}

@media (max-width: 768px) {
  .sohe-clientes-head__inner { padding: 0 20px; }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-b25724f */.elementor-700 .elementor-element.elementor-element-b25724f .swiper-wrapper{
  transition-timing-function: linear !important; 
  -webkit-transition-timing-function: linear !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nata Sans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Light.woff2') format('woff2'),
		url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Light.woff') format('woff'),
		url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Nata Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Regular.woff2') format('woff2'),
		url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Regular.woff') format('woff'),
		url('https://sohe.com.br/wp-content/uploads/2026/06/NataSans-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */