.elementor-16 .elementor-element.elementor-element-c85dae2{--display:flex;--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;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(0,0,0,0);--border-color:rgba(0,0,0,0);--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;--z-index:999;}.elementor-16 .elementor-element.elementor-element-c85dae2:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-c85dae2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(0,0,0,0);}.elementor-16 .elementor-element.elementor-element-1e6ae76{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-cc6f056{text-align:start;}.elementor-16 .elementor-element.elementor-element-cc6f056 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.025em;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-b0ce59c{--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;--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-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-menu-toggle{margin:0 auto;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;letter-spacing:0.025em;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item{color:rgba(255,255,255,0.8);fill:rgba(255,255,255,0.8);padding-left:0px;padding-right:0px;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item:hover, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item:focus{color:#A78BFA;fill:#A78BFA;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#A78BFA;}.elementor-16 .elementor-element.elementor-element-d09cf7b{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );--nav-menu-icon-size:24px;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-menu-toggle{color:rgba(255,255,255,0.9);fill:rgba(255,255,255,0.9);}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown{background-color:#0E0B14;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a:hover, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a:focus, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a.highlighted, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-menu-toggle:hover, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-menu-toggle:focus{color:#A78BFA;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a:hover, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a:focus, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(124,58,237,0.12);}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown .elementor-item, .elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-16 .elementor-element.elementor-element-d09cf7b .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;padding-top:16px;padding-bottom:16px;}.elementor-16 .elementor-element.elementor-element-d09cf7b div.elementor-menu-toggle{color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-d09cf7b div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-0686ad0{--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:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-16 .elementor-element.elementor-element-8e9713d .elementor-button{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-color:rgba(0,0,0,0);border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(124,58,237,0.5);border-radius:10px 10px 10px 10px;padding:9px 24px 9px 24px;}.elementor-16 .elementor-element.elementor-element-8e9713d .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-8e9713d .elementor-button:focus{color:#A78BFA;background-color:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.8);}.elementor-16 .elementor-element.elementor-element-8e9713d .elementor-button:hover svg, .elementor-16 .elementor-element.elementor-element-8e9713d .elementor-button:focus svg{fill:#A78BFA;}.elementor-16 .elementor-element.elementor-element-9e390d1 .elementor-button{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0.025em;fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(90deg, #7C3AED 0%, #A78BFA 100%);border-style:none;border-radius:10px 10px 10px 10px;padding:9px 24px 9px 24px;}.elementor-16 .elementor-element.elementor-element-9e390d1 .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-9e390d1 .elementor-button:focus{color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-9e390d1 .elementor-button:hover svg, .elementor-16 .elementor-element.elementor-element-9e390d1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-c85dae2{--content-width:1280px;}.elementor-16 .elementor-element.elementor-element-1e6ae76{--width:autopx;}.elementor-16 .elementor-element.elementor-element-0686ad0{--width:autopx;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-c85dae2{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-c85dae2{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-1e6ae76 */.elementor-16 .elementor-element.elementor-element-1e6ae76{flex:0 0 auto !important;width:auto !important;} .elementor-16 .elementor-element.elementor-element-1e6ae76 .elementor-heading-title{white-space:nowrap;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b0ce59c */.elementor-16 .elementor-element.elementor-element-b0ce59c{flex:1 1 auto;} .elementor-16 .elementor-element.elementor-element-b0ce59c .elementor-widget-nav-menu{width:auto;} .elementor-16 .elementor-element.elementor-element-b0ce59c .elementor-nav-menu--main a.elementor-item{white-space:nowrap;}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0686ad0 */.elementor-16 .elementor-element.elementor-element-0686ad0{flex:0 0 auto !important;width:auto !important;} .elementor-16 .elementor-element.elementor-element-0686ad0 .elementor-button{white-space:nowrap;} @media (max-width:1024px){.elementor-16 .elementor-element.elementor-element-0686ad0{display:none !important;}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c85dae2 *//* altura do header, usada pela margem negativa e pelo painel do menu */ header.elementor-location-header{--cf-hdr:80px;--cf-top:0px;} body.admin-bar header.elementor-location-header{--cf-top:32px;} @media (max-width:782px){body.admin-bar header.elementor-location-header{--cf-top:46px;}} @media (max-width:767px){header.elementor-location-header{--cf-hdr:72px;}} /* o sticky real fica no
do template: acompanha o layout, sem position:fixed e sem o pulinho da barra do navegador no celular */ header.elementor-location-header{position:sticky;top:var(--cf-top);z-index:999;margin-bottom:calc(-1 * var(--cf-hdr));} /* o sticky do Elementor continua ligado so para dar as classes --active/--effects */ .elementor-16 .elementor-element.elementor-element-c85dae2{position:relative !important;top:auto !important;bottom:auto !important;width:auto !important;max-width:none !important;margin-top:0 !important;margin-bottom:0 !important;} /* o spacer e um clone que o Elementor insere DENTRO do header sticky: se ocupar lugar ele gruda junto e o plugin fica grudando\/desgrudando. Fora do fluxo, o plugin passa a medir a partir do topo do documento, que e o que queremos aqui. */ .elementor-sticky__spacer{display:none !important;} .elementor-16 .elementor-element.elementor-element-c85dae2{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;} /* rolado: preto 90% + blur + borda roxa + glow (igual ao prototipo). O blur fica numa camada propria, e nao no header: backdrop-filter (como filter e transform) faz do elemento o containing block dos descendentes position:fixed, e o painel do menu mobile passava a se medir pelo header -- abria com altura zero. */ .elementor-16 .elementor-element.elementor-element-c85dae2::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s ease;pointer-events:none;} .elementor-16 .elementor-element.elementor-element-c85dae2.elementor-sticky--effects::before{opacity:1;} .elementor-16 .elementor-element.elementor-element-c85dae2.elementor-sticky--effects{border-bottom-color:rgba(124,58,237,.2) !important;box-shadow:0 4px 30px rgba(124,58,237,.1);} /* glow roxo no item ativo e no hover */ /* os CTAs do menu sao so para o painel mobile: no desktop quem aparece sao os botoes do header */ .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--main li.cf-mnu-btn{display:none !important;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--main a.elementor-item.elementor-item-active{filter:drop-shadow(0 0 8px rgba(167,139,250,.5));} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--main a.elementor-item:hover{filter:drop-shadow(0 0 8px rgba(167,139,250,.3));} @media (max-width:1024px){ .elementor-16 .elementor-element.elementor-element-c85dae2 > .e-con-inner{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;position:static;} /* no celular o container do menu vira so o botao hamburguer, encostado a direita */ .elementor-16 .elementor-element.elementor-element-c85dae2 #cf-navc{flex:0 0 auto !important;width:auto !important;justify-content:flex-end;} .elementor-16 .elementor-element.elementor-element-c85dae2 #cf-navc, .elementor-16 .elementor-element.elementor-element-c85dae2 #cf-navc > .e-con-inner, .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-widget-nav-menu, .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-widget-nav-menu > .elementor-widget-container{position:static;} /* painel do menu igual ao prototipo: bloco solido logo abaixo do header, com a altura do proprio conteudo (nao a tela inteira). Fica absoluto para nao empurrar a pagina; o max-height so entra em cena em telas muito baixas. */ .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute !important;top:100% !important;left:0 !important;right:0 !important;bottom:auto !important; width:auto !important;max-width:none !important;height:auto !important; max-height:calc(100dvh - var(--cf-hdr) - var(--cf-top)) !important;overflow-y:auto; margin-top:0 !important;padding:24px 16px; background-color:#0E0B14;background-image:none; border-bottom:1px solid rgba(124,58,237,.2) !important;border-radius:0 !important; box-shadow:0 10px 30px rgba(0,0,0,.5) !important;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown a.elementor-item{background-color:transparent !important;font-size:16px;font-weight:600;line-height:1.5;padding:8px 0;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown a.elementor-item:hover{background-color:transparent !important;color:#A78BFA !important;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li{border-bottom:0;} /* os dois CTAs sao itens do menu (classes postas no proprio item) e so aparecem aqui */ .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li.cf-mnu-btn{margin-top:12px;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li.cf-mnu-btn a.elementor-item{display:flex;align-items:center;justify-content:center; font-size:14px;line-height:1.25;min-height:36px;padding:8px 16px;border-radius:10px;color:#FFFFFF !important;box-sizing:border-box;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li.cf-mnu-btn-outline{margin-top:16px;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li.cf-mnu-btn-outline a.elementor-item{background-color:#000000 !important;border:1px solid rgba(124,58,237,.5);font-weight:600;} .elementor-16 .elementor-element.elementor-element-c85dae2 .elementor-nav-menu--dropdown li.cf-mnu-btn-grad a.elementor-item{background-image:linear-gradient(to right,#7C3AED,#A78BFA);font-weight:700;} } /* a barra do WP fica fixa tambem abaixo de 600px, onde o WP a deixaria absolute (ela subia com a pagina e abria um buraco sob o header sticky). Como ela e fixed, o sticky do Elementor soma a altura dela ao offset -- e o gatilho do efeito abaixo ja conta com isso. */ @media screen and (max-width:600px){ #wpadminbar{position:fixed !important;} }/* End custom CSS */