.elementor-31 .elementor-element.elementor-element-b8e336c{--display:flex;--position:fixed;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;top:0px;--z-index:999;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-b8e336c{left:0px;}body.rtl .elementor-31 .elementor-element.elementor-element-b8e336c{right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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 );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-b6761a3 > .elementor-widget-container{margin:0px 16px 0px 0px;}.elementor-31 .elementor-element.elementor-element-b6761a3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-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-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main .elementor-item:hover, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-31 .elementor-element.elementor-element-b6761a3{--e-nav-menu-horizontal-menu-item-margin:calc( 36px / 2 );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:36px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-078b3c1 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-078b3c1 .elementor-icon{padding:6px;}.elementor-31 .elementor-element.elementor-element-bae86a4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAEAEA17;--border-color:#EAEAEA17;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-31 .elementor-element.elementor-element-ce1ac42{top:64px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-53d624f );color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-default .elementor-icon{color:var( --e-global-color-53d624f );border-color:var( --e-global-color-53d624f );}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-53d624f );}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon{font-size:32px;padding:6px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon svg{height:32px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-4bed2a8.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4bed2a8 img{width:150px;max-width:200px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );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-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-a2c9da7{--divider-border-style:solid;--divider-color:#DCC8AA24;--divider-border-width:1px;}.elementor-31 .elementor-element.elementor-element-a2c9da7 .elementor-divider-separator{width:100%;}.elementor-31 .elementor-element.elementor-element-a2c9da7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-31 .elementor-element.elementor-element-1625f9d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu .elementor-item{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-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown{background-color:#02010100;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a:hover, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a:focus, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a.highlighted, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-menu-toggle:hover, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-menu-toggle:focus{color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a:hover, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a:focus, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a.highlighted{background-color:#02010100;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:#02010100;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Oswald", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;letter-spacing:-0.028em;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-31 .elementor-element.elementor-element-251a582{--divider-border-style:solid;--divider-color:#DCC8AA24;--divider-border-width:1px;}.elementor-31 .elementor-element.elementor-element-251a582 .elementor-divider-separator{width:100%;}.elementor-31 .elementor-element.elementor-element-251a582 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-31 .elementor-element.elementor-element-20f7b26{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-31 .elementor-element.elementor-element-20f7b26 .elementor-widget-container{text-align:center;}.elementor-31 .elementor-element.elementor-element-20f7b26 .elementor-social-icon{background-color:var( --e-global-color-53d624f );}.elementor-31 .elementor-element.elementor-element-20f7b26 .elementor-social-icon i{color:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-20f7b26 .elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-31 .elementor-element.elementor-element-aa71dc9{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-31 .elementor-element.elementor-element-b8e336c{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-b6761a3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-b6761a3{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{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-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu .elementor-item{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 );}}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-b6761a3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-b6761a3{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-31 .elementor-element.elementor-element-bae86a4{--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-31 .elementor-element.elementor-element-ce1ac42{top:64px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon{font-size:32px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon svg{height:32px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-4bed2a8 img{width:125px;}.elementor-widget-divider .elementor-divider__text{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-31 .elementor-element.elementor-element-1625f9d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu .elementor-item{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-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:16px;padding-bottom:16px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-b8e336c{--min-height:60px;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-078b3c1 .elementor-icon{font-size:24px;}.elementor-31 .elementor-element.elementor-element-078b3c1 .elementor-icon svg{height:24px;}.elementor-31 .elementor-element.elementor-element-bae86a4{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-31 .elementor-element.elementor-element-ce1ac42.elementor-element{--align-self:center;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-ce1ac42{right:32px;}body.rtl .elementor-31 .elementor-element.elementor-element-ce1ac42{left:32px;}.elementor-31 .elementor-element.elementor-element-ce1ac42{top:16px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon{font-size:20px;}.elementor-31 .elementor-element.elementor-element-ce1ac42 .elementor-icon svg{height:20px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-31 .elementor-element.elementor-element-4bed2a8.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-4bed2a8 img{width:125px;max-width:125px;}.elementor-widget-divider .elementor-divider__text{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-31 .elementor-element.elementor-element-a2c9da7 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-31 .elementor-element.elementor-element-1625f9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-1625f9d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu .elementor-item{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-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--main .elementor-item{padding-top:16px;padding-bottom:16px;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown .elementor-item, .elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown .elementor-sub-item{font-size:32px;}.elementor-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-31 .elementor-element.elementor-element-251a582 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-31 .elementor-element.elementor-element-20f7b26{--icon-size:16px;}}@media(min-width:2400px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{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-31 .elementor-element.elementor-element-1625f9d .elementor-nav-menu .elementor-item{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 );}}/* Start custom CSS for html, class: .elementor-element-04eedee *//* ===================================================== PARQUE AVENTURAS — MARCA DO HEADER Cola em: CSS Personalizado do widget HTML da marca Sem `.elementor-31 .elementor-element.elementor-element-04eedee`: as classes já são namespace único A largura total é travada em --pa-nav-side (definida no CSS global). O botão de WhatsApp usa o MESMO valor, então as duas laterais ficam iguais e o menu centraliza sozinho. Pra ajustar, muda só a variável no CSS global. ===================================================== */ .pa-brand{ display:inline-flex; align-items:center; gap:11px; min-width:var(--pa-nav-side,172px); text-decoration:none !important; line-height:1; transition:opacity .35s cubic-bezier(.19,1,.22,1); } .pa-brand:hover{opacity:.82} /* símbolo — o favicon 1:1 */ .pa-brand__mark{ width:52px; height:52px; flex-shrink:0; display:block; object-fit:contain; } .pa-brand__name{ font-family:'Outfit',sans-serif !important; font-weight:600; font-size:13px; line-height:1; letter-spacing:-.025em; text-transform:uppercase; color:#F2F0E8 !important; } /* ── tablet ── */ @media (max-width:1024px){ .pa-brand{gap:10px;min-width:var(--pa-nav-side-md,148px)} .pa-brand__mark{width:44px;height:44px} .pa-brand__name{font-size:12px} } /* ── mobile: só o símbolo, sem largura travada ── */ @media (max-width:600px){ .pa-brand{min-width:0} .pa-brand__mark{width:40px;height:40px} .pa-brand__name{ position:absolute; width:1px;height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } } /* ===================================================== VARIANTE — nome em duas linhas Deixa a marca mais estreita e com mais presença vertical. Troca no HTML por: Parque
Aventuras e usa: ===================================================== .pa-brand__name{font-size:17px;line-height:.98} ===================================================== */ @media (prefers-reduced-motion:reduce){ .pa-brand{transition:none} }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-b6761a3 *//* ===================================================== PARQUE AVENTURAS — MENU SUSPENSO (dropdown do menu nativo Elementor) Cola em: CSS Personalizado do widget de Menu (Elementor) ".elementor-31 .elementor-element.elementor-element-b6761a3" = escopo do widget. Lê a estrutura nativa (.sub-menu) — é só montar o menu com submenus no WordPress que ele estiliza sozinho. Vale pra Experiências (roteiros por núcleo) etc. ===================================================== */ /* ── TIPOGRAFIA dos itens de topo ── */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item { position: relative; font-family: 'Public Sans', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; } /* ── LINHA ANIMADA no hover dos itens (filete neon) ── Usa scaleX: cresce da esquerda no hover, encolhe pra direita ao sair. */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 1px; background: #00A953 !important; transform: scaleX(0); transform-origin: right center; /* sai encolhendo pra direita */ transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item:hover::after { transform: scaleX(1); transform-origin: left center; /* entra crescendo da esquerda */ } /* Item ativo / highlighted — linha cheia */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item.elementor-item-active::after, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .elementor-item.highlighted::after { transform: scaleX(1); transform-origin: left center; } /* ── SETA DO PARENT (item com submenu) ── */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-arrow { transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1) !important; } .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-arrow svg, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-arrow i { font-size: 9px !important; width: 9px !important; height: 9px !important; } /* gira a seta quando o submenu abre */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children:hover > a .sub-arrow, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children:focus-within > a .sub-arrow { transform: rotate(180deg) !important; } /* ===================================================== DROPDOWN — PAINEL (vidro escuro, fio neon) ===================================================== */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu { position: absolute !important; top: calc(100% + 14px) !important; left: 50% !important; transform: translateX(-50%) translateY(-6px) !important; min-width: 232px !important; padding: 8px !important; margin: 0 !important; list-style: none !important; background: rgba(19, 19, 17, 0.94) !important; /* Fundo faixa */ backdrop-filter: blur(18px) saturate(1.1) !important; -webkit-backdrop-filter: blur(18px) saturate(1.1) !important; border: 1px solid rgba(242, 240, 232, 0.07) !important; border-top: 2px solid #00A953 !important; /* acento neon */ border-radius: 6px !important; box-shadow: 0 24px 56px -22px rgba(0, 0, 0, 0.65), 0 8px 22px -14px rgba(0, 0, 0, 0.4) !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 0.24s ease, transform 0.24s ease !important; z-index: 200 !important; } /* Visível no hover/foco do pai */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children:hover > .sub-menu, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children:focus-within > .sub-menu { opacity: 1 !important; transform: translateX(-50%) translateY(0) !important; pointer-events: all !important; } /* Bridge invisível — preenche o vão entre o pai e o painel (evita que o dropdown "caia" ao mover o mouse pra baixo) */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children { position: relative !important; } .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .menu-item-has-children::before { content: '' !important; position: absolute !important; bottom: -14px !important; left: 0 !important; right: 0 !important; height: 14px !important; } /* ===================================================== DROPDOWN — ITENS (cor com !important + .sub-menu vence o header.css) ===================================================== */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu li { margin: 0 !important; padding: 0 !important; } .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:link, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:visited { display: flex !important; align-items: center !important; gap: 8px !important; padding: 11px 18px !important; border-radius: 5px !important; font-family: 'Public Sans', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgba(242, 240, 232, 0.6) !important; /* Creme suave */ text-decoration: none !important; white-space: nowrap !important; transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important; } /* IMPORTANTE: dentro do submenu a linha animada NÃO se aplica (o filete é só dos itens de topo). Desliga o ::after aqui. */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a::after { display: none !important; } /* Setinha discreta antes do texto — aparece no hover */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a::before { content: '›' !important; color: #00A953 !important; /* Neon */ font-size: 15px !important; line-height: 1 !important; opacity: 0 !important; transform: translateX(-4px) !important; transition: opacity 0.2s ease, transform 0.2s ease !important; flex-shrink: 0 !important; } /* Hover do item */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:hover, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:focus { background: rgba(0, 169, 83, 0.09) !important; /* Neon translúcido */ color: #F2F0E8 !important; /* Creme cheio */ padding-left: 22px !important; } .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:hover::before, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a:focus::before { opacity: 1 !important; transform: translateX(0) !important; } /* Item ativo */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a.elementor-item-active, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a.highlighted { color: #00A953 !important; } /* O item ativo não deve "sumir" o nome no hover — mantém Creme */ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu a.elementor-item-active:hover { color: #F2F0E8 !important; } /* respeita quem pediu menos movimento */ @media (prefers-reduced-motion:reduce){ .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu a, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu a::after, .elementor-31 .elementor-element.elementor-element-b6761a3 .elementor-nav-menu .sub-menu{transition:none !important} }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f44c458 *//* ===================================================== PARQUE AVENTURAS — BOTÃO WHATSAPP DO HEADER Cola em: CSS Personalizado do widget HTML do botão Sem `.elementor-31 .elementor-element.elementor-element-f44c458`: a classe .pa-nav-cta já é namespace único Hover: o fundo verde recolhe pra cima e um fundo creme entra por baixo. Duas camadas em clip-path, nada de mudar background-color no meio da transição. ===================================================== */ .pa-nav-cta{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:var(--pa-nav-side,172px); white-space:nowrap; font-family:'Public Sans',sans-serif !important; font-weight:600; font-size:12px; letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important; padding:12px 24px; border-radius:100px; border:1px solid transparent; line-height:1; overflow:hidden; isolation:isolate; background-color:transparent !important; /* o fundo é a camada ::before */ color:#0B1A07 !important; transition:color .42s cubic-bezier(.65,0,.35,1), transform .35s cubic-bezier(.19,1,.22,1); } /* camada 1 — verde, o estado de repouso. Recolhe pra cima no hover. */ .pa-nav-cta::before{ content:''; position:absolute; inset:0; z-index:-2; background:#00A953; clip-path:inset(0 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } /* camada 2 — creme, entra de baixo ocupando o lugar. */ .pa-nav-cta::after{ content:''; position:absolute; inset:0; z-index:-1; background:#F2F0E8; clip-path:inset(100% 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } .pa-nav-cta:hover, .pa-nav-cta:focus-visible{ color:#131311 !important; transform:translateY(-2px); } .pa-nav-cta:hover::before, .pa-nav-cta:focus-visible::before{ clip-path:inset(0 0 100% 0); } .pa-nav-cta:hover::after, .pa-nav-cta:focus-visible::after{ clip-path:inset(0 0 0 0); } .pa-nav-cta:active{transform:translateY(0)} .pa-nav-cta__icon{ width:16px; height:16px; flex-shrink:0; fill:currentColor; } /* ── tablet ── */ @media (max-width:1024px){ .pa-nav-cta{padding:11px 20px;font-size:11px;gap:8px;min-width:var(--pa-nav-side-md,148px)} .pa-nav-cta__icon{width:15px;height:15px} } /* ── mobile: vira só o ícone, redondo (o rótulo continua no DOM pra leitor de tela, mas fica visualmente oculto) ── */ @media (max-width:768px){ .pa-nav-cta{ width:42px; height:42px; min-width:0; padding:0; gap:0; border-radius:50%; } .pa-nav-cta__label{ position:absolute; width:1px;height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } .pa-nav-cta__icon{width:19px;height:19px} } /* sem animação para quem pediu movimento reduzido */ @media (prefers-reduced-motion:reduce){ .pa-nav-cta, .pa-nav-cta::before, .pa-nav-cta::after{transition:none} .pa-nav-cta:hover{transform:none} }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ce1ac42 */.elementor-31 .elementor-element.elementor-element-ce1ac42{ cursor: pointer; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bae86a4 *//* ===================================================== PARQUE AVENTURAS — POPUP FULLSCREEN (COMPLETO) Cola TUDO isto no "CSS Personalizado" do CONTAINER #popup-overlay (um campo só). Cortina em clip-path descendo de cima + itens escalonados. O JS é o pa-global-header (initPopup). ===================================================== */ /* ═══════════════════════════════════════════════ 1) CONTAINER — cortina fullscreen (NÃO REMOVER) ═══════════════════════════════════════════════ */ #popup-overlay { position: fixed; inset: 0; width: 100vw; height: 100svh; background: rgba(19, 19, 17, 0.97); backdrop-filter: blur(14px) saturate(1.1); -webkit-backdrop-filter: blur(14px) saturate(1.1); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 88px 24px 48px; overflow-y: auto; overscroll-behavior: contain; /* Estado inicial — ESCONDIDO (cortina recolhida no topo) */ opacity: 0; visibility: hidden; clip-path: inset(0 0 100% 0); transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), clip-path 0.7s cubic-bezier(0.76, 0, 0.24, 1), visibility 0.7s; } #popup-overlay.active { opacity: 1; visibility: visible; clip-path: inset(0 0 0 0); z-index: 999; } /* saída: a cortina recolhe pra cima de novo */ #popup-overlay.closing { opacity: 0; clip-path: inset(0 0 100% 0); transition: opacity 0.45s cubic-bezier(0.76, 0, 0.24, 1), clip-path 0.6s cubic-bezier(0.76, 0, 0.24, 1); } /* trava a rolagem do site enquanto o menu está aberto */ body.pa-popup-open { overflow: hidden !important; } /* filete neon no topo, marcando a borda da cortina */ #popup-overlay::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 2px; background: #00A953; opacity: 0; transition: opacity 0.4s ease 0.25s; pointer-events: none; } #popup-overlay.active::before { opacity: 1; } /* Links genéricos dentro do popup */ #popup-overlay a, #popup-overlay a:link, #popup-overlay a:visited { color: #F2F0E8 !important; text-decoration: none; transition: color 0.3s ease; } #popup-overlay a:hover, #popup-overlay a:focus, #popup-overlay a:active { color: #00A953 !important; } /* esconde a barra de rolagem do overlay */ #popup-overlay::-webkit-scrollbar { width: 0; background: transparent; } #popup-overlay { scrollbar-width: none; } /* ═══════════════════════════════════════════════ 2) ENTRADA ESCALONADA dos blocos internos Cada filho direto do overlay entra em sequência. ═══════════════════════════════════════════════ */ #popup-overlay > .elementor-element, #popup-overlay > div { opacity: 0; transform: translateY(22px); transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); } #popup-overlay.active > .elementor-element, #popup-overlay.active > div { opacity: 1; transform: none; } #popup-overlay.active > *:nth-child(1) { transition-delay: 0.30s; } #popup-overlay.active > *:nth-child(2) { transition-delay: 0.38s; } #popup-overlay.active > *:nth-child(3) { transition-delay: 0.46s; } #popup-overlay.active > *:nth-child(4) { transition-delay: 0.54s; } #popup-overlay.active > *:nth-child(5) { transition-delay: 0.62s; } /* na saída, tudo some junto e rápido */ #popup-overlay.closing > * { transition-delay: 0s !important; } /* ═══════════════════════════════════════════════ 3) BOTÃO FECHAR — só o hover. Posição fica por sua conta (painel do Elementor). ═══════════════════════════════════════════════ */ #popup-overlay #close-button, #popup-overlay .close-button { cursor: pointer; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); } #popup-overlay #close-button:hover, #popup-overlay .close-button:hover { transform: rotate(90deg); } /* ═══════════════════════════════════════════════ 4) MENU — centralizado, accordion nos submenus ═══════════════════════════════════════════════ */ /* anti-vazamento (não deixa ancestral cortar/encolher) */ #popup-overlay .elementor-widget-container, #popup-overlay .elementor-nav-menu--main, #popup-overlay .elementor-nav-menu, #popup-overlay nav { flex-wrap: nowrap !important; max-height: none !important; height: auto !important; overflow: visible !important; } /* UL principal: coluna centralizada */ #popup-overlay .elementor-nav-menu, #popup-overlay .elementor-nav-menu > ul { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; list-style: none !important; padding: 0 !important; margin: 0 !important; } #popup-overlay .elementor-nav-menu > ul > li { width: 100% !important; display: block !important; position: relative !important; flex: 0 0 auto !important; text-align: center !important; } /* itens principais — Outfit grande, centralizado */ #popup-overlay .elementor-nav-menu > ul > li > a, #popup-overlay .elementor-nav-menu > ul > li > a:link, #popup-overlay .elementor-nav-menu > ul > li > a:visited { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; position: relative !important; padding: 14px 0 !important; font-family: 'Outfit', sans-serif !important; font-size: 26px !important; font-weight: 600 !important; letter-spacing: -0.035em !important; text-transform: uppercase !important; line-height: 1.1 !important; color: rgba(242, 240, 232, 0.94) !important; background: transparent !important; border: none !important; text-decoration: none !important; transition: color 0.25s ease !important; } #popup-overlay .elementor-nav-menu > ul > li > a:hover, #popup-overlay .elementor-nav-menu > ul > li > a:focus { color: #00A953 !important; } /* chevron do item-pai — ao lado do texto, não na borda */ #popup-overlay .menu-item-has-children > a::after { content: '' !important; width: 8px !important; height: 8px !important; border-right: 2px solid #00A953 !important; border-bottom: 2px solid #00A953 !important; transform: translateY(-4px) rotate(45deg) !important; transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; opacity: 0.85 !important; pointer-events: none !important; flex-shrink: 0 !important; } #popup-overlay li.submenu-open > a::after { transform: translateY(2px) rotate(225deg) !important; } #popup-overlay .menu-item-has-children > a .sub-arrow { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } /* sub-menu: accordion centralizado */ #popup-overlay .sub-menu { list-style: none !important; padding: 0 !important; margin: 0 !important; max-height: 0 !important; overflow: hidden !important; background: transparent !important; border: none !important; box-shadow: none !important; backdrop-filter: none !important; display: block !important; width: 100% !important; position: static !important; opacity: 1 !important; transform: none !important; pointer-events: auto !important; transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1), padding 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important; } #popup-overlay li.submenu-open > .sub-menu { max-height: 600px !important; padding: 4px 0 14px !important; } /* itens do sub-menu — Public Sans, discretos */ #popup-overlay .sub-menu li { margin: 0 !important; padding: 0 !important; width: 100% !important; display: block !important; } #popup-overlay .sub-menu a, #popup-overlay .sub-menu a:link, #popup-overlay .sub-menu a:visited { display: block !important; padding: 9px 0 !important; font-family: 'Public Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; line-height: 1.3 !important; color: rgba(242, 240, 232, 0.55) !important; border: none !important; background: transparent !important; text-decoration: none !important; transition: color 0.2s ease !important; } #popup-overlay .sub-menu a:hover, #popup-overlay .sub-menu a:focus { color: #00C962 !important; } #popup-overlay .sub-menu a.elementor-item-active, #popup-overlay .sub-menu a.highlighted, #popup-overlay .sub-menu a[aria-current="page"] { color: #00C962 !important; } /* ═══════════════════════════════════════════════ 5) DIVISOR — linha fina entre blocos Aplica a classe .pa-popup-rule num divisor/HTML ═══════════════════════════════════════════════ */ #popup-overlay .pa-popup-rule { width: 100%; max-width: 320px; height: 1px; background: rgba(242, 240, 232, 0.12); margin: 26px auto; } /* ═══════════════════════════════════════════════ 6) BOTÃO WHATSAPP no rodapé do popup ═══════════════════════════════════════════════ */ #popup-overlay .pa-nav-cta { display: inline-flex !important; width: auto !important; height: auto !important; justify-content: center !important; gap: 9px !important; padding: 16px 34px !important; margin-top: 8px !important; border-radius: 100px !important; background: #00A953 !important; color: #0B1A07 !important; font-family: 'Public Sans', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } #popup-overlay .pa-nav-cta:hover { background: #00C962 !important; color: #0B1A07 !important; } /* no popup o rótulo volta a aparecer */ #popup-overlay .pa-nav-cta__label { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; } #popup-overlay .pa-nav-cta__icon { width: 17px !important; height: 17px !important; } /* ═══════════════════════════════════════════════ 7) RESPONSIVO ═══════════════════════════════════════════════ */ @media (min-width: 1025px) { /* em telas grandes o menu pode ser bem maior */ #popup-overlay .elementor-nav-menu > ul > li > a { font-size: 35px !important; } } @media (max-width: 767px) { #popup-overlay { padding: 80px 20px 40px; } #popup-overlay .elementor-nav-menu > ul > li > a { font-size: 22px !important; padding: 11px 0 !important; } } @media (max-height: 620px) { #popup-overlay { justify-content: flex-start; } #popup-overlay .elementor-nav-menu > ul > li > a { font-size: 18px !important; padding: 9px 0 !important; } } /* acessibilidade */ @media (prefers-reduced-motion: reduce) { #popup-overlay, #popup-overlay > * { transition-duration: 0.01ms !important; transition-delay: 0s !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8e336c *//* ============================================= PARQUE AVENTURAS — HEADER MENU CONTAINER CSS Personalizado do container .header-menu Header escuro nos dois estados. Sem logo swap. Classe .scrolled aplicada pelo JS global (>80px). Tipografia e dropdown ficam no CSS do widget de Menu. Sem override de editor — o estado real aparece na edicao. PAPEIS SEPARADOS (corrigido): - o FUNDO e sempre do container externo (.header-menu), que ocupa a tela inteira; - a LARGURA e sempre do .e-con-inner, que fica transparente e so limita o conteudo a 1280. Antes o fundo era pintado nos dois. Com o container em Boxed, quem aparecia era o inner — e a faixa escura ficava do tamanho do grid em vez de ir de borda a borda. Grid: padding lateral ZERO acima de 1280, igual as heros e a home, para o menu alinhar com o conteudo das paginas. ============================================= */ /* o externo ocupa a tela inteira, sempre */ .header-menu{ width:100% !important; max-width:none !important; padding-left:0 !important; padding-right:0 !important; } /* o inner limita a largura e NUNCA recebe cor */ .header-menu > .e-con-inner, .header-menu > .elementor-container{ width:100% !important; max-width:1280px !important; margin:0 auto !important; padding-left:0 !important; padding-right:0 !important; background-color:transparent !important; background-image:none !important; } @media (max-width:1280px){ .header-menu > .e-con-inner, .header-menu > .elementor-container{ padding-left:32px !important; padding-right:32px !important; } } @media (max-width:768px){ .header-menu > .e-con-inner, .header-menu > .elementor-container{ padding-left:20px !important; padding-right:20px !important; } } /* Estado padrao: transparente, sempre visivel */ .header-menu { background-color: transparent !important; background-image: none !important; transition: background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* Scrolled: vidro escuro com fio neon, de borda a borda */ .header-menu.scrolled { background-color: rgba(19, 19, 17, 0.94) !important; backdrop-filter: blur(18px) saturate(1.15); -webkit-backdrop-filter: blur(18px) saturate(1.15); box-shadow: 0 1px 0 rgba(0, 169, 83, 0.18), 0 10px 30px -18px rgba(0, 0, 0, 0.7); } /* Fallback: navegador sem backdrop-filter fica solido, pra nunca deixar o menu ilegivel sobre a foto. */ @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .header-menu.scrolled { background-color: #131311 !important; } } /* ── Links: creme nos dois estados ── */ .header-menu .elementor-nav-menu a, .header-menu .elementor-widget-button a, .header-menu a { color: #F2F0E8 !important; transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* Hover — neon */ .header-menu .elementor-nav-menu a:hover, .header-menu .elementor-nav-menu a:focus, .header-menu .elementor-nav-menu a:active { color: #00A953 !important; } /* ── Seta do dropdown: herda no padrão, neon no hover ── */ .header-menu .elementor-nav-menu .sub-arrow, .header-menu .elementor-nav-menu .sub-arrow svg { color: inherit !important; fill: currentColor !important; } .header-menu .elementor-nav-menu .menu-item-has-children:hover > a .sub-arrow, .header-menu .elementor-nav-menu .menu-item-has-children:hover > a .sub-arrow svg { color: #00A953 !important; fill: #00A953 !important; } /* ── Botões no header: escapam da regra de cor dos links. Como o hover troca a cor do texto, as duas precisam estar declaradas explicitamente — senão o Elementor herda a sua. ── */ .header-menu .pa-btn--neon, .header-menu .pa-nav-cta { color: #0B1A07 !important; } .header-menu .pa-btn--neon:hover, .header-menu .pa-btn--neon:focus-visible, .header-menu .pa-nav-cta:hover, .header-menu .pa-nav-cta:focus-visible { color: #131311 !important; } /* respeita quem pediu menos movimento */ @media (prefers-reduced-motion:reduce){ .header-menu{transition:none} }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aa71dc9 *//* ============================================================ PARQUE AVENTURAS · UTILITÁRIOS GLOBAIS (design system) Cola em: Elementor > Configurações do Site > CSS Personalizado (uma vez só — vale pro site inteiro) Componentes de seção (hero, grids, mídias) continuam no CSS do próprio widget com `.elementor-31 .elementor-element.elementor-element-aa71dc9`. Aqui vive só o que repete. ============================================================ */ /* ──────────────────────────────────────────── TOKENS Referência rápida das cores e medidas do projeto. Cores também estão nas Cores Globais do kit. ──────────────────────────────────────────── */ :root{ --pa-ink:#242421; /* fundo base */ --pa-ink-2:#1B1B19; /* faixas e cards escuros */ --pa-ink-3:#131311; /* rodapé */ --pa-cream:#F2F0E8; /* texto no escuro · fundo das seções claras */ --pa-cream-2:#E4E0D4; /* hover no claro */ --pa-neon:#00A953; /* verde do logo · cor de ação */ --pa-neon-deep:#0A6B36; /* verde escuro · hover do botão */ --pa-orange:#FF8728; /* laranja do logo · acento no escuro */ --pa-orange-deep:#C25E12; /* acento no claro (contraste) */ --pa-orange-dark:#8F430A; /* laranja escuro · hover do botão */ --pa-wa:#25D366; /* WhatsApp */ /* REGRA DE TEXTO — vale em todas as seções: título ....... --pa-cream (escuro) · --pa-ink (claro) apoio ........ --pa-muted (escuro) · --pa-muted-d (claro) legenda ...... --pa-dim (escuro) · --pa-dim (claro) Nunca use rgba do creme para texto: cria variações que competem com o título. */ --pa-muted:#C2C0B5; /* parágrafo no escuro */ --pa-muted-d:#4A4840; /* parágrafo no claro */ --pa-dim:#8A8880; /* legenda no escuro */ --pa-line:rgba(242,240,232,.13); --pa-line-d:rgba(36,36,33,.14); --pa-grid:1280px; /* largura das laterais do header (marca e botão) — iguais, pra o menu ficar exatamente centralizado */ --pa-nav-side:172px; --pa-nav-side-md:148px; --pa-pad-x:32px; --pa-pad-y:96px; --pa-ease:cubic-bezier(.19,1,.22,1); } @media (max-width:768px){ :root{--pa-pad-x:20px;--pa-pad-y:64px} } /* ──────────────────────────────────────────── EYEBROW — microlabel acima dos títulos, com o "+" solto Uso: Catálogo --dark = seção escura | --light = seção clara ──────────────────────────────────────────── */ .pa-eyebrow{ display:block; font-family:'Public Sans',sans-serif !important; font-weight:600; font-size:11px; letter-spacing:.16em; text-transform:uppercase; line-height:1.4; } .pa-eyebrow::after{ content:'+'; display:block; margin-top:8px; font-size:15px; letter-spacing:0; line-height:1; color:var(--pa-neon); } .pa-eyebrow--dark{color:var(--pa-cream)} .pa-eyebrow--light{color:var(--pa-ink)} .pa-eyebrow--light::after{color:var(--pa-orange-deep)} /* ──────────────────────────────────────────── DESTAQUE — span dentro de títulos Uso no widget de Título: Conta quantos dias você tem. A gente monta o resto. --deep = versão de contraste pra seção clara ──────────────────────────────────────────── */ .pa-accent{color:var(--pa-neon) !important} .pa-accent-orange{color:var(--pa-orange) !important} .pa-accent-deep{color:var(--pa-orange-deep) !important} /* ──────────────────────────────────────────── BOTÕES — repetem em todas as seções Uso: Texto Variantes: --neon · --out · --out-dark · --ink · --orange · --wa Modificador de tamanho: pa-btn--sm (header) ──────────────────────────────────────────── */ .pa-btn{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; white-space:nowrap; font-family:'Public Sans',sans-serif !important; font-weight:600; font-size:13px; letter-spacing:.1em; text-transform:uppercase; text-decoration:none !important; padding:16px 32px; border-radius:100px; border:1px solid transparent; cursor:pointer; overflow:hidden; isolation:isolate; background-color:transparent !important; /* o fundo é a camada ::before */ transition:color .42s cubic-bezier(.65,0,.35,1), border-color .42s cubic-bezier(.65,0,.35,1), transform .35s var(--pa-ease); } .pa-btn svg{width:16px;height:16px;transition:transform .35s;fill:none;stroke:currentColor} .pa-btn:hover svg{transform:translateX(4px)} /* camada de repouso — recolhe pra cima no hover */ .pa-btn::before{ content:'';position:absolute;inset:0;z-index:-2; clip-path:inset(0 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } /* camada de hover — entra de baixo */ .pa-btn::after{ content:'';position:absolute;inset:0;z-index:-1; clip-path:inset(100% 0 0 0); transition:clip-path .42s cubic-bezier(.65,0,.35,1); } .pa-btn:hover, .pa-btn:focus-visible{transform:translateY(-2px)} .pa-btn:hover::before, .pa-btn:focus-visible::before{clip-path:inset(0 0 100% 0)} .pa-btn:hover::after, .pa-btn:focus-visible::after{clip-path:inset(0 0 0 0)} .pa-btn:active{transform:translateY(0)} /* ── variantes: cada uma define as duas camadas e as duas cores de texto ── */ .pa-btn--neon{color:#0B1A07 !important} .pa-btn--neon::before{background:var(--pa-neon)} .pa-btn--neon::after{background:var(--pa-cream)} .pa-btn--neon:hover, .pa-btn--neon:focus-visible{color:var(--pa-ink) !important} /* verde escuro com texto creme — para seção clara, onde o verde vivo brigaria com o creme do fundo */ .pa-btn--green-deep{color:var(--pa-cream) !important} .pa-btn--green-deep::before{background:var(--pa-neon-deep)} .pa-btn--green-deep::after{background:var(--pa-ink)} .pa-btn--green-deep:hover, .pa-btn--green-deep:focus-visible{color:var(--pa-cream) !important} /* contorno para seção ESCURA */ .pa-btn--out{border-color:rgba(242,240,232,.34);color:var(--pa-cream) !important} .pa-btn--out::after{background:var(--pa-cream)} .pa-btn--out:hover, .pa-btn--out:focus-visible{border-color:var(--pa-cream);color:var(--pa-ink) !important} /* contorno para seção CLARA */ .pa-btn--out-dark{border-color:rgba(36,36,33,.28);color:var(--pa-ink) !important} .pa-btn--out-dark::after{background:var(--pa-ink)} .pa-btn--out-dark:hover, .pa-btn--out-dark:focus-visible{border-color:var(--pa-ink);color:var(--pa-cream) !important} .pa-btn--ink{color:var(--pa-cream) !important} .pa-btn--ink::before{background:var(--pa-ink)} .pa-btn--ink::after{background:var(--pa-neon)} .pa-btn--ink:hover, .pa-btn--ink:focus-visible{color:#0B1A07 !important} /* escurece no hover (não clareia): em seção creme o hover claro sumia contra o fundo */ .pa-btn--orange{color:#1A0D02 !important} .pa-btn--orange::before{background:var(--pa-orange)} .pa-btn--orange::after{background:var(--pa-orange-dark)} .pa-btn--orange:hover, .pa-btn--orange:focus-visible{color:var(--pa-cream) !important} .pa-btn--wa{color:#fff !important} .pa-btn--wa::before{background:var(--pa-wa)} .pa-btn--wa::after{background:var(--pa-cream)} .pa-btn--wa:hover, .pa-btn--wa:focus-visible{color:var(--pa-ink) !important} @media (prefers-reduced-motion:reduce){ .pa-btn,.pa-btn::before,.pa-btn::after,.pa-btn svg{transition:none} .pa-btn:hover{transform:none} } .pa-btn--sm{padding:12px 24px;font-size:12px;letter-spacing:.08em} .pa-btn--block{width:100%;padding:18px 24px;font-size:14px;letter-spacing:.08em} /* ──────────────────────────────────────────── CTA DE FIM DE SEÇÃO — botão centralizado com filete acima Uso:
…
Variante --clean tira o filete. ──────────────────────────────────────────── */ .pa-sec-cta{ display:flex; justify-content:center; margin-top:44px; padding-top:36px; border-top:1px solid var(--pa-line); } .pa-sec-cta--clean{border-top:0;padding-top:0} .light .pa-sec-cta, .pa-sec-cta--light{border-top-color:var(--pa-line-d)} /* ──────────────────────────────────────────── TAG — etiqueta de dificuldade, duração, núcleo Uso: Moderado ──────────────────────────────────────────── */ .pa-tag{ display:inline-block; font-family:'Public Sans',sans-serif !important; font-weight:600; font-size:9px; letter-spacing:.13em; text-transform:uppercase; padding:5px 10px; border-radius:100px; border:1px solid rgba(242,240,232,.2); color:var(--pa-muted); } .pa-tag--hl{color:var(--pa-neon);border-color:rgba(0,169,83,.42)} .pa-tag--light{border-color:var(--pa-line-d);color:var(--pa-muted-d)} /* ──────────────────────────────────────────── LINE-LINK — link com linha animada Uso: Ver roteiro ──────────────────────────────────────────── */ .pa-line-link{ position:relative; display:inline-flex; align-items:center; gap:10px; font-family:'Public Sans',sans-serif !important; font-weight:600; font-size:13px; letter-spacing:.12em; text-transform:uppercase; text-decoration:none !important; padding-bottom:7px; transition:color .3s var(--pa-ease); } .pa-line-link svg{ width:15px;height:15px;flex-shrink:0; transition:transform .35s var(--pa-ease); } .pa-line-link::after{ content:''; position:absolute; left:0;bottom:0; width:100%;height:1px; background:var(--pa-neon); transform:scaleX(0); transform-origin:right center; transition:transform .4s var(--pa-ease); } .pa-line-link:hover::after, .pa-line-link:focus::after{transform:scaleX(1);transform-origin:left center} .pa-line-link:hover svg, .pa-line-link:focus svg{transform:translateX(4px)} .pa-line-link--dark{color:var(--pa-cream) !important} .pa-line-link--dark:hover, .pa-line-link--dark:focus{color:var(--pa-neon) !important} .pa-line-link--light{color:var(--pa-ink) !important} .pa-line-link--light::after{background:var(--pa-orange-deep)} .pa-line-link--light:hover, .pa-line-link--light:focus{color:var(--pa-orange-deep) !important} /* ──────────────────────────────────────────── WHATSAPP FLUTUANTE Uso: SVG Aparece após 420px de rolagem (JS global) ──────────────────────────────────────────── */ .pa-wa-float{ position:fixed; right:20px;bottom:20px; z-index:9999; width:54px;height:54px; border-radius:50%; background:var(--pa-wa); display:grid;place-items:center; box-shadow:0 10px 30px rgba(37,211,102,.34); opacity:0; visibility:hidden; transform:translateY(14px) scale(.9); transition:opacity .4s var(--pa-ease),transform .4s var(--pa-ease),visibility .4s; } .pa-wa-float.is-visible{opacity:1;visibility:visible;transform:none} .pa-wa-float:hover{transform:scale(1.09)} .pa-wa-float svg{width:27px;height:27px;fill:#fff} /* ──────────────────────────────────────────── FAIXA DE SEÇÃO — padding vertical padrão Aplicar a classe na seção do Elementor (Avançado > Classes CSS) ──────────────────────────────────────────── */ .pa-sec{padding-top:var(--pa-pad-y);padding-bottom:var(--pa-pad-y)} .pa-sec--tight{padding-top:calc(var(--pa-pad-y) * .6);padding-bottom:calc(var(--pa-pad-y) * .6)} .pa-sec--airy{padding-top:calc(var(--pa-pad-y) * 1.5);padding-bottom:var(--pa-pad-y)} /* ──────────────────────────────────────────── ESCALA DE TÍTULOS Para títulos fora de widget HTML (widget Título do Elementor) ──────────────────────────────────────────── */ .pa-h2{ font-family:'Outfit',sans-serif !important; font-weight:600 !important; font-size:39px; line-height:.95; letter-spacing:-.035em; text-transform:uppercase; } @media (max-width:1024px){ .pa-h2{font-size:29px} } @media (max-width:768px){ .pa-h2{font-size:24px} } /* ──────────────────────────────────────────── REVEAL — estado inicial das animações de entrada Precisa viver aqui (e não só no widget da hero) porque .pa-rv é usado em TODAS as seções. Sem isso, o elemento aparece antes do JS rodar e o GSAP o esconde depois — o resultado é um piscar feio no carregamento. O JS neutraliza esta transição quando assume. ──────────────────────────────────────────── */ .pa-rv{ opacity:0; transform:translateY(28px); transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); } .pa-rv.pa-on{opacity:1;transform:none} .pa-rv-d1{transition-delay:.1s} .pa-rv-d2{transition-delay:.2s} .pa-rv-d3{transition-delay:.3s} /* .pa-headline — reveal por clip-path nos H2 de seção */ .pa-headline{opacity:1} @media (prefers-reduced-motion:reduce){ .pa-rv{opacity:1;transform:none;transition:none} } /* ──────────────────────────────────────────── MODO EDITOR — estados de animação neutralizados (.pa-rv fica visível pra edição; o JS cuida no front) ──────────────────────────────────────────── */ body.elementor-editor-active .pa-rv{ opacity:1 !important; transform:none !important; } body.elementor-editor-active .pa-wa-float{ opacity:1 !important; visibility:visible !important; transform:none !important; }/* End custom CSS */ /* Start custom CSS */html, body{ overflow-x: hidden !important; scroll-behavior: auto !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.eot'); src: url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.eot?#iefix') format('embedded-opentype'), url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.woff2') format('woff2'), url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.woff') format('woff'), url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.ttf') format('truetype'), url('https://parqueaventuras.com.br/wp-content/uploads/2026/08/oswald-700.svg#Oswald') format('svg'); } /* End Custom Fonts CSS */