.elementor-501 .elementor-element.elementor-element-a16f450{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-501 .elementor-element.elementor-element-3aaccee{--display:flex;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;}.elementor-501 .elementor-element.elementor-element-3aaccee.e-con{--align-self:center;}.elementor-501 .elementor-element.elementor-element-169dd59{--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-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-501 .elementor-element.elementor-element-529c50a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-501 .elementor-element.elementor-element-529c50a img{width:130px;}.elementor-501 .elementor-element.elementor-element-0710826{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-10px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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 );line-height:var( --e-global-typography-primary-line-height );}.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 );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-menu-toggle{margin-left:auto;}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:35px;}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-416f870 );fill:var( --e-global-color-416f870 );padding-left:35px;padding-right:35px;padding-top:0px;padding-bottom:0px;}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a:hover, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a:focus, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a.highlighted, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-menu-toggle:hover, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-menu-toggle:focus{color:var( --e-global-color-416f870 );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a:hover, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a:focus, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-416f870 );background-color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 1px 1px rgba(0,0,0,0.5);}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:var( --e-global-color-7f94dd0 );border-bottom-width:1px;}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-501 .elementor-element.elementor-element-88123a7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-501 .elementor-element.elementor-element-c1b30c7{--display:flex;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 5px 1px rgba(255, 255, 255, 0.08);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:30px;--padding-right:30px;--z-index:999;}.elementor-501 .elementor-element.elementor-element-c1b30c7:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-c1b30c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7f94dd0 );}.elementor-501 .elementor-element.elementor-element-c1b30c7.e-con{--align-self:center;}.elementor-501 .elementor-element.elementor-element-bc4512c{--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-501 .elementor-element.elementor-element-33cc279{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-501 .elementor-element.elementor-element-33cc279 img{width:130px;}.elementor-501 .elementor-element.elementor-element-9afefe6{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-10px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-menu-toggle{margin-left:auto;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;line-height:35px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-416f870 );fill:var( --e-global-color-416f870 );padding-left:35px;padding-right:35px;padding-top:0px;padding-bottom:0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-underline .elementor-item:after, .elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-overline .elementor-item:before, .elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-double-line .elementor-item:before, .elementor-501 .elementor-element.elementor-element-1f063f8 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a:hover, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a:focus, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a.highlighted, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-menu-toggle:hover, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-menu-toggle:focus{color:var( --e-global-color-416f870 );}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a:hover, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a:focus, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-416f870 );background-color:var( --e-global-color-accent );}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown{border-radius:30px 30px 30px 30px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:30px;border-top-right-radius:30px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:30px;border-bottom-left-radius:30px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 1px 1px rgba(0,0,0,0.5);}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:var( --e-global-color-7f94dd0 );border-bottom-width:1px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle{color:var( --e-global-color-416f870 );}.elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle svg{fill:var( --e-global-color-416f870 );}.elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle:hover, .elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle:focus{color:var( --e-global-color-b917054 );}.elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle:hover svg, .elementor-501 .elementor-element.elementor-element-1f063f8 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-b917054 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.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-501 .elementor-element.elementor-element-529c50a img{width:150px;}.elementor-501 .elementor-element.elementor-element-0710826{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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 );}.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 );}.elementor-501 .elementor-element.elementor-element-5e74df4 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-501 .elementor-element.elementor-element-33cc279 img{width:150px;}.elementor-501 .elementor-element.elementor-element-9afefe6{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-169dd59{--width:30%;}.elementor-501 .elementor-element.elementor-element-0710826{--width:70%;}.elementor-501 .elementor-element.elementor-element-bc4512c{--width:30%;}.elementor-501 .elementor-element.elementor-element-9afefe6{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-501 .elementor-element.elementor-element-169dd59{--width:50%;}.elementor-501 .elementor-element.elementor-element-0710826{--width:50%;}.elementor-501 .elementor-element.elementor-element-bc4512c{--width:50%;}.elementor-501 .elementor-element.elementor-element-9afefe6{--width:50%;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-3aaccee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-501 .elementor-element.elementor-element-169dd59{--width:46%;}.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-501 .elementor-element.elementor-element-0710826{--width:46%;}.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 );}.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 );}.elementor-501 .elementor-element.elementor-element-c1b30c7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-501 .elementor-element.elementor-element-bc4512c{--width:46%;}.elementor-501 .elementor-element.elementor-element-9afefe6{--width:46%;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown{border-radius:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-501 .elementor-element.elementor-element-1f063f8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}}/* Start custom CSS for container, class: .elementor-element-a16f450 *//* ========================================================= CRUX HEADER DESKTOP — CONFIGURAÇÕES ========================================================= */ :root { --crux-header-scroll-width: 1250px; --crux-header-viewport-gap: 40px; --crux-header-transition: 1000ms cubic-bezier(0.65, 0, 0.35, 1); --crux-header-scroll-background: rgba(0, 0, 0, 0.78); --crux-header-scroll-border: rgba(255, 255, 255, 0.12); --crux-header-scroll-blur: 20px; --crux-desktop-menu-background: rgba(0, 0, 0, 0.88); --crux-desktop-menu-border: rgba(255, 255, 255, 0.14); --crux-desktop-menu-divider: rgba(255, 255, 255, 0.10); --crux-desktop-menu-hover: rgba(54, 168, 255, 0.16); --crux-desktop-menu-active: rgba(54, 168, 255, 0.24); --crux-desktop-menu-transition: 320ms cubic-bezier(0.22, 1, 0.36, 1); } /* ========================================================= SOMENTE DESKTOP ========================================================= */ @media (min-width: 1025px) { /* ======================================================= CONTAINER EXTERNO ======================================================= */ .crux-header { position: fixed !important; z-index: 999999 !important; top: 0; right: 0 !important; left: 0 !important; width: 100% !important; max-width: none !important; margin: 0 !important; box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; --width: 100% !important; --content-width: 100% !important; } /* ======================================================= WRAPPER INTERNO DO ELEMENTOR ======================================================= */ .crux-header > .e-con-inner { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; box-sizing: border-box; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; } /* ======================================================= BARRA PRINCIPAL ======================================================= */ .crux-header-bar { position: relative !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; align-self: center !important; margin-right: auto !important; margin-left: auto !important; box-sizing: border-box; background-color: transparent; border: 1px solid transparent; -webkit-backdrop-filter: blur(0) saturate(100%); backdrop-filter: blur(0) saturate(100%); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transform: none !important; overflow: visible !important; transition: width var(--crux-header-transition), max-width var(--crux-header-transition), background-color var(--crux-header-transition), border-color var(--crux-header-transition), box-shadow var(--crux-header-transition), backdrop-filter var(--crux-header-transition), -webkit-backdrop-filter var(--crux-header-transition); will-change: width, max-width, background-color, border-color, box-shadow, backdrop-filter; } /* ======================================================= ESTADO ORIGINAL ======================================================= */ .crux-header.crux-header-ready .crux-header-bar { width: min( var(--crux-header-expanded-width), calc(100% - var(--crux-header-viewport-gap)) ) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; } /* ======================================================= ESTADO APÓS O SCROLL ======================================================= */ .crux-header.crux-header-ready.is-scrolled .crux-header-bar { width: min( var(--crux-header-scroll-width), calc(100% - var(--crux-header-viewport-gap)) ) !important; max-width: none !important; margin-right: auto !important; margin-left: auto !important; background-color: var(--crux-header-scroll-background) !important; border-color: var(--crux-header-scroll-border) !important; -webkit-backdrop-filter: blur(var(--crux-header-scroll-blur)) saturate(140%); backdrop-filter: blur(var(--crux-header-scroll-blur)) saturate(140%); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28), 0 5px 16px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08); } /* ======================================================= PROTEÇÃO DA DISTRIBUIÇÃO INTERNA ======================================================= */ .crux-header.is-scrolled .crux-header-bar { flex-wrap: nowrap !important; } .crux-header.is-scrolled :is( .crux-header-logo-wrap, .crux-header-menu-wrap, .crux-header-cta-wrap ) { transform: none !important; } .crux-header.is-scrolled .crux-header-menu-wrap ul { flex-wrap: nowrap !important; } .crux-header.is-scrolled .crux-header-menu-wrap :is( li, a ) { white-space: nowrap !important; } .crux-header.is-scrolled .crux-header-cta-wrap :is( .elementor-button, .elementor-button-text ) { white-space: nowrap !important; } .crux-header.is-scrolled .crux-header-cta-wrap .elementor-button-content-wrapper { flex-wrap: nowrap !important; } /* ======================================================= WRAPPERS DO MENU ======================================================= */ .crux-header-menu-wrap, .crux-header-menu-wrap > .e-con-inner, .crux-header-menu-wrap .elementor-widget-container, .crux-header-menu-wrap .elementor-widget-n-menu, .crux-header-menu-wrap .elementor-widget-nav-menu, .crux-header-menu-wrap .e-n-menu, .crux-header-menu-wrap .e-n-menu-wrapper { overflow: visible !important; } .crux-header-menu-wrap :is( .elementor-widget-n-menu, .elementor-widget-nav-menu ) { position: relative; z-index: 100; } /* ======================================================= NOVO WIDGET MENU — WRAPPER EXTERNO SEM BORDA OU FUNDO ======================================================= */ .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content { padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; overflow: visible !important; } .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content::before, .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content::after { display: none !important; } /* ======================================================= NOVO WIDGET MENU — CAIXA REAL ======================================================= */ .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content > .e-con { position: relative !important; isolation: isolate; overflow: hidden !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01) 50%, rgba(54, 168, 255, 0.025) ), var(--crux-desktop-menu-background) !important; border: 1px solid var(--crux-desktop-menu-border) !important; border-radius: 20px !important; outline: 0 !important; -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 22px 52px rgba(0, 0, 0, 0.38), 0 7px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.07); } /* Remove a borda invisível duplicada */ .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner, .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con-inner > .e-con, .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content > .e-con > .e-con { background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* ======================================================= ITENS DO NOVO MENU ======================================================= */ .crux-header-menu-wrap .e-n-menu-content :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ) { color: #FFFFFF !important; background-color: transparent !important; background-image: none !important; outline: 0 !important; transition: color var(--crux-desktop-menu-transition), background-color var(--crux-desktop-menu-transition), box-shadow var(--crux-desktop-menu-transition); } .crux-header-menu-wrap .e-n-menu-content :is( .e-n-menu-title-text, .e-n-menu-title-container, .elementor-heading-title, .elementor-icon-list-text ) { color: #FFFFFF !important; } .crux-header-menu-wrap .e-n-menu-content .e-n-menu-title { border: 0 !important; border-bottom: 1px solid var(--crux-desktop-menu-divider) !important; } .crux-header-menu-wrap .e-n-menu-content .e-n-menu-title:last-child { border-bottom: 0 !important; } .crux-header-menu-wrap .e-n-menu-content .e-n-menu-title::after { display: none !important; } .crux-header-menu-wrap .e-n-menu-content :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ):hover, .crux-header-menu-wrap .e-n-menu-content :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ):focus-visible { color: #FFFFFF !important; background-color: var(--crux-desktop-menu-hover) !important; box-shadow: inset 3px 0 0 #36A8FF; } .crux-header-menu-wrap .e-n-menu-content :is( .e-current, .elementor-item-active, [aria-current="page"] ) { color: #FFFFFF !important; background-color: var(--crux-desktop-menu-active) !important; box-shadow: inset 3px 0 0 #36A8FF; } /* ======================================================= NAV MENU ANTIGO — SUBMENU ======================================================= */ .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu { z-index: 9999999 !important; overflow: hidden !important; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01) 50%, rgba(54, 168, 255, 0.025) ), var(--crux-desktop-menu-background) !important; border: 1px solid var(--crux-desktop-menu-border) !important; border-radius: 20px !important; outline: 0 !important; -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 22px 52px rgba(0, 0, 0, 0.38), 0 7px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.07); } .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu > li { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--crux-desktop-menu-divider) !important; } .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu > li:last-child { border-bottom: 0 !important; } .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu :is( .elementor-sub-item, a ) { color: #FFFFFF !important; background: transparent !important; border: 0 !important; outline: 0 !important; transition: color var(--crux-desktop-menu-transition), background-color var(--crux-desktop-menu-transition), box-shadow var(--crux-desktop-menu-transition); } .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu :is( .elementor-sub-item, a ):hover, .crux-header-menu-wrap .elementor-nav-menu--main .sub-menu :is( .elementor-sub-item, a ):focus-visible { color: #FFFFFF !important; background-color: var(--crux-desktop-menu-hover) !important; box-shadow: inset 3px 0 0 #36A8FF; } /* ======================================================= MEDIÇÃO DO JAVASCRIPT ======================================================= */ .crux-header.crux-header-measuring .crux-header-bar { transition: none !important; } /* ======================================================= WORDPRESS ADMIN BAR ======================================================= */ body.admin-bar .crux-header { top: 32px; } } /* ========================================================= ACESSIBILIDADE DESKTOP ========================================================= */ @media (min-width: 1025px) and (prefers-reduced-motion: reduce) { .crux-header-bar { transition-duration: 0.01ms !important; } .crux-header-menu-wrap :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ) { transition: none !important; } } /* ========================================================= CORREÇÃO DEFINITIVA DO HOVER — SUBMENU DESKTOP REMOVE A CAIXA INTERNA ARREDONDADA ========================================================= */ @media (min-width: 1025px) { /* ======================================================= CAIXA EXTERNA DO MENU FLUTUANTE ÚNICO ELEMENTO QUE PODE TER ARREDONDAMENTO ======================================================= */ .crux-header-menu-wrap .elementor-widget-n-menu .e-n-menu-content > .e-con { overflow: hidden !important; } /* ======================================================= REMOVE RAIO, MARGEM E MOVIMENTO DE TODAS AS CAMADAS INTERNAS DO MENU FLUTUANTE ======================================================= */ .crux-header-menu-wrap .e-n-menu-content :is( .elementor-widget-nav-menu, .elementor-widget-container, .elementor-nav-menu--main, .elementor-nav-menu, ul, li, .menu-item, .e-n-menu-title, .e-n-menu-title-container, .elementor-item, .elementor-sub-item, a ) { margin: 0 !important; border-radius: 0 !important; transform: none !important; translate: none !important; scale: 1 !important; box-sizing: border-box !important; } /* ======================================================= REMOVE O HOVER DUPLICADO DOS LINKS INTERNOS ======================================================= */ .crux-header-menu-wrap .e-n-menu-content :is( .elementor-item, .elementor-sub-item, .e-n-menu-title-container, .e-n-menu-title-text, a ), .crux-header-menu-wrap .e-n-menu-content :is( .elementor-item, .elementor-sub-item, .e-n-menu-title-container, .e-n-menu-title-text, a ):hover, .crux-header-menu-wrap .e-n-menu-content :is( .elementor-item, .elementor-sub-item, .e-n-menu-title-container, .e-n-menu-title-text, a ):focus, .crux-header-menu-wrap .e-n-menu-content :is( .elementor-item, .elementor-sub-item, .e-n-menu-title-container, .e-n-menu-title-text, a ):focus-visible { background-color: transparent !important; background-image: none !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; translate: none !important; scale: 1 !important; } /* ======================================================= LINHA REAL DE CADA ITEM ======================================================= */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li, .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > .menu-item { position: relative; width: 100% !important; margin: 0 !important; background-color: transparent !important; border: 0 !important; border-bottom: 1px solid var( --crux-desktop-menu-divider, rgba(255, 255, 255, 0.10) ) !important; border-radius: 0 !important; overflow: hidden !important; box-shadow: none !important; transform: none !important; transition: background-color 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms cubic-bezier(0.22, 1, 0.36, 1); } /* Último item sem divisor */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li:last-child { border-bottom: 0 !important; } /* ======================================================= LINK PREENCHE TODA A LINHA SEM CRIAR UMA SEGUNDA CAIXA ======================================================= */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; max-width: none !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; transform: none !important; translate: none !important; scale: 1 !important; } /* ======================================================= HOVER APLICADO APENAS À LINHA EXTERNA ======================================================= */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li:hover, .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li:focus-within { background-color: var( --crux-desktop-menu-hover, rgba(54, 168, 255, 0.16) ) !important; border-radius: 0 !important; box-shadow: inset 3px 0 0 #36A8FF, inset 0 0 24px rgba(54, 168, 255, 0.04) !important; transform: none !important; } /* Garante que o link não replique o hover */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li:hover > a, .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > li:focus-within > a { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } /* ======================================================= ITEM ATIVO ======================================================= */ .crux-header-menu-wrap .e-n-menu-content .elementor-nav-menu > :is( .current-menu-item, .current-menu-ancestor ) { background-color: var( --crux-desktop-menu-active, rgba(54, 168, 255, 0.24) ) !important; border-radius: 0 !important; box-shadow: inset 3px 0 0 #36A8FF !important; } /* ======================================================= FALLBACK PARA ITENS SEM ESTRUTURA UL > LI ======================================================= */ .crux-header-menu-wrap .e-n-menu-content > :is( .e-n-menu-title, .elementor-item, .elementor-sub-item ) { width: 100% !important; margin: 0 !important; border-radius: 0 !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-88123a7 *//* ========================================================= CRUX MENU MOBILE — ESTILO COMPLETO APLICAR DIRETAMENTE NO WIDGET DE MENU ========================================================= */ @media (max-width: 1024px) { .elementor-501 .elementor-element.elementor-element-88123a7 { --crux-mobile-menu-background: rgba(0, 0, 0, 0.92); --crux-mobile-menu-border: rgba(255, 255, 255, 0.14); --crux-mobile-menu-divider: rgba(255, 255, 255, 0.10); --crux-mobile-menu-hover: rgba(54, 168, 255, 0.15); --crux-mobile-menu-active: rgba(54, 168, 255, 0.22); --crux-mobile-menu-transition: 260ms cubic-bezier(0.22, 1, 0.36, 1); } /* ======================================================= CAIXA PRINCIPAL DO MENU ABERTO ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown.elementor-nav-menu__container { background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008) 52%, rgba(54, 168, 255, 0.025) ), var(--crux-mobile-menu-background) !important; border: 1px solid var(--crux-mobile-menu-border) !important; border-radius: 16px !important; outline: 0 !important; -webkit-backdrop-filter: blur(16px) saturate(135%); backdrop-filter: blur(16px) saturate(135%); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.07); } /* ======================================================= REMOVE TODOS OS FUNDOS BRANCOS INTERNOS ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-nav-menu, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown ul, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown li, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .menu-item { background-color: transparent !important; background-image: none !important; border-color: transparent !important; outline: 0 !important; box-shadow: none !important; } /* ======================================================= ITENS PRINCIPAIS ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item { color: #FFFFFF !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 var(--crux-mobile-menu-divider); text-shadow: none !important; transition: color var(--crux-mobile-menu-transition), background-color var(--crux-mobile-menu-transition), box-shadow var(--crux-mobile-menu-transition); } /* ======================================================= SUBMENU DE SERVIÇOS SEM ARREDONDAMENTO INTERNO ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-menu { background-color: rgba(255, 255, 255, 0.025) !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: inset 3px 0 0 rgba(54, 168, 255, 0.38) !important; } .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-menu > li { background: transparent !important; border: 0 !important; border-radius: 0 !important; } .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-sub-item { color: rgba(255, 255, 255, 0.90) !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 var(--crux-mobile-menu-divider); text-shadow: none !important; transition: color var(--crux-mobile-menu-transition), background-color var(--crux-mobile-menu-transition), box-shadow var(--crux-mobile-menu-transition); } /* ======================================================= HOVER E FOCO ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item:focus-visible, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-sub-item:hover, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-sub-item:focus-visible { color: #FFFFFF !important; background-color: var(--crux-mobile-menu-hover) !important; box-shadow: inset 3px 0 0 #36A8FF, inset 0 -1px 0 var(--crux-mobile-menu-divider); } /* ======================================================= ITEM COM SUBMENU ABERTO ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item[aria-expanded="true"] { color: #FFFFFF !important; background-color: var(--crux-mobile-menu-active) !important; background-image: none !important; box-shadow: inset 3px 0 0 #36A8FF, inset 0 -1px 0 var(--crux-mobile-menu-divider); } /* ======================================================= ITEM ATIVO REMOVE O AZUL SÓLIDO NATIVO DO ELEMENTOR ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item-active, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .current-menu-item > .elementor-item, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .current-menu-item > .elementor-sub-item, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .current-menu-ancestor > .elementor-item, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown [aria-current="page"] { color: #FFFFFF !important; background-color: var(--crux-mobile-menu-active) !important; background-image: none !important; border-radius: 0 !important; box-shadow: inset 3px 0 0 #36A8FF, inset 0 -1px 0 var(--crux-mobile-menu-divider); } /* ======================================================= REMOVE O DIVISOR DO ÚLTIMO ITEM ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown > ul > li:last-child > .elementor-item { box-shadow: none; } .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-menu > li:last-child > .elementor-sub-item { box-shadow: none; } /* ======================================================= SETA DO SUBMENU ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-arrow { color: currentColor !important; transition: color var(--crux-mobile-menu-transition), transform var(--crux-mobile-menu-transition); } .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item.highlighted .sub-arrow, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item[aria-expanded="true"] .sub-arrow { color: #36A8FF !important; transform: rotate(180deg); } /* ======================================================= BOTÃO HAMBÚRGUER NÃO ALTERA DIMENSÕES OU POSIÇÃO ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-menu-toggle { color: #FFFFFF !important; transition: color var(--crux-mobile-menu-transition), background-color var(--crux-mobile-menu-transition), border-color var(--crux-mobile-menu-transition); } .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-menu-toggle:hover, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-menu-toggle.elementor-active, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-menu-toggle[aria-expanded="true"] { color: #36A8FF !important; } /* ======================================================= NOVO WIDGET MENU — FALLBACK ======================================================= */ .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper { background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.008) 52%, rgba(54, 168, 255, 0.025) ), var(--crux-mobile-menu-background) !important; border: 1px solid var(--crux-mobile-menu-border) !important; border-radius: 16px !important; outline: 0 !important; -webkit-backdrop-filter: blur(16px) saturate(135%); backdrop-filter: blur(16px) saturate(135%); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.07); } .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper :is( .e-n-menu, .e-n-menu-heading, .e-n-menu-content, .e-con, .e-con-inner, ul, li ) { background-color: transparent !important; background-image: none !important; outline: 0 !important; } .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-content { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ) { color: #FFFFFF !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: inset 0 -1px 0 var(--crux-mobile-menu-divider); transition: color var(--crux-mobile-menu-transition), background-color var(--crux-mobile-menu-transition), box-shadow var(--crux-mobile-menu-transition); } .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper :is( .e-n-menu-title-text, .e-n-menu-title-container ) { color: #FFFFFF !important; } .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper :is( .e-n-menu-title, .elementor-item, .elementor-sub-item, a ):hover, .elementor-501 .elementor-element.elementor-element-88123a7 .e-n-menu-wrapper :is( .e-n-menu-title[aria-expanded="true"], .e-n-menu-title.e-current, .elementor-item-active, [aria-current="page"] ) { color: #FFFFFF !important; background-color: var(--crux-mobile-menu-active) !important; box-shadow: inset 3px 0 0 #36A8FF, inset 0 -1px 0 var(--crux-mobile-menu-divider); } } /* ========================================================= ACESSIBILIDADE ========================================================= */ @media (max-width: 1024px) and (prefers-reduced-motion: reduce) { .elementor-501 .elementor-element.elementor-element-88123a7 :is( .elementor-item, .elementor-sub-item, .elementor-menu-toggle, .e-n-menu-title, .e-n-menu-toggle, a ) { transition: none !important; } } /* ========================================================= CORREÇÃO DA SETA DO SUBMENU MOBILE ========================================================= */ @media (max-width: 1024px) { /* Mantém texto e seta corretamente alinhados */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .menu-item-has-children > .elementor-item { display: flex !important; align-items: center !important; } /* Container da seta */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-arrow { position: static !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 9px !important; padding: 0 !important; line-height: 1 !important; color: currentColor !important; transform: none !important; translate: none !important; overflow: visible !important; transition: color 260ms ease; } /* Ícone interno */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .sub-arrow :is( svg, i ) { display: block !important; width: 10px !important; height: 10px !important; margin: 0 !important; padding: 0 !important; color: currentColor !important; fill: currentColor !important; transform: rotate(0deg) !important; transform-origin: center !important; transition: transform 260ms ease, color 260ms ease, fill 260ms ease; } /* Submenu aberto */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item.highlighted > .sub-arrow, .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item[aria-expanded="true"] > .sub-arrow { color: #36A8FF !important; transform: none !important; } /* Gira somente o ícone, não o container inteiro */ .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item.highlighted > .sub-arrow :is( svg, i ), .elementor-501 .elementor-element.elementor-element-88123a7 .elementor-nav-menu--dropdown .elementor-item[aria-expanded="true"] > .sub-arrow :is( svg, i ) { color: #36A8FF !important; fill: #36A8FF !important; transform: rotate(180deg) !important; } } /* ========================================================= CRUX HEADER — NEGATIVAÇÃO SOMENTE TABLET E MOBILE NÃO ALTERA NENHUMA REGRA DO DESKTOP ========================================================= */ @media (max-width: 1024px) { /* Evita deslocamento lateral durante a rolagem */ html, body { max-width: 100% !important; overflow-x: hidden !important; } @supports (overflow: clip) { html, body { overflow-x: clip !important; } } /* ======================================================= WRAPPER DO HEADER CRIADO PELO THEME BUILDER RETIRA O HEADER DO FLUXO SEM DEFINIR ALTURA ======================================================= */ :is( .elementor-location-header, header[data-elementor-type="header"] ):has(#crux-header-mobile) { position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; z-index: 999999 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; overflow: visible !important; } /* Remove superfícies brancas apenas dos wrappers externos */ :is( .elementor-location-header, header[data-elementor-type="header"] ):has(#crux-header-mobile) > :not(#crux-header-mobile) { background-color: transparent !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } /* ======================================================= CONTAINER EXTERNO DO HEADER MOBILE PRESERVA A APARÊNCIA CONFIGURADA NO ELEMENTOR ======================================================= */ #crux-header-mobile { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 2 !important; width: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important; translate: none !important; scale: 1 !important; will-change: auto !important; overflow: visible !important; } #crux-header-mobile > .e-con-inner { width: 100% !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; overflow: visible !important; } /* ======================================================= MENU E DROPDOWNS NÃO ALTERA ABERTURA, ALTURA OU VISIBILIDADE ======================================================= */ #crux-header-mobile :is( .elementor-widget-container, .elementor-widget-nav-menu, .elementor-widget-n-menu, .elementor-nav-menu--dropdown, .e-n-menu-wrapper, .e-n-menu-content ) { max-width: 100%; } } /* ========================================================= WORDPRESS ADMIN BAR — TABLET ========================================================= */ @media (min-width: 783px) and (max-width: 1024px) { body.admin-bar :is( .elementor-location-header, header[data-elementor-type="header"] ):has(#crux-header-mobile) { top: 32px !important; } } /* ========================================================= WORDPRESS ADMIN BAR — MOBILE ========================================================= */ @media (max-width: 782px) { body.admin-bar :is( .elementor-location-header, header[data-elementor-type="header"] ):has(#crux-header-mobile) { top: 46px !important; } } /* ========================================================= FALLBACK PARA NAVEGADORES SEM SUPORTE A :has() ========================================================= */ @supports not .elementor-501 .elementor-element.elementor-element-88123a7(:has(*)) { @media (max-width: 1024px) { .elementor-location-header, header[data-elementor-type="header"] { position: absolute !important; top: 0 !important; right: 0 !important; left: 0 !important; z-index: 999999 !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } } @media (min-width: 783px) and (max-width: 1024px) { body.admin-bar :is( .elementor-location-header, header[data-elementor-type="header"] ) { top: 32px !important; } } @media (max-width: 782px) { body.admin-bar :is( .elementor-location-header, header[data-elementor-type="header"] ) { top: 46px !important; } } }/* End custom CSS */