.elementor-22 .elementor-element.elementor-element-1ede191{--display:flex;}.elementor-22 .elementor-element.elementor-element-44f70e8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-22 .elementor-element.elementor-element-44f70e8:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-44f70e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3e6b040 );}.elementor-22 .elementor-element.elementor-element-9dec92b{--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;}.elementor-22 .elementor-element.elementor-element-f86ecf6{--display:flex;}.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-22 .elementor-element.elementor-element-d3b5a6b .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-b896deb );}.elementor-22 .elementor-element.elementor-element-02c1c93{--display:flex;--justify-content:flex-end;}.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-22 .elementor-element.elementor-element-2bb35dd{color:var( --e-global-color-c7f6013 );}.elementor-22 .elementor-element.elementor-element-8eac5d1{--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:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{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 );}.elementor-widget-loop-grid .e-load-more-message{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 );}.elementor-22 .elementor-element.elementor-element-e099b26{--grid-columns:3;}.elementor-22 .elementor-element.elementor-element-c55e392{--display:flex;}.elementor-22 .elementor-element.elementor-element-5b8044e{--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;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-22 .elementor-element.elementor-element-5b8044e:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-5b8044e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b896deb );}.elementor-22 .elementor-element.elementor-element-51c2521{--display:flex;--justify-content:center;}.elementor-22 .elementor-element.elementor-element-c96b18f{--display:flex;}.elementor-22 .elementor-element.elementor-element-ccdd09c .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-3e6b040 );}.elementor-22 .elementor-element.elementor-element-2baed6d{color:var( --e-global-color-3e6b040 );}.elementor-22 .elementor-element.elementor-element-b73bf33{--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-22 .elementor-element.elementor-element-f0ac1e3{--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;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-22 .elementor-element.elementor-element-f0ac1e3:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-f0ac1e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242421;}.elementor-22 .elementor-element.elementor-element-b6e9886{--display:flex;--justify-content:center;}.elementor-22 .elementor-element.elementor-element-b6c1b6d .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-text );}.elementor-22 .elementor-element.elementor-element-829e8a7{color:var( --e-global-color-c7f6013 );}.elementor-22 .elementor-element.elementor-element-845c177{--display:flex;--justify-content:center;}.elementor-22 .elementor-element.elementor-element-845c177.e-con{--order:-99999 /* order start hack */;}.elementor-22 .elementor-element.elementor-element-0c889f4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-22 .elementor-element.elementor-element-0c889f4:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-0c889f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-2035f98{--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;}.elementor-22 .elementor-element.elementor-element-30ea2f8{--display:flex;}.elementor-22 .elementor-element.elementor-element-d6f32ea .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-3e6b040 );}.elementor-22 .elementor-element.elementor-element-8629bde{--display:flex;--justify-content:flex-end;}.elementor-22 .elementor-element.elementor-element-470c542{color:var( --e-global-color-3e6b040 );}.elementor-22 .elementor-element.elementor-element-b91c56e{--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;}.elementor-22 .elementor-element.elementor-element-b904d27{--display:flex;}.elementor-22 .elementor-element.elementor-element-562fc89{--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-22 .elementor-element.elementor-element-114cbcd{--display:flex;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-02c1c93{--width:50%;}.elementor-22 .elementor-element.elementor-element-8629bde{--width:50%;}}@media(max-width:1366px){.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-22 .elementor-element.elementor-element-d3b5a6b .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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{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-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{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-22 .elementor-element.elementor-element-ccdd09c .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-22 .elementor-element.elementor-element-b6c1b6d .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-22 .elementor-element.elementor-element-d6f32ea .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 );}}@media(max-width:1024px){.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-22 .elementor-element.elementor-element-d3b5a6b .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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{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-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{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-22 .elementor-element.elementor-element-e099b26{--grid-columns:2;}.elementor-22 .elementor-element.elementor-element-ccdd09c .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-22 .elementor-element.elementor-element-b6c1b6d .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-22 .elementor-element.elementor-element-d6f32ea .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 );}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-44f70e8{--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-22 .elementor-element.elementor-element-d3b5a6b .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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{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-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{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-22 .elementor-element.elementor-element-e099b26{--grid-columns:1;}.elementor-22 .elementor-element.elementor-element-5b8044e{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-6c3f270{width:100%;max-width:100%;}.elementor-22 .elementor-element.elementor-element-ccdd09c .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-22 .elementor-element.elementor-element-f0ac1e3{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-b6c1b6d .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-22 .elementor-element.elementor-element-845c177.e-con{--order:-99999 /* order start hack */;}.elementor-22 .elementor-element.elementor-element-7a4ed0e{width:100%;max-width:100%;}.elementor-22 .elementor-element.elementor-element-0c889f4{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-d6f32ea .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 );}}@media(min-width:2400px){.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-22 .elementor-element.elementor-element-d3b5a6b .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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-loop-grid .elementor-pagination{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-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{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-22 .elementor-element.elementor-element-ccdd09c .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-22 .elementor-element.elementor-element-b6c1b6d .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-22 .elementor-element.elementor-element-d6f32ea .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 );}}/* Start custom CSS for html, class: .elementor-element-6c9d5fd *//* TESTE DE FONTE — remover quando a escolha estiver no kit */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600&display=swap');

/* ============================================================
   PARQUE AVENTURAS · HOME · HERO
   Colar no CSS personalizado DO WIDGET HTML (Avançado > CSS)
   Sem `.elementor-22 .elementor-element.elementor-element-6c9d5fd`: as classes .pa-hero__* já são namespace único
   Grid 1280 · padding lateral 32px só abaixo do grid · 20px mobile
   ============================================================ */

.pa-hero{
  position:relative;
  background-color:#242421;
  color:#F2F0E8;
}

/* palco da imagem — exatamente 100svh, a faixa fica fora dele */
.pa-hero__stage{
  position:relative;
  height:100svh;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}

/* wrapper criado pelo JS — carrega a folga e o parallax,
   deixando o transform do .pa-hero__bg livre pro zoom de entrada */
.pa-hero__bgwrap{
  position:absolute;
  top:-6%;
  left:0;
  right:0;
  bottom:-6%;
  z-index:0;
  will-change:transform;
}
/* dentro do wrapper, o bg preenche tudo (a folga já é do wrapper) */
.pa-hero__bgwrap > .pa-hero__bg{top:0;bottom:0}
.pa-hero__bg{
  position:absolute;
  top:-6%;left:0;right:0;bottom:-6%;   /* fallback sem JS */
  z-index:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform-origin:52% 46%;   /* ponto do zoom-out de entrada */
  /* grade cinematográfica: mais preto, verde menos berrante,
     leve calor no meio-tom — a foto ganha profundidade */
  filter:brightness(.86) contrast(1.14) saturate(.88);
}

/* ---------- overlay em camadas (tudo CSS, imagem intocada) ---------- */
.pa-hero__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    /* 1 · base do texto — sobe do rodapé, forte onde vive o título */
    linear-gradient(180deg,
      rgba(10,12,11,.52) 0%,
      rgba(10,12,11,.14) 26%,
      rgba(10,12,11,.10) 44%,
      rgba(10,12,11,.62) 74%,
      rgba(10,12,11,.94) 100%),
    /* 2 · reforço na esquerda, onde o título encosta na água */
    linear-gradient(100deg,
      rgba(10,12,11,.72) 0%,
      rgba(10,12,11,.34) 28%,
      rgba(10,12,11,.04) 56%,
      rgba(10,12,11,0) 100%),
    /* 3 · vinheta oval — fecha os cantos e concentra o olhar no centro */
    radial-gradient(ellipse 92% 78% at 52% 44%,
      rgba(10,12,11,0) 34%,
      rgba(10,12,11,.30) 72%,
      rgba(10,12,11,.72) 100%),
    /* 4 · sangria dos cantos, pra imagem não bater na borda */
    radial-gradient(circle at 0% 0%,   rgba(10,12,11,.55), transparent 42%),
    radial-gradient(circle at 100% 0%, rgba(10,12,11,.55), transparent 42%);
}

/* halo verde-frio na zona da água — puxa a cor da marca pra imagem
   sem tocar no arquivo. blend 'screen' só clareia, nunca suja. */
.pa-hero__overlay::before{
  content:'';
  position:absolute;
  left:50%;
  top:38%;
  width:66%;
  height:62%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,
    rgba(0,201,98,.13) 0%,
    rgba(0,169,83,.05) 46%,
    transparent 72%);
  mix-blend-mode:screen;
  pointer-events:none;
}

/* textura de grão — tira o aspecto "digital limpo" da foto */
.pa-hero__overlay::after{
  content:'';
  position:absolute;
  inset:0;
  opacity:.055;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- grid interno 1280 ---------- */
.pa-hero__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  min-height:100svh;                 /* tela cheia — a faixa vem depois */
  box-sizing:border-box;
  padding:120px 0 96px;              /* topo = header fixo · base = --pad-y */
  display:flex;
  align-items:flex-end;
}

.pa-hero__content{
  width:100%;
  display:flex;
  align-items:flex-end;   /* as duas colunas colam na base */
  justify-content:space-between;
  gap:48px;
  flex-wrap:wrap;
}
.pa-hero__left,
.pa-hero__right{align-self:flex-end}
/* a coluna do título não encolhe abaixo do texto */
.pa-hero__left{flex:0 1 auto;min-width:0}
.pa-hero__title span,
.pa-hero__title em{white-space:nowrap}

/* ---------- coluna esquerda ---------- */
.pa-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:'Public Sans',sans-serif !important;
  font-weight:600;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#F2F0E8;
  /* sombra: garante leitura mesmo sobre a área clara da foto */
  text-shadow:0 1px 14px rgba(12,12,11,.85), 0 1px 3px rgba(12,12,11,.7);
}
.pa-hero__eyebrow::before{
  content:'+';
  font-size:15px;
  letter-spacing:0;
  line-height:1;
  color:#00C962;
  flex-shrink:0;
}

.pa-hero__title{
  font-family:'Outfit',sans-serif !important;
  font-weight:600 !important;
  font-size:96px;
  line-height:.9;
  letter-spacing:-.035em;
  text-transform:uppercase;
  color:#F2F0E8;
  margin:10px 0 0;
}
.pa-hero__title span{display:block}
/* máscara de linha — o JS embrulha cada linha num .pa-hero__line
   e anima o filho de dentro pra fora; o overflow:hidden faz o corte.
   O padding abre espaço pros diacríticos (acento do Á em cima,
   perna do J embaixo) e a margem negativa devolve esse espaço ao
   layout, então a entrelinha continua exatamente a definida.
   Ao trocar o texto da headline, revise estes valores. */
.pa-hero__line{
  display:block;
  overflow:hidden;
  padding-top:.18em;
  margin-top:-.18em;
  padding-bottom:.14em;
  margin-bottom:-.14em;
  /* o overflow:hidden também corta na horizontal — esta folga
     devolve o espaço da última letra sem alterar o layout */
  padding-right:.16em;
  margin-right:-.16em;
}
.pa-hero__title em{
  display:block;
  font-style:normal;
  color:#00A953;   /* destaque da última linha */
}

/* ---------- coluna direita ---------- */
.pa-hero__right{
  max-width:340px;
  padding-bottom:6px;
  text-align:right;
}
.pa-hero__sub{
  font-family:'Public Sans',sans-serif !important;
  font-weight:400;
  font-size:16px;
  line-height:1.65;
  color:#C2C0B5;
  margin:0 0 22px;
}
.pa-hero__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

/* ---------- faixa de credibilidade ---------- */
.pa-hero__specs{
  position:relative;
  z-index:2;
  background:#1B1B19;
  border-top:1px solid rgba(242,240,232,.13);
  border-bottom:1px solid rgba(242,240,232,.13);
}
/* filete neon curto marcando o início da faixa */
.pa-hero__specs::after{
  content:'';
  position:absolute;
  top:-1px;
  left:0;
  width:96px;
  height:2px;
  background:#00A953;
}
.pa-hero__specs-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.pa-hero__spec{
  padding:36px 20px;
  text-align:center;
  border-left:1px solid rgba(242,240,232,.13);
  transition:background .45s cubic-bezier(.19,1,.22,1);
}
.pa-hero__spec:first-child{border-left:0}
.pa-hero__spec:hover{background:rgba(242,240,232,.03)}
.pa-hero__spec b{
  display:block;
  font-family:'Outfit',sans-serif !important;
  font-weight:600;
  font-size:27px;
  line-height:1.15;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:#F2F0E8;
}
.pa-hero__spec span{
  display:block;
  margin-top:9px;
  font-family:'Public Sans',sans-serif !important;
  font-weight:600;
  font-size:10px;
  letter-spacing:.17em;
  line-height:1.5;
  text-transform:uppercase;
  color:#8A8880;
}

/* reveal (.pa-rv) vive no CSS GLOBAL — é utilitário de todas as seções */

/* ============================================================
   RESPONSIVO
   Padding lateral SÓ abaixo do grid (32px) e mobile (20px)
   ============================================================ */
@media (max-width:1280px){
  .pa-hero__inner{padding-left:32px;padding-right:32px}
  .pa-hero__specs-inner{padding-left:32px;padding-right:32px}
  /* imagem menor a partir daqui */
  .pa-hero__bg{
    background-image:url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/bg-hero-1285.webp') !important;
  }
}

@media (max-width:1100px){
  .pa-hero__title{font-size:71px}
  .pa-hero__content{
    flex-direction:column;
    align-items:flex-start;
    gap:32px;
  }
  /* em coluna, align-self passa a valer no eixo horizontal —
     precisa voltar pro início, senão os blocos vão pra direita */
  .pa-hero__left,
  .pa-hero__right{align-self:flex-start}
  .pa-hero__right{max-width:440px;padding-bottom:0;text-align:left}
  .pa-hero__actions{justify-content:flex-start}
}

@media (max-width:900px){
  .pa-hero__bg{background-position:center 38%}
  .pa-hero__title{font-size:53px}
  .pa-hero__specs-inner{grid-template-columns:repeat(2,1fr)}
  .pa-hero__spec:nth-child(odd){border-left:0}
  .pa-hero__spec:nth-child(3),
  .pa-hero__spec:nth-child(4){border-top:1px solid rgba(242,240,232,.13)}
  .pa-hero__spec{padding:28px 14px}
  .pa-hero__spec b{font-size:22px}
}

@media (max-width:768px){
  /* recorte vertical, pensado para a tela alta do celular */
  .pa-hero__bg{
    background-image:url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/bg-hero-mobile.webp') !important;
    background-position:center center;
  }
  .pa-hero__inner{padding:104px 20px 64px}
  .pa-hero__title{font-size:42px}
  .pa-hero__sub{font-size:15px}
  .pa-hero__overlay{
    background:
      linear-gradient(180deg,
        rgba(10,12,11,.58) 0%,
        rgba(10,12,11,.16) 30%,
        rgba(10,12,11,.74) 70%,
        rgba(10,12,11,.96) 100%),
      radial-gradient(ellipse 100% 70% at 50% 40%,
        rgba(10,12,11,0) 40%,
        rgba(10,12,11,.45) 100%);
  }
  .pa-hero__overlay::before{width:100%;height:50%}
  .pa-hero__specs-inner{
    grid-template-columns:repeat(2,1fr);
    padding-left:20px;
    padding-right:20px;
  }
  .pa-hero__spec{padding:24px 10px}
  .pa-hero__spec b{font-size:21px}
}

/* telas baixas — 100svh fica apertado, garante altura mínima util */
@media (max-height:680px) and (min-width:769px){
  .pa-hero__stage{height:auto;min-height:620px}
  .pa-hero__inner{min-height:620px;padding-top:96px;padding-bottom:64px}
  .pa-hero__title{font-size:62px}
}

/* celulares estreitos */
@media (max-width:380px){
  .pa-hero__title{font-size:34px}
  .pa-hero__spec{padding:20px 6px}
  .pa-hero__spec b{font-size:19px}
  .pa-hero__spec span{font-size:9px;letter-spacing:.14em}
}

/* respeita quem pediu menos movimento */
@media (prefers-reduced-motion:reduce){
  .pa-hero__bg,
  .pa-hero__bgwrap,
  .pa-hero__spec,
  .pa-hero__eyebrow,
  .pa-hero__title,
  .pa-hero__sub,
  .pa-hero__actions{transition:none !important;animation:none !important}
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2bb35dd */.elementor-22 .elementor-element.elementor-element-2bb35dd{
    
    text-wrap: pretty;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c3f270 *//* =====================================================
   PARQUE AVENTURAS — BLOCO DE FOTOS (pa-about-media)
   Usado no Quem Somos (duas fotos) e no Estudo do Meio
   (uma foto, com a variante --single).
   Cola em: CSS Personalizado de CADA widget que usar,
   ou no CSS global se preferir centralizar.
   Sem `.elementor-22 .elementor-element.elementor-element-6c3f270`: as classes já são namespace único

   A moldura (.pa-frame) tem overflow:hidden e a imagem é
   12% mais alta que ela — essa folga é o curso do parallax,
   animado pelo JS (initAboutParallax) via yPercent.
   ===================================================== */

.pa-about-media{
  position:relative;
  padding-bottom:64px;   /* espaço pra sobreposta sangrar */
}

/* ---------- moldura ---------- */
.pa-frame{
  position:relative;
  overflow:hidden;
  background:#1B1B19;
  isolation:isolate;
}

.pa-frame__img{
  display:block;
  position:absolute;
  inset:0;                 /* preenche a moldura exatamente */
  width:100%;
  height:100%;
  object-fit:cover;
  /* a folga do parallax vem da ESCALA, não de altura em %.
     scale 1.16 sobra 8% de cada lado — sem depender de o
     navegador resolver altura percentual do pai. */
  transform:scale(1.16);
  will-change:transform;
}

/* filete neon no canto superior esquerdo — assinatura da marca */
.pa-frame::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:64px;height:3px;
  background:var(--pa-neon);
  z-index:3;
}

/* leve escurecida nas bordas, pra foto assentar no creme */
.pa-frame::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(ellipse 100% 90% at 50% 45%,
    rgba(12,12,11,0) 52%,
    rgba(12,12,11,.22) 100%);
}

/* ---------- foto principal ---------- */
.pa-about-media__main{
  position:relative;
  margin:0;
}
.pa-about-media__main .pa-frame{
  aspect-ratio:6/5;
  border-radius:2px;
}

/* etiqueta girada na lateral esquerda */
.pa-about-media__tag{
  position:absolute;
  left:-13px;
  bottom:96px;
  z-index:4;
  transform-origin:left bottom;
  transform:rotate(-90deg);
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--pa-dim);
  white-space:nowrap;
}

/* ---------- foto sobreposta ----------
   Fica DENTRO do container: alinhada à direita, sem vazar.
   A separação vem da moldura e do deslocamento vertical. */
.pa-about-media__inset{
  position:absolute;
  right:0;
  bottom:0;
  width:56%;
  margin:0;
  z-index:5;
}
.pa-about-media__inset .pa-frame{
  aspect-ratio:4/3;
  border-radius:2px;
  /* moldura da cor do fundo, separando as duas fotos */
  box-shadow:0 0 0 10px var(--pa-cream),
             0 24px 60px -28px rgba(12,12,11,.55);
}
/* na sobreposta o filete vai pro canto oposto */
.pa-frame--inset::before{
  top:auto;left:auto;
  bottom:0;right:0;
  width:48px;height:3px;
  background:var(--pa-orange-deep);
}

/* ---------- variante FOTO ÚNICA (Estudo do Meio) ---------- */
.pa-about-media--single{padding-bottom:0}
.pa-about-media--single .pa-about-media__main .pa-frame{
  aspect-ratio:4/5;
}

/* badge sobreposto no canto superior esquerdo */
.pa-badge{
  position:absolute;
  z-index:6;
  top:20px;
  left:20px;
  display:inline-block;
  padding:11px 18px;
  border-radius:100px;
  background:var(--pa-orange);
  color:#1A0D02;
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;
  box-shadow:0 10px 26px -12px rgba(12,12,11,.6);
}

/* ---------- variante em seção ESCURA ---------- */
.pa-about-media--dark .pa-about-media__inset .pa-frame{
  box-shadow:0 0 0 10px var(--pa-ink),
             0 24px 60px -28px rgba(0,0,0,.7);
}
.pa-about-media--dark .pa-frame--inset::before{background:var(--pa-orange)}
.pa-about-media--dark .pa-frame::after{
  background:radial-gradient(ellipse 100% 90% at 50% 45%,
    rgba(12,12,11,0) 58%,
    rgba(12,12,11,.30) 100%);
}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .pa-about-media{padding-bottom:52px}
  .pa-about-media__inset{width:58%}
  .pa-about-media__tag{bottom:80px;font-size:9px}
}

