.elementor-828 .elementor-element.elementor-element-1ede191{--display:flex;}.elementor-828 .elementor-element.elementor-element-71aa0c1{--display:flex;}.elementor-828 .elementor-element.elementor-element-a7f8067{--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-828 .elementor-element.elementor-element-a7f8067:not(.elementor-motion-effects-element-type-background), .elementor-828 .elementor-element.elementor-element-a7f8067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3e6b040 );}.elementor-828 .elementor-element.elementor-element-1ef50d1{--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;}.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-828 .elementor-element.elementor-element-3806a8a{--grid-columns:3;}.elementor-828 .elementor-element.elementor-element-f3287a7{--display:flex;}.elementor-828 .elementor-element.elementor-element-114cbcd{--display:flex;}@media(min-width:2400px){.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 );}}@media(max-width:1366px){.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 );}}@media(max-width:1024px){.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-828 .elementor-element.elementor-element-3806a8a{--grid-columns:2;}}@media(max-width:767px){.elementor-828 .elementor-element.elementor-element-a7f8067{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.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-828 .elementor-element.elementor-element-3806a8a{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-6c9d5fd *//* =====================================================
   PARQUE AVENTURAS — EXPERIÊNCIAS (catálogo) · HERO
   Cola em: CSS Personalizado do widget HTML

   Sem `.elementor-828 .elementor-element.elementor-element-6c9d5fd`: as classes já são namespace único.

   Mesmo componente do 29-hero-pagina.css, com duas
   diferenças:

   1. Variante --catalogo: altura menor (58vh contra 70vh).
      Esta página existe para levar ao grid; a foto não
      pode empurrar os cards para fora da primeira tela.

   2. Grid corrigido: padding lateral ZERO acima de 1280,
      para alinhar com o header e com a home. As heros
      antigas aplicavam os 32 sempre e ficavam 32px para
      dentro.

   IMAGENS: duas versões apenas.
     desktop/tablet ... acima de 768px
     mobile ........... até 768px
   ===================================================== */

.pa-phero{
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background-color:#242421;
  isolation:isolate;
  min-height:clamp(300px,42vh,420px);
}

/* filete no topo — mesma assinatura das outras faixas */
.pa-phero::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:96px;
  height:2px;
  background-color:#00A953;
  z-index:3;
}

/* ---------- variante COM FOTO ---------- */
.pa-phero--foto{
  min-height:clamp(440px,70vh,720px);
}

/* ---------- variante CATÁLOGO: mais baixa ---------- */
.pa-phero--catalogo{
  min-height:clamp(400px,58vh,560px);
}

.pa-phero__media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

.pa-phero__bg{
  position:absolute;
  inset:0;
  background-image:url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/bg-experiencias-2133-nova.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.14);          /* folga do parallax */
  will-change:transform;
  filter:brightness(.88) contrast(1.12) saturate(.9);
}

/* mobile: recorte vertical */
@media (max-width:768px){
  .pa-phero__bg{
    background-image:url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/bg-experiencias-mobile.webp');
    background-position:center center;
  }
}

.pa-phero__veil{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(36,36,33,.62) 0%,
      rgba(36,36,33,.26) 34%,
      rgba(36,36,33,.74) 72%,
      rgba(36,36,33,.97) 100%),
    linear-gradient(100deg,
      rgba(36,36,33,.68) 0%,
      rgba(36,36,33,.30) 36%,
      rgba(36,36,33,.04) 70%),
    radial-gradient(ellipse 96% 84% at 50% 46%,
      rgba(36,36,33,0) 36%,
      rgba(36,36,33,.40) 76%,
      rgba(36,36,33,.72) 100%);
}

/* ---------- conteúdo ---------- */
.pa-phero__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:var(--pa-grid,1280px);
  margin:0 auto;
  padding:var(--pa-pad-y,96px) 0;
  box-sizing:border-box;
}

