.elementor-769 .elementor-element.elementor-element-dea32c5{--display:flex;}.elementor-769 .elementor-element.elementor-element-8aa8f48{--display:flex;}.elementor-769 .elementor-element.elementor-element-8aa8f48:not(.elementor-motion-effects-element-type-background), .elementor-769 .elementor-element.elementor-element-8aa8f48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-769 .elementor-element.elementor-element-1c4a9fe{--display:flex;}.elementor-769 .elementor-element.elementor-element-b10932c{--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;--justify-content:flex-start;}.elementor-widget-button .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-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{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 );}.elementor-769 .elementor-element.elementor-element-2f6653b .elementor-icon-list-icon{width:14px;}.elementor-769 .elementor-element.elementor-element-2f6653b .elementor-icon-list-icon i{font-size:14px;}.elementor-769 .elementor-element.elementor-element-2f6653b .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.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-769 .elementor-element.elementor-element-4a72710{--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-769 .elementor-element.elementor-element-355b40d .elementor-icon-list-icon{width:14px;}.elementor-769 .elementor-element.elementor-element-355b40d .elementor-icon-list-icon i{font-size:14px;}.elementor-769 .elementor-element.elementor-element-355b40d .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-769 .elementor-element.elementor-element-b71c28e .elementor-icon-list-icon{width:14px;}.elementor-769 .elementor-element.elementor-element-b71c28e .elementor-icon-list-icon i{font-size:14px;}.elementor-769 .elementor-element.elementor-element-b71c28e .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-769 .elementor-element.elementor-element-bcf0875 .elementor-icon-list-icon{width:14px;}.elementor-769 .elementor-element.elementor-element-bcf0875 .elementor-icon-list-icon i{font-size:14px;}.elementor-769 .elementor-element.elementor-element-bcf0875 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-769 .elementor-element.elementor-element-7f9ec7f{--display:flex;}.elementor-769 .elementor-element.elementor-element-aef6c2d{--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-769 .elementor-element.elementor-element-487dac0{--display:flex;}.elementor-769 .elementor-element.elementor-element-ef58d62{--display:flex;}.elementor-769 .elementor-element.elementor-element-db0b9a5 .elementor-icon-list-icon{width:14px;}.elementor-769 .elementor-element.elementor-element-db0b9a5 .elementor-icon-list-icon i{font-size:14px;}.elementor-769 .elementor-element.elementor-element-db0b9a5 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-769 .elementor-element.elementor-element-edf827a{--display:flex;}.elementor-769 .elementor-element.elementor-element-a1e6ea8{--display:flex;}.elementor-769 .elementor-element.elementor-element-7b613e8{--display:flex;--overlay-opacity:0.5;}.elementor-769 .elementor-element.elementor-element-7b613e8::before, .elementor-769 .elementor-element.elementor-element-7b613e8 > .elementor-background-video-container::before, .elementor-769 .elementor-element.elementor-element-7b613e8 > .e-con-inner > .elementor-background-video-container::before, .elementor-769 .elementor-element.elementor-element-7b613e8 > .elementor-background-slideshow::before, .elementor-769 .elementor-element.elementor-element-7b613e8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-769 .elementor-element.elementor-element-7b613e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-769 .elementor-element.elementor-element-38f73c3{--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-769 .elementor-element.elementor-element-6dfa596{--display:flex;}.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-769 .elementor-element.elementor-element-288951c{--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-769 .elementor-element.elementor-element-4f9ed6e{--display:flex;}.elementor-769 .elementor-element.elementor-element-1db2fea{--display:flex;}.elementor-769 .elementor-element.elementor-element-b0f25d5{--display:flex;}.elementor-769 .elementor-element.elementor-element-191f2b3{--display:flex;}.elementor-769 .elementor-element.elementor-element-19a81c2{--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-769 .elementor-element.elementor-element-4269659{--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-769 .elementor-element.elementor-element-4330e49{--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-769 .elementor-element.elementor-element-cae4e29{--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-769 .elementor-element.elementor-element-8280ac7{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{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-769 .elementor-element.elementor-element-a66bd3b .gallery-item .gallery-caption{display:none;}.elementor-769 .elementor-element.elementor-element-66b9ebb{--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-769 .elementor-element.elementor-element-66b9ebb:not(.elementor-motion-effects-element-type-background), .elementor-769 .elementor-element.elementor-element-66b9ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b896deb );}.elementor-769 .elementor-element.elementor-element-4d71ea3{--display:flex;--justify-content:center;}.elementor-769 .elementor-element.elementor-element-f20da1a .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-769 .elementor-element.elementor-element-e11d837{--display:flex;--justify-content:center;}.elementor-769 .elementor-element.elementor-element-3d8b5cf{--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-769 .elementor-element.elementor-element-3d8b5cf:not(.elementor-motion-effects-element-type-background), .elementor-769 .elementor-element.elementor-element-3d8b5cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3e6b040 );}.elementor-769 .elementor-element.elementor-element-1cb989c{--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-769 .elementor-element.elementor-element-5c4b8d4{--display:flex;}.elementor-769 .elementor-element.elementor-element-779c237 .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-769 .elementor-element.elementor-element-7a71d1c{--display:flex;--justify-content:flex-end;}.elementor-769 .elementor-element.elementor-element-a666f9f{--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-769 .elementor-element.elementor-element-f2a28c9{--grid-columns:3;}.elementor-769 .elementor-element.elementor-element-7654215{--display:flex;}.elementor-769 .elementor-element.elementor-element-c193e2e{--display:flex;}@media(min-width:768px){.elementor-769 .elementor-element.elementor-element-7a71d1c{--width:50%;}}@media(min-width:2400px){.elementor-widget-button .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-post-info .elementor-icon-list-item{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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-gallery .gallery-item .gallery-caption{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-769 .elementor-element.elementor-element-f20da1a .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-769 .elementor-element.elementor-element-779c237 .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-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-button .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-post-info .elementor-icon-list-item{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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-gallery .gallery-item .gallery-caption{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-769 .elementor-element.elementor-element-f20da1a .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-769 .elementor-element.elementor-element-779c237 .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-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-button .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-post-info .elementor-icon-list-item{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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-gallery .gallery-item .gallery-caption{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-769 .elementor-element.elementor-element-f20da1a .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-769 .elementor-element.elementor-element-779c237 .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-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-769 .elementor-element.elementor-element-f2a28c9{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-button .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-post-info .elementor-icon-list-item{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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image-gallery .gallery-item .gallery-caption{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-769 .elementor-element.elementor-element-66b9ebb{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-769 .elementor-element.elementor-element-f20da1a .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-769 .elementor-element.elementor-element-5895245{width:100%;max-width:100%;}.elementor-769 .elementor-element.elementor-element-3d8b5cf{--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-769 .elementor-element.elementor-element-779c237 .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-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-769 .elementor-element.elementor-element-f2a28c9{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-dea32c5 *//* ===================================================== PARQUE AVENTURAS — SINGLE DE EXPERIÊNCIA · BLOCO 1 HERO COM FOTO Cola em: CSS Personalizado do CONTAINER .pa-phero Sem `.elementor-769 .elementor-element.elementor-element-dea32c5`: as classes já são namespace único. Vem do preview aprovado (preview-experiencia.html). A foto é BACKGROUND do container, não widget Imagem. Motivo: o widget entrega srcset, e como o container é absolute o navegador calcula a largura antes do layout resolver — escolhe um candidato pequeno e amplia. Com background, o arquivo apontado é o que carrega. Os dois recortes saem do mesmo container: o Elementor aceita imagem de fundo por breakpoint. A folga do parallax vem de transform:scale(1.14) — nunca de altura percentual (regra 5 do handoff). Estrutura: .pa-phero container da seção .pa-phero__media container da foto (background dinâmico, sem widget) .pa-phero__inner container do conteúdo .pa-phero__crumb container do caminho .pa-crumb__link widget Botão → vira link seco .pa-crumb__term widget Post Terms (Núcleos) .pa-phero__title widget Título (H1) .pa-phero__tags container das pílulas .pa-chip Post Terms / Título em span .pa-chip--hl variante verde (dificuldade) O .pa-chip é declarado aqui de novo, e não no global: CSS de widget não atravessa documentos, então cada página carrega a sua cópia. ===================================================== */ .pa-phero{ position:relative; display:flex !important; flex-direction:column !important; justify-content:flex-end !important; min-height:clamp(440px,70vh,720px); overflow:hidden; isolation:isolate; padding:0 !important; margin:0 !important; gap:0 !important; background-color:var(--pa-ink,#242421); } /* filete verde de 96px no canto superior esquerdo — o mesmo marcador de faixa das outras páginas */ /* o Elementor insere .e-con-inner entre o container e os filhos quando a largura é full. O flex declarado no .pa-phero alinha essa camada, não o conteúdo — então ela precisa repetir o layout. Mesma pegadinha do background, que também mora no .e-con-inner. */ .pa-phero > .e-con-inner{ display:flex !important; flex-direction:column !important; justify-content:flex-end !important; align-items:stretch !important; flex:1 1 auto !important; position:relative; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; gap:0 !important; } .pa-phero::after{ content:''; position:absolute; top:0; left:0; width:96px; height:2px; background-color:var(--pa-neon,#00A953); z-index:3; } /* ---------- foto ---------- */ .pa-phero__media{ position:absolute !important; inset:0 !important; z-index:0; width:auto !important; padding:0 !important; margin:0 !important; gap:0 !important; } /* a folga do parallax mora aqui: scale, nunca altura % */ .pa-phero__media{ transform:scale(1.14); will-change:transform; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; } /* véu: três camadas, como no preview — escurece topo e base, abre o meio, e fecha as bordas para o texto nunca disputar */ .pa-phero::before{ content:''; position:absolute; inset:0; z-index:2; 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 ---------- */ /* Grid interno 1280 — mesmo cálculo da hero da HOME (2-hero.css), que é a que está certa: padding lateral ZERO em tela larga, para o conteúdo alinhar exatamente na coluna de 1280. Os 32px entram só abaixo de 1280, onde são respiro de borda e não parte do grid. As outras cinco heros (29, 45, 64, 81, 88) aplicam os 32 sempre e por isso ficam 32px para dentro. O !important no max-width existe porque o Elementor aplica a largura de conteúdo dele (1140 por padrão) quando o container está em Boxed. O ideal é deixar o container em Full Width no painel; isto é o cinto de segurança. */ .pa-phero__inner, .pa-phero__inner > .e-con-inner{ position:relative; z-index:3; width:100% !important; max-width:var(--pa-grid,1280px) !important; margin:0 auto !important; gap:0 !important; box-sizing:border-box; } .pa-phero__inner{ padding:var(--pa-pad-y,96px) 0 !important; } .pa-phero__inner > .e-con-inner{ padding:0 !important; } /* caminho: Experiências ◆ Núcleo */ .pa-phero__crumb{ display:flex !important; flex-direction:row !important; align-items:center !important; flex-wrap:wrap !important; gap:11px !important; width:100% !important; padding:0 !important; margin:0 !important; } /* losango 45° entre os dois itens */ .pa-crumb__term::before{ content:''; display:inline-block; width:5px; height:5px; margin-right:11px; background-color:var(--pa-dim,#8A8880); transform:rotate(45deg); vertical-align:middle; } /* o widget Botão vira link seco, sem pílula */ .pa-crumb__link, .pa-crumb__term{ width:auto !important; max-width:none !important; flex:0 0 auto !important; padding:0 !important; margin:0 !important; } .pa-crumb__link .elementor-widget-container, .pa-crumb__term .elementor-widget-container{ padding:0 !important; margin:0 !important; background:none !important; border:0 !important; } .pa-crumb__link .elementor-button, .pa-crumb__link .elementor-button:link, .pa-crumb__link .elementor-button:visited, .pa-crumb__link .elementor-button:hover, .pa-crumb__link .elementor-button:focus, .pa-crumb__link .elementor-button:focus-visible, .pa-crumb__link .elementor-button:active, .pa-crumb__term, .pa-crumb__term .elementor-post-info__terms-list, .pa-crumb__term .elementor-post-info__terms-list-item, .pa-crumb__term span{ display:inline-flex !important; align-items:center; width:auto !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1.4 !important; text-decoration:none !important; color:var(--pa-dim,#8A8880) !important; transition:color .3s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-crumb__link .elementor-button:hover, .pa-crumb__link .elementor-button:focus-visible{ color:var(--pa-cream,#F2F0E8) !important; } .pa-crumb__link .elementor-button:focus-visible{ outline:2px solid var(--pa-neon,#00A953); outline-offset:3px; } .pa-crumb__term ul, .pa-crumb__term ol, .pa-crumb__term li{ list-style:none !important; margin:0 !important; padding:0 !important; display:inline !important; border:0 !important; } /* título */ .pa-phero__title, .pa-phero__title .elementor-widget-container, .pa-phero__title .elementor-heading-title{ font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:64px !important; line-height:.94 !important; letter-spacing:-.04em !important; text-transform:uppercase !important; color:var(--pa-cream,#F2F0E8) !important; margin:0 !important; padding:16px 0 0 !important; max-width:18ch; } /* pílulas */ .pa-phero__tags{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:flex-start !important; gap:8px !important; width:100% !important; padding:24px 0 0 !important; margin:0 !important; } /* ---------- pílulas ---------- Mesma pílula do card (99-loop-item-card.css), repetida aqui porque CSS de widget não atravessa documentos. Cor explícita em todos os estados: o Post Terms renderiza um e herda a cor de link do tema. */ .pa-chip{ display:inline-flex !important; align-items:center !important; width:auto !important; max-width:none !important; flex:0 0 auto !important; padding:5px 10px !important; margin:0 !important; border-radius:100px; border:1px solid rgba(242,240,232,.28); color:var(--pa-cream,#F2F0E8) !important; background:none !important; } .pa-chip .elementor-widget-container{ padding:0 !important; margin:0 !important; background:none !important; border:0 !important; } .pa-chip, .pa-chip .elementor-widget-container, .pa-chip .elementor-heading-title, .pa-chip .elementor-post-info__terms-list, .pa-chip .elementor-post-info__terms-list-item, .pa-chip .elementor-icon-list-item, .pa-chip .elementor-icon-list-text, .pa-chip span, .pa-chip a, .pa-chip a:link, .pa-chip a:visited, .pa-chip a:hover, .pa-chip a:focus, .pa-chip a:focus-visible, .pa-chip a:active{ font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:9px !important; letter-spacing:.13em !important; text-transform:uppercase !important; line-height:1 !important; color:var(--pa-cream,#F2F0E8) !important; text-decoration:none !important; } /* Post Terms às vezes sai como lista, com marcador e recuo */ .pa-chip ul, .pa-chip ol, .pa-chip li{ list-style:none !important; margin:0 !important; padding:0 !important; display:inline !important; border:0 !important; } .pa-chip .elementor-post-info__item-prefix{margin:0 !important} .pa-chip--hl, .pa-chip--hl a, .pa-chip--hl a:link, .pa-chip--hl a:visited, .pa-chip--hl a:hover, .pa-chip--hl a:focus, .pa-chip--hl a:focus-visible, .pa-chip--hl a:active, .pa-chip--hl .elementor-post-info__terms-list, .pa-chip--hl .elementor-post-info__terms-list-item{ color:var(--pa-neon,#00A953) !important; } .pa-chip--hl{border-color:rgba(0,169,83,.42)} /* ---------- responsivo ---------- */ @media (max-width:1280px){ .pa-phero__inner{ padding-left:var(--pa-pad-x,32px) !important; padding-right:var(--pa-pad-x,32px) !important; } } @media (max-width:1100px){ .pa-phero__title, .pa-phero__title .elementor-heading-title{font-size:48px !important} } @media (max-width:768px){ .pa-phero{min-height:clamp(420px,70vh,640px)} .pa-phero__title, .pa-phero__title .elementor-heading-title{ font-size:36px !important; max-width:none; } .pa-phero__inner{ padding:var(--pa-pad-y,64px) var(--pa-pad-x,20px) !important; } .pa-phero__inner > .e-con-inner{padding:0 !important} } @media (max-width:380px){ .pa-phero__title, .pa-phero__title .elementor-heading-title{font-size:31px !important} } /* ---------- acessibilidade ---------- */ @media (prefers-reduced-motion:reduce){ .pa-phero__media{transform:scale(1.02)} .pa-crumb__link .elementor-button{transition:none} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7f9ec7f *//* ===================================================== PARQUE AVENTURAS — SINGLE DE EXPERIÊNCIA · BLOCO 2 FAIXA DE NÚMEROS Cola em: CSS Personalizado do CONTAINER .pa-band Sem `.elementor-769 .elementor-element.elementor-element-7f9ec7f`: as classes já são namespace único. Vem do preview aprovado (preview-experiencia.html). Estrutura: .pa-band container da faixa (full width) .pa-facts grade das quatro células .pa-fact célula .pa-fact__v valor (Título ou Post Terms) .pa-fact__l rótulo (Título) ===================================================== */ .pa-band{ position:relative; width:100% !important; padding:0 !important; margin:0 !important; gap:0 !important; background-color:var(--pa-ink-2,#1B1B19); } /* O Elementor insere .e-con-inner quando a largura é full; é ele quem carrega o limite de grade. Padding lateral ZERO acima de 1280, para a faixa alinhar na mesma coluna do header e das heros. Os 32px entram só abaixo disso, como respiro de borda. */ .pa-band > .e-con-inner{ width:100% !important; max-width:var(--pa-grid,1280px) !important; margin:0 auto !important; padding:0 !important; gap:0 !important; } @media (max-width:1280px){ .pa-band > .e-con-inner{ padding-left:var(--pa-pad-x,32px) !important; padding-right:var(--pa-pad-x,32px) !important; } } /* ---------- grade ---------- */ .pa-facts{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; gap:0 !important; border-left:1px solid var(--pa-line,rgba(242,240,232,.13)); } .pa-fact{ display:flex !important; flex-direction:column !important; justify-content:flex-start !important; width:auto !important; padding:34px 28px !important; margin:0 !important; gap:0 !important; border-right:1px solid var(--pa-line,rgba(242,240,232,.13)); } /* ---------- valor ---------- */ .pa-fact__v, .pa-fact__v .elementor-widget-container, .pa-fact__v .elementor-heading-title, .pa-fact__v .elementor-post-info__terms-list, .pa-fact__v .elementor-post-info__terms-list-item, .pa-fact__v span, .pa-fact__v a, .pa-fact__v a:link, .pa-fact__v a:visited, .pa-fact__v a:hover, .pa-fact__v a:focus, .pa-fact__v a:focus-visible, .pa-fact__v a:active{ font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:39px !important; line-height:.95 !important; letter-spacing:-.035em !important; text-transform:none !important; color:var(--pa-cream,#F2F0E8) !important; text-decoration:none !important; margin:0 !important; padding:0 !important; } /* Post Terms às vezes sai como lista */ .pa-fact__v ul, .pa-fact__v ol, .pa-fact__v li{ list-style:none !important; margin:0 !important; padding:0 !important; display:inline !important; border:0 !important; } /* ---------- rótulo ---------- */ .pa-fact__l, .pa-fact__l .elementor-widget-container, .pa-fact__l .elementor-heading-title{ font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1.6 !important; color:var(--pa-dim,#8A8880) !important; margin:0 !important; padding:0 !important; } .pa-fact__l{padding-top:10px !important} /* ---------- célula vazia ---------- Se o roteiro não tiver o terceiro ou o quarto número, a célula some em vez de deixar um buraco com borda. Alternativa mais robusta, se o navegador do cliente não suportar :has — usar Condições de Exibição no widget. */ .pa-fact:has(.pa-fact__v .elementor-heading-title:empty){ display:none !important; } /* ---------- responsivo ---------- */ @media (max-width:900px){ .pa-facts{grid-template-columns:repeat(2,1fr) !important} .pa-fact{ padding:26px 20px !important; border-bottom:1px solid var(--pa-line,rgba(242,240,232,.13)); } .pa-fact__v, .pa-fact__v .elementor-heading-title, .pa-fact__v .elementor-post-info__terms-list{font-size:29px !important} } @media (max-width:768px){ .pa-band > .e-con-inner{ padding-left:var(--pa-pad-x,20px) !important; padding-right:var(--pa-pad-x,20px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7b613e8 *//* ===================================================== PARQUE AVENTURAS — SINGLE DE EXPERIÊNCIA · BLOCO 3 CORPO EM DUAS COLUNAS + CARTÃO DE RESERVA Cola em: CSS Personalizado do CONTAINER .pa-body Sem `.elementor-769 .elementor-element.elementor-element-7b613e8`: as classes já são namespace único. Vem do preview aprovado (preview-experiencia.html). Grid: padding lateral ZERO acima de 1280, igual ao header, às heros e à faixa de números. Estrutura: .pa-body container da seção (full width) .pa-body__grid grade de duas colunas .pa-body__col coluna esquerda .pa-lead Editor de Texto (chamada) .pa-prose Editor de Texto (descrição) .pa-blocks par de listas .pa-blk bloco .pa-blk__h Título (rótulo fixo) .pa-blk__list Editor de Texto (ACF, wpautop) .pa-book cartão de reserva .pa-book__price Título (ACF preço) .pa-book__kick Título (texto fixo) .pa-book__list lista de linhas .pa-book__row linha .pa-book__k Título (rótulo fixo) .pa-book__v Título (ACF valor) .pa-book__cta Botão (WhatsApp) .pa-book__note Editor de Texto ===================================================== */ .pa-body{ position:relative; width:100% !important; padding:var(--pa-pad-y,96px) 0 !important; margin:0 !important; gap:0 !important; background-color:var(--pa-ink,#242421); } /* filete verde de 96px no canto superior esquerdo */ .pa-body::before{ content:''; position:absolute; top:0; left:0; width:96px; height:2px; background-color:var(--pa-neon,#00A953); z-index:2; } .pa-body > .e-con-inner{ width:100% !important; max-width:var(--pa-grid,1280px) !important; margin:0 auto !important; padding:0 !important; gap:0 !important; } @media (max-width:1280px){ .pa-body > .e-con-inner{ padding-left:var(--pa-pad-x,32px) !important; padding-right:var(--pa-pad-x,32px) !important; } } /* ---------- grade ---------- */ .pa-body__grid{ display:grid !important; grid-template-columns:1fr 400px !important; align-items:start !important; gap:80px !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; } .pa-body__col{ display:flex !important; flex-direction:column !important; width:auto !important; padding:0 !important; margin:0 !important; gap:0 !important; } /* ---------- chamada ---------- */ .pa-lead, .pa-lead .elementor-widget-container, .pa-lead p{ font-family:'Public Sans',sans-serif !important; font-weight:400 !important; font-size:19px !important; line-height:1.58 !important; letter-spacing:0 !important; color:var(--pa-cream,#F2F0E8) !important; margin:0 !important; padding:0 !important; } .pa-lead{max-width:46ch} .pa-lead p + p{margin-top:14px !important} /* ---------- descrição ---------- */ .pa-prose, .pa-prose .elementor-widget-container, .pa-prose p{ font-family:'Public Sans',sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:1.68 !important; letter-spacing:0 !important; color:var(--pa-muted,#C2C0B5) !important; margin:0 !important; padding:0 !important; } /* Medida de leitura curta: 62ch em 16px dava ~14 palavras por linha e o olho perdia o retorno. 54ch é a faixa em que a leitura fica confortável sem virar coluna estreita. */ .pa-prose{ padding-top:26px !important; max-width:54ch; } .pa-prose p + p{margin-top:28px !important} /* Escada de entrada: o primeiro parágrafo em creme, os demais em muted. Cria um ponto de partida claro sem mudar tamanho de fonte nem mexer em widget. */ .pa-prose p:first-of-type{ color:var(--pa-cream,#F2F0E8) !important; } .pa-prose strong, .pa-prose b{ color:var(--pa-cream,#F2F0E8) !important; font-weight:600 !important; } /* ---------- roteiro dia a dia (pacotes) ---------- Num pacote, o Vandir escreve os dias dentro da própria Descrição, marcando cada título como "Título 3" no editor. Estas regras transformam esses h3 em marcadores de dia: numeração automática por contador CSS, filete verde e o mesmo espaçamento da timeline de O PETAR. Sem campo novo, sem bloco novo, sem condicional: um roteiro de um dia simplesmente não usa h3, e nada disso aparece. Também não há limite de dias. Para isso funcionar, a barra de ferramentas do campo Descrição precisa estar em COMPLETO no SCF — no Básico os formatos de título não aparecem para quem escreve. */ .pa-prose{counter-reset:pa-dia} .pa-prose h3{ counter-increment:pa-dia; position:relative; display:flex; align-items:baseline; gap:16px; margin:44px 0 0 !important; padding:26px 0 0 !important; font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:19px !important; line-height:1.16 !important; letter-spacing:-.025em !important; text-transform:uppercase !important; color:var(--pa-cream,#F2F0E8) !important; border-top:1px solid var(--pa-line,rgba(242,240,232,.13)); } /* o número do dia, gerado pelo contador */ .pa-prose h3::before{ content:counter(pa-dia,decimal-leading-zero); flex:none; font-family:'Outfit',sans-serif; font-weight:600; font-size:16px; line-height:1.3; letter-spacing:-.02em; color:var(--pa-neon,#00A953); } /* filete verde curto sobre a borda, marcando a entrada */ .pa-prose h3::after{ content:''; position:absolute; top:-1px; left:0; width:32px; height:1px; background-color:var(--pa-neon,#00A953); } /* o primeiro dia não precisa da folga cheia */ .pa-prose h3:first-child{ margin-top:0 !important; padding-top:0 !important; border-top:0; } .pa-prose h3:first-child::after{display:none} /* parágrafo logo abaixo de um dia cola no título */ .pa-prose h3 + p{margin-top:14px !important} @media (max-width:768px){ .pa-prose h3{ gap:12px; margin-top:36px !important; padding-top:22px !important; font-size:17px !important; } } /* ---------- par de listas ---------- */ /* Os dois viram PAINEL, não continuação do texto corrido. Mas painel LEVE: fundo quase imperceptível, sem borda e sem filete verde. Quem tem fundo sólido, borda e verde é só o cartão de reserva — se os três tivessem o mesmo tratamento, o que converte perderia a primazia. O verde aqui some inteiro: marcador de item vira neutro. Na página, verde = ação (preço, botão). */ .pa-blocks{ display:grid !important; grid-template-columns:1fr 1fr !important; align-items:stretch !important; gap:20px !important; width:100% !important; padding:64px 0 0 !important; margin:0 !important; } .pa-blk{ position:relative; display:flex !important; flex-direction:column !important; width:auto !important; padding:28px 26px 24px !important; margin:0 !important; gap:0 !important; background-color:rgba(242,240,232,.035); } /* rótulo do bloco */ .pa-blk__h, .pa-blk__h .elementor-widget-container, .pa-blk__h .elementor-heading-title{ font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1 !important; color:var(--pa-dim,#8A8880) !important; margin:0 !important; padding:0 !important; } .pa-blk__h{ padding-bottom:18px !important; } /* itens: cada parágrafo do wpautop vira uma linha da lista */ .pa-blk__list, .pa-blk__list .elementor-widget-container{ padding:0 !important; margin:0 !important; } /* itens: sem divisória, separados por espaço e em creme — mais contraste que o texto corrido ao lado, que é o que faz o olho pousar aqui primeiro */ .pa-blk__list p{ position:relative; display:block; font-family:'Public Sans',sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:1.5 !important; color:var(--pa-cream,#F2F0E8) !important; margin:0 !important; padding:0 0 0 20px !important; } .pa-blk__list p + p{margin-top:14px !important} .pa-blk__list p::before{ content:''; position:absolute; left:0; top:9px; width:5px; height:5px; background-color:var(--pa-dim,#8A8880); transform:rotate(45deg); } /* ---------- cartão de reserva ---------- */ .pa-book{ position:relative; display:flex !important; flex-direction:column !important; width:auto !important; padding:34px 30px 30px !important; margin:0 !important; gap:0 !important; background-color:var(--pa-ink-2,#1B1B19); border:1px solid rgba(242,240,232,.18); } /* o único filete verde da seção */ .pa-book::before{ content:''; position:absolute; top:0; left:0; width:96px; height:2px; background-color:var(--pa-neon,#00A953); } .pa-book__price, .pa-book__price .elementor-widget-container, .pa-book__price .elementor-heading-title{ font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:29px !important; line-height:1 !important; letter-spacing:-.03em !important; text-transform:none !important; color:var(--pa-cream,#F2F0E8) !important; margin:0 !important; padding:0 !important; } .pa-book__kick, .pa-book__kick .elementor-widget-container, .pa-book__kick .elementor-heading-title{ font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:19px !important; line-height:1.1 !important; letter-spacing:-.03em !important; text-transform:uppercase !important; color:var(--pa-neon,#00A953) !important; margin:0 !important; padding:0 !important; } .pa-book__kick{padding-top:12px !important} /* linhas do cartão */ .pa-book__list{ display:flex !important; flex-direction:column !important; width:100% !important; padding:26px 0 0 !important; margin:0 !important; gap:0 !important; } .pa-book__row{ display:flex !important; flex-direction:row !important; align-items:flex-start !important; justify-content:space-between !important; gap:18px !important; width:100% !important; padding:13px 0 !important; margin:0 !important; border-bottom:1px solid var(--pa-line,rgba(242,240,232,.13)); } .pa-book__row:first-child{ border-top:1px solid var(--pa-line,rgba(242,240,232,.13)); } .pa-book__k, .pa-book__k .elementor-widget-container, .pa-book__k .elementor-heading-title{ font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:9.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1 !important; color:var(--pa-dim,#8A8880) !important; margin:0 !important; padding:0 !important; } .pa-book__k{ flex:0 0 auto !important; width:auto !important; padding-top:4px !important; } .pa-book__v, .pa-book__v .elementor-widget-container, .pa-book__v .elementor-heading-title{ font-family:'Public Sans',sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:1.5 !important; letter-spacing:0 !important; text-transform:none !important; text-align:right !important; color:var(--pa-cream,#F2F0E8) !important; margin:0 !important; padding:0 !important; } .pa-book__v{ flex:1 1 auto !important; width:auto !important; } /* botão do WhatsApp — cortina, igual ao .pa-btn global */ .pa-book__cta{ width:100% !important; padding:26px 0 0 !important; margin:0 !important; } .pa-book__cta .elementor-widget-container{ padding:0 !important; margin:0 !important; background:none !important; } .pa-book__cta .elementor-button, .pa-book__cta .elementor-button:link, .pa-book__cta .elementor-button:visited, .pa-book__cta .elementor-button:hover, .pa-book__cta .elementor-button:focus, .pa-book__cta .elementor-button:focus-visible, .pa-book__cta .elementor-button:active{ position:relative; display:flex !important; align-items:center; justify-content:center; gap:9px; width:100% !important; padding:18px 24px !important; margin:0 !important; border:0 !important; border-radius:100px !important; background:none !important; box-shadow:none !important; overflow:hidden; isolation:isolate; font-family:'Public Sans',sans-serif !important; font-weight:600 !important; font-size:14px !important; letter-spacing:.08em !important; text-transform:uppercase !important; line-height:1 !important; text-decoration:none !important; color:#FFFFFF !important; transition:color .42s cubic-bezier(.65,0,.35,1), transform .35s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-book__cta .elementor-button::before{ content:''; position:absolute; inset:0; z-index:-2; background-color:var(--pa-wa,#25D366); clip-path:inset(0 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } .pa-book__cta .elementor-button::after{ content:''; position:absolute; inset:0; z-index:-1; background-color:var(--pa-cream,#F2F0E8); clip-path:inset(100% 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } .pa-book__cta .elementor-button:hover, .pa-book__cta .elementor-button:focus-visible{ color:var(--pa-ink,#242421) !important; transform:translateY(-2px); } .pa-book__cta .elementor-button:hover::before, .pa-book__cta .elementor-button:focus-visible::before{ clip-path:inset(0 0 100% 0); } .pa-book__cta .elementor-button:hover::after, .pa-book__cta .elementor-button:focus-visible::after{ clip-path:inset(0 0 0 0); } .pa-book__cta .elementor-button-content-wrapper{ display:inline-flex !important; align-items:center; gap:9px; position:relative; z-index:1; } .pa-book__cta .elementor-button-text{color:inherit !important} .pa-book__cta .elementor-button-icon{ color:inherit !important; margin:0 !important; transition:transform .35s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-book__cta .elementor-button-icon svg{ width:16px; height:16px; fill:currentColor; } .pa-book__cta .elementor-button:hover .elementor-button-icon{ transform:translateX(4px); } .pa-book__cta .elementor-button:focus-visible{ outline:2px solid var(--pa-cream,#F2F0E8); outline-offset:3px; } /* nota abaixo do botão */ .pa-book__note, .pa-book__note .elementor-widget-container, .pa-book__note p{ font-family:'Public Sans',sans-serif !important; font-weight:400 !important; font-size:16px !important; line-height:1.55 !important; color:var(--pa-muted,#C2C0B5) !important; margin:0 !important; padding:0 !important; } .pa-book__note{padding-top:16px !important} /* ---------- responsivo ---------- */ @media (max-width:1024px){ .pa-body__grid{ grid-template-columns:1fr !important; gap:56px !important; } .pa-book{max-width:460px} } @media (max-width:700px){ .pa-blocks{ grid-template-columns:1fr !important; gap:16px !important; padding-top:44px !important; } .pa-blk{padding:24px 22px 20px !important} .pa-book{ max-width:none; padding:28px 22px 24px !important; } } @media (max-width:768px){ .pa-body{padding:var(--pa-pad-y,64px) 0 !important} .pa-body > .e-con-inner{ padding-left:var(--pa-pad-x,20px) !important; padding-right:var(--pa-pad-x,20px) !important; } .pa-lead, .pa-lead p{font-size:17px !important} } /* ---------- acessibilidade ---------- */ @media (prefers-reduced-motion:reduce){ .pa-book__cta .elementor-button, .pa-book__cta .elementor-button::before, .pa-book__cta .elementor-button::after, .pa-book__cta .elementor-button-icon{transition:none} .pa-book__cta .elementor-button:hover{transform:none} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8280ac7 *//* ===================================================== PARQUE AVENTURAS — SINGLE DE EXPERIÊNCIA · BLOCO 4 GALERIA Cola em: CSS Personalizado do CONTAINER .pa-gal-sec Sem `.elementor-769 .elementor-element.elementor-element-8280ac7`: as classes já são namespace único. Vem do preview aprovado (preview-experiencia.html): mosaico de 6 colunas, primeira foto larga em 16:9 e as outras quatro em 4:3. O cabeçalho usa .pa-eyebrow e .pa-h2 do 5-css-global.css, que é global de verdade (Configurações do Site → CSS Personalizado) — por isso não há regra para eles aqui. Estrutura: .pa-gal-sec container da seção (full width) .pa-gal-head widget HTML (eyebrow + h2) .pa-gal widget Galeria de imagens ===================================================== */ .pa-gal-sec{ position:relative; width:100% !important; padding:var(--pa-pad-y,96px) 0 !important; margin:0 !important; gap:0 !important; background-color:var(--pa-ink-2,#1B1B19); } /* filete verde de 96px no canto superior esquerdo */ .pa-gal-sec::before{ content:''; position:absolute; top:0; left:0; width:96px; height:2px; background-color:var(--pa-neon,#00A953); z-index:2; } .pa-gal-sec > .e-con-inner{ width:100% !important; max-width:var(--pa-grid,1280px) !important; margin:0 auto !important; padding:0 !important; gap:0 !important; } @media (max-width:1280px){ .pa-gal-sec > .e-con-inner{ padding-left:var(--pa-pad-x,32px) !important; padding-right:var(--pa-pad-x,32px) !important; } } /* ---------- cabeçalho ---------- O .pa-h2 global define só família, peso e tamanho — não cor. Nas outras páginas ele herda do container; aqui estava herdando a cor de texto do Hello. A cor pertence à seção, então é declarada aqui. */ .pa-gal-head{margin:0} .pa-gal-head .pa-h2{ margin-top:16px; color:var(--pa-cream,#F2F0E8) !important; } .pa-gal-head .pa-eyebrow{ color:var(--pa-cream,#F2F0E8) !important; } /* ---------- mosaico ---------- Arranjo para 5 fotos: duas grandes em cima (span 3 cada) e tres embaixo (span 2 cada). Em grid de 6 colunas as duas linhas fecham exatas, sem sobra nem orfa. O bloco A abaixo atende o widget GALERIA DE IMAGENS (basico), que e o recomendado: markup previsivel e sem JavaScript de layout. O bloco B atende o widget GALERIA do Pro, que monta um masonry por JS. Fica aqui caso o widget nao seja trocado. Os dois nao conflitam: os seletores sao distintos, so um deles existe na pagina por vez. */ .pa-gal{ width:100% !important; padding:46px 0 0 !important; margin:0 !important; } .pa-gal .elementor-widget-container{ padding:0 !important; margin:0 !important; } /* ===== A · GALERIA DE IMAGENS (basico) — recomendado ===== */ .pa-gal .elementor-image-gallery .gallery{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:12px !important; margin:0 !important; padding:0 !important; } .pa-gal .gallery-item{ width:auto !important; max-width:none !important; float:none !important; margin:0 !important; padding:0 !important; overflow:hidden; background-color:#2E2E2A; } .pa-gal .gallery-item:nth-child(-n+2){grid-column:span 3} .pa-gal .gallery-item:nth-child(n+3){grid-column:span 2} .pa-gal .gallery-icon{ position:relative; display:block !important; overflow:hidden; margin:0 !important; padding:0 !important; line-height:0; aspect-ratio:3 / 2; } .pa-gal .gallery-item:nth-child(n+3) .gallery-icon{aspect-ratio:4 / 3} .pa-gal .gallery-icon a{display:block !important;height:100%;width:100%;line-height:0} .pa-gal .gallery-icon img{ width:100% !important; height:100% !important; object-fit:cover; display:block; border:0 !important; border-radius:0 !important; padding:0 !important; transform:scale(1.001); transition:transform 1.1s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-gal .gallery-item:hover .gallery-icon img{transform:scale(1.05)} .pa-gal .gallery-icon::after{ content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(19,19,17,.06) 0%, rgba(19,19,17,.30) 100%); transition:opacity .5s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-gal .gallery-item:hover .gallery-icon::after{opacity:.45} /* legenda desligada — se um dia quiser, troque para block */ .pa-gal .gallery-caption{display:none !important} /* ===== B · GALERIA do Pro (masonry por JS) ===== */ .pa-gal .elementor-gallery__container{ display:grid !important; grid-template-columns:repeat(6,1fr) !important; gap:12px !important; position:static !important; height:auto !important; min-height:0 !important; padding:0 !important; /* mata o padding-bottom inline */ margin:0 !important; } .pa-gal .e-gallery-item{ position:relative !important; display:block !important; width:auto !important; height:auto !important; min-height:0 !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; transform:none !important; margin:0 !important; padding:0 !important; overflow:hidden; background-color:#2E2E2A; text-decoration:none !important; } .pa-gal .e-gallery-item:nth-child(-n+2){grid-column:span 3} .pa-gal .e-gallery-item:nth-child(n+3){grid-column:span 2} .pa-gal .e-gallery-image{ position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; aspect-ratio:3 / 2; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; transform:scale(1.001); transition:transform 1.1s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-gal .e-gallery-item:nth-child(n+3) .e-gallery-image{aspect-ratio:4 / 3} .pa-gal .e-gallery-item:hover .e-gallery-image{transform:scale(1.05)} .pa-gal .elementor-gallery-item__overlay{ position:absolute !important; inset:0 !important; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(19,19,17,.06) 0%, rgba(19,19,17,.30) 100%) !important; opacity:1 !important; transition:opacity .5s var(--pa-ease,cubic-bezier(.19,1,.22,1)); } .pa-gal .e-gallery-item:hover .elementor-gallery-item__overlay{opacity:.45} /* foco de teclado: cada item e um link para o lightbox */ .pa-gal .gallery-item a:focus-visible, .pa-gal .e-gallery-item:focus-visible{ outline:2px solid var(--pa-neon,#00A953); outline-offset:3px; } /* ---------- responsivo ---------- */ @media (max-width:820px){ .pa-gal .elementor-image-gallery .gallery, .pa-gal .elementor-gallery__container{ grid-template-columns:repeat(2,1fr) !important; } .pa-gal .gallery-item:nth-child(-n+2), .pa-gal .e-gallery-item:nth-child(-n+2){grid-column:span 2} .pa-gal .gallery-item:nth-child(n+3), .pa-gal .e-gallery-item:nth-child(n+3){grid-column:span 1} } @media (max-width:768px){ .pa-gal-sec{padding:var(--pa-pad-y,64px) 0 !important} .pa-gal-sec > .e-con-inner{ padding-left:var(--pa-pad-x,20px) !important; padding-right:var(--pa-pad-x,20px) !important; } .pa-gal{padding-top:36px !important} .pa-gal .elementor-image-gallery .gallery, .pa-gal .elementor-gallery__container{gap:10px !important} } /* ---------- acessibilidade ---------- */ @media (prefers-reduced-motion:reduce){ .pa-gal .gallery-icon img, .pa-gal .gallery-icon::after, .pa-gal .e-gallery-image, .pa-gal .elementor-gallery-item__overlay{transition:none} .pa-gal .gallery-item:hover .gallery-icon img, .pa-gal .e-gallery-item:hover .e-gallery-image{transform:none} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a12e4e5 *//* ===================================================== PARQUE AVENTURAS — SINGLE · BLOCO 5 · APOIO CSS Personalizado do widget HTML de apoio. Sem `.elementor-769 .elementor-element.elementor-element-a12e4e5`: as classes já são namespace único. O .pa-line-link vem do 5-css-global.css, com a variante --light para seção clara. ===================================================== */ .pa-know__foot{margin:0} .pa-know__sub{ margin:0; font-family:'Public Sans',sans-serif; font-weight:400; font-size:16px; line-height:1.62; color:var(--pa-muted-d,#4A4840); } .pa-know__link{ margin-top:22px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5895245 *//* ===================================================== PARQUE AVENTURAS — SINGLE · BLOCO 5 · LISTA CSS Personalizado do widget HTML da lista. Sem `.elementor-769 .elementor-element.elementor-element-5895245`: a classe já é namespace único. Mesmo componente visual de O PETAR, Quem Somos e Estudo do Meio, mas com OUTRO NOME de classe: a faixa de números desta mesma página usa .pa-facts, e CSS de widget não atravessa páginas — mas atravessa widgets do mesmo documento. A grade de quatro colunas de lá caía aqui. Versão em SEÇÃO CLARA: a cor de ação é o laranja deep. O verde sobre creme dá 2,71:1 e não passa como texto. grid-template-columns:1fr é explícito de propósito — sem ele, uma folha externa pode dividir o