@media (max-width:768px){
  .pa-about-media{padding-bottom:0;display:grid;gap:12px}
  .pa-about-media--single .pa-about-media__main .pa-frame{aspect-ratio:4/3}
  .pa-badge{top:14px;left:14px;padding:9px 15px;font-size:9px}
  .pa-about-media__main .pa-frame{aspect-ratio:4/3}
  .pa-about-media__inset{
    position:static;
    width:100%;
  }
  .pa-about-media__inset .pa-frame{
    aspect-ratio:16/9;
    box-shadow:none;
  }
  .pa-about-media__tag{
    position:static;
    display:block;
    transform:none;
    margin-top:10px;
    letter-spacing:.18em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bf588a *//* =====================================================
   PARQUE AVENTURAS — LISTA NUMERADA (.pa-facts)
   Cola em: CSS Personalizado do widget HTML da lista

   Uma linha por item: número + texto. Filete entre os itens
   que ganha cor e avança no hover — mesmo gesto do menu e
   dos cards.

   Variantes:
     .pa-facts            seção clara (padrão)
     .pa-facts--dark      seção escura
   ===================================================== */

.pa-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  border-top:1px solid rgba(36,36,33,.14);
}

.pa-facts__item{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid rgba(36,36,33,.14);
  transition:padding-left .45s cubic-bezier(.19,1,.22,1);
}

/* filete que cresce da esquerda no hover */
.pa-facts__item::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:100%;
  height:1px;
  background-color:#C25E12;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .5s cubic-bezier(.19,1,.22,1);
}
.pa-facts__item:hover{padding-left:14px}
.pa-facts__item:hover::after{
  transform:scaleX(1);
  transform-origin:left center;
}