.pa-phero__title{
  margin:14px 0 0;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:64px;
  line-height:.94;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:#F2F0E8;
  max-width:18ch;
}
.pa-phero__title em{font-style:normal;color:#00A953}

.pa-phero__sub{
  margin:20px 0 0;
  max-width:56ch;
  font-family:'Public Sans',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.68;
  color:#C2C0B5;
}

/* ---------- responsivo ---------- */
@media (max-width:1280px){
  .pa-phero__inner{
    padding-left:var(--pa-pad-x,32px);
    padding-right:var(--pa-pad-x,32px);
  }
}

@media (max-width:1100px){
  .pa-phero__title{font-size:48px}
}

@media (max-width:768px){
  .pa-phero--catalogo{min-height:clamp(380px,58vh,480px)}
  .pa-phero__inner{padding:var(--pa-pad-y,64px) var(--pa-pad-x,20px)}
  .pa-phero__title{font-size:36px;max-width:none}
  .pa-phero__sub{font-size:15px;margin-top:16px}
  .pa-phero__veil{
    background:
      linear-gradient(180deg,
        rgba(36,36,33,.66) 0%,
        rgba(36,36,33,.30) 30%,
        rgba(36,36,33,.82) 72%,
        rgba(36,36,33,.98) 100%);
  }
}

@media (max-width:380px){
  .pa-phero__title{font-size:31px}
}

@media (prefers-reduced-motion:reduce){
  .pa-phero__bg{transform:scale(1.02)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5dde070 *//* =====================================================
   PARQUE AVENTURAS — EXPERIÊNCIAS (catálogo) · FAIXA
   Cola em: CSS Personalizado do widget HTML

   Sem `.elementor-828 .elementor-element.elementor-element-5dde070`: as classes já são namespace único.

   Faixa em ink-2 entre a hero e o grid. Grid corrigido:
   padding lateral ZERO acima de 1280.
   ===================================================== */

.pa-faixa{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  background-color:var(--pa-ink-2,#1B1B19);
}

.pa-faixa__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  width:100%;
  max-width:var(--pa-grid,1280px);
  margin:0 auto;
  padding:26px 0;
  box-sizing:border-box;
}

/* rótulo à esquerda */
.pa-faixa__rotulo{
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex:none;
  font-family:'Public Sans',sans-serif;
  font-weight:600;
  font-size:9.5px;
  letter-spacing:.16em;
  text-transform:uppercase;
  line-height:1;
  color:var(--pa-dim,#8A8880);
}

/* losango 45° — o marcador recorrente do site */
.pa-faixa__lz{
  display:inline-block;
  width:5px;
  height:5px;
  flex:none;
  background-color:var(--pa-neon,#00A953);
  transform:rotate(45deg);
}

/* texto à direita */
.pa-faixa__txt{
  margin:0;
  max-width:56ch;
  font-family:'Public Sans',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.62;
  color:var(--pa-muted,#C2C0B5);
}

/* ---------- responsivo ---------- */
@media (max-width:1280px){
  .pa-faixa__inner{
    padding-left:var(--pa-pad-x,32px);
    padding-right:var(--pa-pad-x,32px);
  }
}

@media (max-width:900px){
  .pa-faixa__inner{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .pa-faixa__txt{max-width:none}
}

@media (max-width:768px){
  .pa-faixa__inner{
    padding:22px var(--pa-pad-x,20px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d417938 *//* =====================================================
   PARQUE AVENTURAS — EXPERIÊNCIAS (catálogo) · CTA FINAL
   Cola em: CSS Personalizado do widget HTML

   Sem `.elementor-828 .elementor-element.elementor-element-d417938`: as classes .pa-final* já são namespace único.

   Idêntico ao CTA do single (109). Adaptado do
   26-cta-final.css da home, com três diferenças:

   1. Tudo centralizado (.pa-final--center).
   2. Título em 64px, não 76: a página já tem um H1 de 64
      na hero, e a dobra final não deve gritar mais alto.
   3. Fundo em ink-3, não ink: o grid de cards logo acima
      é escuro e carrega o verde do hover. Fechar mais o
      tom marca que aqui é a última dobra, e o brilho verde
      do véu sai pelo mesmo motivo.

   O grid segue o padrão corrigido: padding lateral ZERO
   acima de 1280, 32 abaixo, 20 no celular.
   ===================================================== */

.pa-final{
  position:relative;
  overflow:hidden;
  background-color:var(--pa-ink-3,#131311);
  isolation:isolate;
}

/* ---------- fundo: só textura ----------
   A imagem entra bem apagada — o véu domina. Serve pra tirar
   o chapado do fundo, não pra ser vista. */
.pa-final__media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}
.pa-final__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.12);          /* folga do parallax */
  will-change:transform;
  opacity:.16;
  filter:grayscale(.45) brightness(.55) contrast(1.05);
}
.pa-final__veil{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(19,19,17,.90) 0%,
      rgba(19,19,17,.84) 45%,
      rgba(19,19,17,.94) 100%),
    /* clareia de leve o centro, para o texto não sentar
       num chapado morto. Sem verde: ele já aparece no
       título e no botão. */
    radial-gradient(ellipse 80% 120% at 50% 45%,
      rgba(242,240,232,.05) 0%,
      transparent 68%);
}

/* filete no topo, marcando a entrada da dobra */
.pa-final::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:96px;
  height:2px;
  background-color:var(--pa-neon,#00A953);
  z-index:3;
}

.pa-final__inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:var(--pa-grid,1280px);
  margin:0 auto;
  padding:var(--pa-pad-y,96px) 0;
  box-sizing:border-box;
}

/* ---------- centralização ---------- */
.pa-final--center .pa-final__inner{text-align:center}

/* o "+" do eyebrow também precisa centralizar */
.pa-final--center .pa-eyebrow{display:inline-block}
.pa-final--center .pa-eyebrow::after{
  margin-left:auto;
  margin-right:auto;
}

/* ---------- headline ---------- */
.pa-final__title{
  margin:16px auto 0;
  font-family:'Outfit',sans-serif;
  font-weight:600;
  font-size:64px;
  line-height:.94;
  letter-spacing:-.04em;
  text-transform:uppercase;
  color:var(--pa-cream,#F2F0E8);
  max-width:18ch;
}
.pa-final__title span{display:block}
.pa-final__title em{font-style:normal;color:var(--pa-neon,#00A953)}

/* ---------- linha de apoio ---------- */
.pa-final__sub{
  margin:22px auto 0;
  max-width:52ch;
  font-family:'Public Sans',sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.62;
  color:var(--pa-muted,#C2C0B5);
}

/* ---------- botões ---------- */
.pa-final__actions{
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  margin-top:38px;
}
.pa-final--center .pa-final__actions{justify-content:center}

/* ---------- responsivo ---------- */
@media (max-width:1280px){
  .pa-final__inner{
    padding-left:var(--pa-pad-x,32px);
    padding-right:var(--pa-pad-x,32px);
  }
}

@media (max-width:1100px){
  .pa-final__title{font-size:48px}
}

@media (max-width:768px){
  .pa-final__inner{
    padding:var(--pa-pad-y,64px) var(--pa-pad-x,20px);
  }
  .pa-final__title{font-size:36px;max-width:none}
  .pa-final__sub{font-size:15px}
  .pa-final__actions{margin-top:32px}
  .pa-final__actions .pa-btn{width:100%}
  .pa-final__bg{opacity:.13}
  .pa-final__veil{
    background:
      linear-gradient(180deg,
        rgba(19,19,17,.92) 0%,
        rgba(19,19,17,.87) 45%,
        rgba(19,19,17,.96) 100%),
      radial-gradient(ellipse 130% 90% at 50% 40%,
        rgba(242,240,232,.04) 0%,
        transparent 70%);
  }
}

@media (max-width:380px){
  .pa-final__title{font-size:31px}
}/* End custom CSS */