/* número */
.pa-facts__n{
  flex:none;
  min-width:32px;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:16px;
  line-height:1.62;
  letter-spacing:-.02em;
  color:#8A8880;
  transition:color .35s cubic-bezier(.19,1,.22,1);
}
.pa-facts__item:hover .pa-facts__n{color:#C25E12}

/* texto */
.pa-facts__txt{
  display:block;
  font-family:'Public Sans',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.62;
  color:#4A4840;
}

/* ── variante para seção ESCURA ── */
.pa-facts--dark{border-top-color:rgba(242,240,232,.13)}
.pa-facts--dark .pa-facts__item{border-bottom-color:rgba(242,240,232,.13)}
.pa-facts--dark .pa-facts__item::after{background-color:#00A953}
.pa-facts--dark .pa-facts__item:hover .pa-facts__n{color:#00A953}
.pa-facts--dark .pa-facts__txt{color:#C2C0B5}

/* ── mobile ── */
@media (max-width:768px){
  .pa-facts__item{gap:14px;padding:15px 0}
  .pa-facts__n{min-width:26px;font-size:15px}
  .pa-facts__txt{font-size:15px}
  /* sem hover no toque — o avanço lateral só atrapalharia */
  .pa-facts__item:hover{padding-left:0}
}

@media (prefers-reduced-motion:reduce){
  .pa-facts__item,
  .pa-facts__item::after,
  .pa-facts__n{transition:none}
  .pa-facts__item:hover{padding-left:0}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3501304 *//* =====================================================
   PARQUE AVENTURAS — FAIXA O PETAR (respiro + CTA)
   Cola em: CSS Personalizado do widget HTML da faixa
   Sem `.elementor-22 .elementor-element.elementor-element-3501304`: as classes .pa-band* já são namespace único

   A foto sangra a largura toda. A folga do parallax vem da
   ESCALA (1.16 = 8% por lado), não de altura percentual —
   assim não depende do navegador resolver altura do pai.
   ===================================================== */

.pa-band{
  position:relative;
  width:100%;
  min-height:clamp(480px,86vh,860px);
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:#1B1B19;
  isolation:isolate;
}

/* ---------- mídia ---------- */
.pa-band__media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.pa-band__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.16);          /* folga do parallax */
  will-change:transform;
  /* mesma grade cinematográfica da hero */
  filter:brightness(.88) contrast(1.12) saturate(.9);
}

/* véu em camadas — texto legível sem apagar a foto */
.pa-band__veil{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(36,36,33,.56) 0%,
      rgba(36,36,33,.22) 32%,
      rgba(36,36,33,.72) 72%,
      rgba(36,36,33,.96) 100%),
    linear-gradient(100deg,
      rgba(36,36,33,.72) 0%,
      rgba(36,36,33,.36) 34%,
      rgba(36,36,33,.06) 68%),
    radial-gradient(ellipse 96% 82% at 50% 44%,
      rgba(36,36,33,0) 34%,
      rgba(36,36,33,.44) 74%,
      rgba(36,36,33,.78) 100%);
}

/* filete neon no topo, marcando a entrada da faixa */
.pa-band::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:96px;height:2px;
  background:var(--pa-neon);
  z-index:3;
}

/* ---------- conteúdo ---------- */
.pa-band__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:var(--pa-grid,1280px);
  margin:0 auto;
  padding:var(--pa-pad-y,96px) var(--pa-pad-x,32px);
  display:flex;
  align-items:flex-end;         /* as duas colunas na base */
  justify-content:space-between;
  gap:48px;
  flex-wrap:wrap;
  min-height:100%;
}

.pa-band__title{
  margin:14px 0 0;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:30px;
  line-height:1;
  letter-spacing:-.03em;
  text-transform:uppercase;
  color:var(--pa-cream);
}

.pa-band__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:22px;
  padding-bottom:4px;
}

/* lista dos núcleos — etiquetas separadas por ponto */
.pa-band__nuclei{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:0 10px;
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#C2C0B5;
}
.pa-band__nuclei li{display:flex;align-items:center;gap:10px}
.pa-band__nuclei li + li::before{
  content:'';
  width:4px;height:4px;
  border-radius:50%;
  background:var(--pa-neon);
  flex:none;
}

/* ---------- responsivo ---------- */
@media (max-width:900px){
  .pa-band{min-height:clamp(420px,72vh,620px)}
  .pa-band__inner{
    flex-direction:column;
    align-items:flex-start;
    gap:30px;
  }
  .pa-band__right{align-items:flex-start;justify-content:flex-start}
  .pa-band__nuclei{justify-content:flex-start}
  .pa-band__title{font-size:26px}
}

@media (max-width:768px){
  .pa-band__inner{padding:var(--pa-pad-y,64px) var(--pa-pad-x,20px)}
  .pa-band__title{font-size:22px}
  .pa-band__nuclei{font-size:10px;letter-spacing:.13em}
  .pa-band__veil{
    background:
      linear-gradient(180deg,
        rgba(36,36,33,.62) 0%,
        rgba(36,36,33,.26) 30%,
        rgba(36,36,33,.80) 70%,
        rgba(36,36,33,.97) 100%);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a4ed0e *//* =====================================================
   PARQUE AVENTURAS — BLOCO DE FOTOS (pa-about-media)
   Usado no Quem Somos (duas fotos) e no Estudo do Meio
   (uma foto, com a variante --single).
   Cola em: CSS Personalizado de CADA widget que usar,
   ou no CSS global se preferir centralizar.
   Sem `.elementor-22 .elementor-element.elementor-element-7a4ed0e`: as classes já são namespace único

   A moldura (.pa-frame) tem overflow:hidden e a imagem é
   12% mais alta que ela — essa folga é o curso do parallax,
   animado pelo JS (initAboutParallax) via yPercent.
   ===================================================== */

.pa-about-media{
  position:relative;
  padding-bottom:64px;   /* espaço pra sobreposta sangrar */
}

/* ---------- moldura ---------- */
.pa-frame{
  position:relative;
  overflow:hidden;
  background:#1B1B19;
  isolation:isolate;
}

.pa-frame__img{
  display:block;
  position:absolute;
  inset:0;                 /* preenche a moldura exatamente */
  width:100%;
  height:100%;
  object-fit:cover;
  /* a folga do parallax vem da ESCALA, não de altura em %.
     scale 1.16 sobra 8% de cada lado — sem depender de o
     navegador resolver altura percentual do pai. */
  transform:scale(1.16);
  will-change:transform;
}

/* filete neon no canto superior esquerdo — assinatura da marca */
.pa-frame::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:64px;height:3px;
  background:var(--pa-neon);
  z-index:3;
}

/* leve escurecida nas bordas, pra foto assentar no creme */
.pa-frame::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:radial-gradient(ellipse 100% 90% at 50% 45%,
    rgba(12,12,11,0) 52%,
    rgba(12,12,11,.22) 100%);
}

/* ---------- foto principal ---------- */
.pa-about-media__main{
  position:relative;
  margin:0;
}
.pa-about-media__main .pa-frame{
  aspect-ratio:6/5;
  border-radius:2px;
}

/* etiqueta girada na lateral esquerda */
.pa-about-media__tag{
  position:absolute;
  left:-13px;
  bottom:96px;
  z-index:4;
  transform-origin:left bottom;
  transform:rotate(-90deg);
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:9.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--pa-dim);
  white-space:nowrap;
}

/* ---------- foto sobreposta ----------
   Fica DENTRO do container: alinhada à direita, sem vazar.
   A separação vem da moldura e do deslocamento vertical. */
.pa-about-media__inset{
  position:absolute;
  right:0;
  bottom:0;
  width:56%;
  margin:0;
  z-index:5;
}
.pa-about-media__inset .pa-frame{
  aspect-ratio:4/3;
  border-radius:2px;
  /* moldura da cor do fundo, separando as duas fotos */
  box-shadow:0 0 0 10px var(--pa-cream),
             0 24px 60px -28px rgba(12,12,11,.55);
}
/* na sobreposta o filete vai pro canto oposto */
.pa-frame--inset::before{
  top:auto;left:auto;
  bottom:0;right:0;
  width:48px;height:3px;
  background:var(--pa-orange-deep);
}

/* ---------- variante FOTO ÚNICA (Estudo do Meio) ---------- */
.pa-about-media--single{padding-bottom:0}
.pa-about-media--single .pa-about-media__main .pa-frame{
  aspect-ratio:3/4;   /* mais alta: dá respiro à coluna de texto */
}

/* badge sobreposto no canto superior esquerdo */
.pa-badge{
  position:absolute;
  z-index:6;
  top:20px;
  left:20px;
  display:inline-block;
  padding:11px 18px;
  border-radius:100px;
  background:var(--pa-orange);
  color:#1A0D02;
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;
  box-shadow:0 10px 26px -12px rgba(12,12,11,.6);
}

/* ---------- variante em seção ESCURA ---------- */
.pa-about-media--dark .pa-about-media__inset .pa-frame{
  box-shadow:0 0 0 10px var(--pa-ink),
             0 24px 60px -28px rgba(0,0,0,.7);
}
.pa-about-media--dark .pa-frame--inset::before{background:var(--pa-orange)}
.pa-about-media--dark .pa-frame::after{
  background:radial-gradient(ellipse 100% 90% at 50% 45%,
    rgba(12,12,11,0) 58%,
    rgba(12,12,11,.30) 100%);
}

/* ---------- responsivo ---------- */
@media (max-width:1100px){
  .pa-about-media{padding-bottom:52px}
  .pa-about-media__inset{width:58%}
  .pa-about-media__tag{bottom:80px;font-size:9px}
}

@media (max-width:768px){
  .pa-about-media{padding-bottom:0;display:grid;gap:12px}
  /* no mobile a tela é vertical — foto deitada desperdiça espaço */
  .pa-about-media--single .pa-about-media__main .pa-frame{aspect-ratio:4/5}
  .pa-badge{top:14px;left:14px;padding:9px 15px;font-size:9px}
  .pa-about-media__main .pa-frame{aspect-ratio:4/5}
  .pa-about-media__inset{
    position:static;
    width:100%;
  }
  .pa-about-media__inset .pa-frame{
    aspect-ratio:4/3;
    box-shadow:none;
  }
  .pa-about-media__tag{
    position:static;
    display:block;
    transform:none;
    margin-top:10px;
    letter-spacing:.18em;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-470c542 */.elementor-22 .elementor-element.elementor-element-470c542{
    
    text-wrap: pretty;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ebecaf7 *//* =====================================================
   PARQUE AVENTURAS — CARROSSEL DE DEPOIMENTOS
   Cola em: CSS Personalizado do widget HTML
   Sem `.elementor-22 .elementor-element.elementor-element-ebecaf7`: as classes .pa-quote* já são namespace único

   3 cards visíveis, avança de 1 em 1. O trilho é movido pelo
   GSAP (initTestimonials). Sem GSAP, vira scroll-snap nativo.
   ===================================================== */

/* ---------- BLINDAGEM CONTRA O ELEMENTOR ----------
   Zera tudo que o tema/Elementor injeta em botão, em TODOS
   os estados. Sem isto o foco vem rosa depois do clique. */
.pa-quotes button,
.pa-quotes button:link,
.pa-quotes button:visited,
.pa-quotes button:hover,
.pa-quotes button:focus,
.pa-quotes button:focus-within,
.pa-quotes button:focus-visible,
.pa-quotes button:active,
.pa-quotes button:disabled{
  background-image:none !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

.pa-quotes{
  position:relative;
  margin-top:40px;
}

/* ---------- palco e trilho ---------- */
.pa-quotes__stage{
  position:relative;
  overflow:hidden;
  padding:4px 0;
}
.pa-quotes__track{
  display:flex;
  gap:20px;
  will-change:transform;
}
.pa-quotes__track > .pa-quote{
  flex:0 0 calc((100% - 40px) / 3);   /* 3 visíveis · 2 gaps de 20px */
}

/* ---------- card ---------- */
.pa-quote{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:34px 30px 28px;
  border:1px solid rgba(36,36,33,.14);
  border-radius:3px;
  background-color:rgba(255,255,255,.5);
  transition:border-color .45s cubic-bezier(.19,1,.22,1),
             background-color .45s cubic-bezier(.19,1,.22,1),
             transform .45s cubic-bezier(.19,1,.22,1);
}
.pa-quote:hover{
  border-color:rgba(36,36,33,.28);
  background-color:rgba(255,255,255,.82);
  transform:translateY(-3px);
}

.pa-quote__mark{
  position:absolute;
  top:14px;
  right:24px;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:78px;
  line-height:1;
  color:#C25E12;
  opacity:.14;
  pointer-events:none;
  user-select:none;
}

.pa-quote__text{
  position:relative;
  z-index:1;
  margin:0 0 26px;
  font-family:'Public Sans',sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:1.68;
  color:#4A4840;
  flex:1;
}

/* ---------- assinatura ---------- */
.pa-quote__who{
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:20px;
  border-top:1px solid rgba(36,36,33,.14);
}
.pa-quote__av{
  flex:none;
  width:36px;height:36px;
  border-radius:50%;
  display:grid;place-items:center;
  background-color:#C25E12;
  color:#F2F0E8;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:15px;
  line-height:1;
}
.pa-quote__id{display:flex;flex-direction:column;gap:2px;min-width:0}
.pa-quote__id b{
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:14px;
  letter-spacing:-.01em;
  color:#242421;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pa-quote__id span{
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8A8880;
}
.pa-quote__stars{
  margin-left:auto;flex:none;
  font-size:11px;letter-spacing:.14em;
  color:#C25E12;
}

/* ---------- navegação ---------- */
.pa-quotes__nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;margin-top:28px;padding-top:24px;
  border-top:1px solid rgba(36,36,33,.14);
}
.pa-quotes__side{display:flex;align-items:center;gap:22px}

.pa-quotes__count{
  display:flex;align-items:baseline;gap:5px;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:-.01em;color:#8A8880;font-variant-numeric:tabular-nums;
}
.pa-quotes__count b{font-weight:600;color:#242421}
.pa-quotes__count i{font-style:normal;opacity:.5}

/* pontos */
.pa-quotes__dots{display:flex;gap:7px}
.pa-quotes__dot,
.pa-quotes__dot:hover,
.pa-quotes__dot:focus,
.pa-quotes__dot:focus-visible,
.pa-quotes__dot:active{
  width:24px;height:2px;
  border:0 !important;padding:0 !important;margin:0;
  border-radius:0 !important;
  color:inherit !important;
  cursor:pointer;
  transition:background-color .45s cubic-bezier(.19,1,.22,1),
             width .45s cubic-bezier(.19,1,.22,1);
}
.pa-quotes__dot{background-color:rgba(36,36,33,.2) !important}
.pa-quotes__dot:hover,
.pa-quotes__dot:focus,
.pa-quotes__dot:focus-visible{background-color:rgba(36,36,33,.44) !important}
.pa-quotes__dot:active{background-color:rgba(36,36,33,.58) !important}
.pa-quotes__dot.is-on,
.pa-quotes__dot.is-on:hover,
.pa-quotes__dot.is-on:focus,
.pa-quotes__dot.is-on:focus-visible,
.pa-quotes__dot.is-on:active{width:42px;background-color:#C25E12 !important}

/* setas */
.pa-quotes__arrows{display:flex;gap:9px}
.pa-quotes__arrow,
.pa-quotes__arrow:hover,
.pa-quotes__arrow:focus,
.pa-quotes__arrow:focus-visible,
.pa-quotes__arrow:active,
.pa-quotes__arrow:disabled{
  position:relative;
  width:46px;height:46px;
  display:grid;place-items:center;
  padding:0 !important;margin:0;
  border-radius:50% !important;
  background-color:transparent !important;
  color:#242421 !important;
  cursor:pointer;
  overflow:hidden;
  isolation:isolate;
  transition:border-color .4s cubic-bezier(.19,1,.22,1),
             transform .4s cubic-bezier(.19,1,.22,1),
             opacity .3s ease;
}
.pa-quotes__arrow,
.pa-quotes__arrow:focus,
.pa-quotes__arrow:disabled{border:1px solid rgba(36,36,33,.2) !important}
.pa-quotes__arrow:hover:not(:disabled),
.pa-quotes__arrow:focus-visible:not(:disabled){border:1px solid #242421 !important}

/* preenchimento em cortina */
.pa-quotes__arrow::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background-color:#242421;
  clip-path:inset(100% 0 0 0);
  transition:clip-path .42s cubic-bezier(.65,0,.35,1);
}
.pa-quotes__arrow:hover:not(:disabled)::before,
.pa-quotes__arrow:focus-visible:not(:disabled)::before{clip-path:inset(0 0 0 0)}

.pa-quotes__arrow img{
  width:15px;height:15px;display:block;
  filter:brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(628%) hue-rotate(23deg) brightness(96%) contrast(88%);
  transition:filter .4s cubic-bezier(.19,1,.22,1),
             transform .4s cubic-bezier(.19,1,.22,1);
}
.pa-quotes__arrow--prev img{transform:scaleX(-1)}
.pa-quotes__arrow:hover:not(:disabled) img,
.pa-quotes__arrow:focus-visible:not(:disabled) img{
  filter:brightness(0) saturate(100%) invert(97%) sepia(6%) saturate(263%) hue-rotate(21deg) brightness(103%) contrast(91%);
}
.pa-quotes__arrow--next:hover:not(:disabled) img{transform:translateX(3px)}
.pa-quotes__arrow--prev:hover:not(:disabled) img{transform:scaleX(-1) translateX(3px)}
.pa-quotes__arrow:active:not(:disabled){transform:scale(.94)}
.pa-quotes__arrow:disabled{opacity:.26;cursor:default}

/* ---------- fallback sem GSAP ---------- */
.pa-quotes--noJS .pa-quotes__track{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.pa-quotes--noJS .pa-quotes__track::-webkit-scrollbar{display:none}
.pa-quotes--noJS .pa-quote{scroll-snap-align:start;opacity:1 !important}

/* ---------- variante ESCURA ---------- */
.pa-quotes--dark .pa-quote{
  border-color:rgba(242,240,232,.13);
  background-color:rgba(242,240,232,.035);
}
.pa-quotes--dark .pa-quote:hover{
  border-color:rgba(0,169,83,.42);
  background-color:rgba(242,240,232,.07);
}
.pa-quotes--dark .pa-quote__mark{color:#00A953;opacity:.18}
.pa-quotes--dark .pa-quote__text{color:#C2C0B5}
.pa-quotes--dark .pa-quote__who{border-top-color:rgba(242,240,232,.13)}
.pa-quotes--dark .pa-quote__av{background-color:#00A953;color:#0B1A07}
.pa-quotes--dark .pa-quote__id b{color:#F2F0E8}
.pa-quotes--dark .pa-quote__stars{color:#00A953}
.pa-quotes--dark .pa-quotes__nav{border-top-color:rgba(242,240,232,.13)}
.pa-quotes--dark .pa-quotes__count{color:#8A8880}
.pa-quotes--dark .pa-quotes__count b{color:#F2F0E8}
.pa-quotes--dark .pa-quotes__dot{background-color:rgba(242,240,232,.22) !important}
.pa-quotes--dark .pa-quotes__dot:hover,
.pa-quotes--dark .pa-quotes__dot:focus{background-color:rgba(242,240,232,.48) !important}
.pa-quotes--dark .pa-quotes__dot.is-on,
.pa-quotes--dark .pa-quotes__dot.is-on:hover{background-color:#00A953 !important}
.pa-quotes--dark .pa-quotes__arrow,
.pa-quotes--dark .pa-quotes__arrow:focus,
.pa-quotes--dark .pa-quotes__arrow:disabled{
  border:1px solid rgba(242,240,232,.22) !important;
  color:#F2F0E8 !important;
}
.pa-quotes--dark .pa-quotes__arrow:hover:not(:disabled),
.pa-quotes--dark .pa-quotes__arrow:focus-visible:not(:disabled){
  border:1px solid #F2F0E8 !important;
}
.pa-quotes--dark .pa-quotes__arrow::before{background-color:#F2F0E8}
.pa-quotes--dark .pa-quotes__arrow img{
  filter:brightness(0) saturate(100%) invert(97%) sepia(6%) saturate(263%) hue-rotate(21deg) brightness(103%) contrast(91%);
}
.pa-quotes--dark .pa-quotes__arrow:hover:not(:disabled) img,
.pa-quotes--dark .pa-quotes__arrow:focus-visible:not(:disabled) img{
  filter:brightness(0) saturate(100%) invert(11%) sepia(6%) saturate(628%) hue-rotate(23deg) brightness(96%) contrast(88%);
}

/* ---------- responsivo ---------- */
@media (max-width:1024px){
  .pa-quotes__track > .pa-quote{flex-basis:calc((100% - 20px) / 2)}   /* 2 visíveis */
}
@media (max-width:680px){
  .pa-quotes{margin-top:30px}
  .pa-quotes__track{gap:14px}
  .pa-quotes__track > .pa-quote{flex-basis:88%}                        /* 1 visível */
  .pa-quote{padding:28px 24px 24px}
  .pa-quote__mark{font-size:62px;top:10px;right:18px}
  .pa-quote__text{font-size:14px}
  .pa-quotes__nav{flex-direction:column-reverse;align-items:stretch;gap:18px}
  .pa-quotes__side{justify-content:space-between}
  .pa-quotes__dots{justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .pa-quote,.pa-quotes__dot,.pa-quotes__arrow,
  .pa-quotes__arrow::before,.pa-quotes__arrow img{transition:none}
  .pa-quote:hover{transform:none}
}/* End custom CSS */