.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-152 .elementor-element.elementor-element-128f28f.elementor-element{--align-self:center;}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-menu-toggle{margin:0 auto;}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:10px;padding-right:10px;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-underline .elementor-item:after, .elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-overline .elementor-item:before, .elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-double-line .elementor-item:before, .elementor-152 .elementor-element.elementor-element-128f28f .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu--dropdown a, .elementor-152 .elementor-element.elementor-element-128f28f .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-152 .elementor-element.elementor-element-128f28f div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-152 .elementor-element.elementor-element-128f28f div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.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-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-152 .elementor-element.elementor-element-128f28f .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}}@media(max-width:767px){.elementor-152 .elementor-element.elementor-element-128f28f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:5;--nav-menu-icon-size:38px;}}/* Start custom CSS for nav-menu, class: .elementor-element-128f28f *//* ===================================================== MENU MOBILE ELEMENTOR DROPDOWN COMO POPUP NÃO EXPANDE O HEADER CENTRALIZADO NA TELA ===================================================== */ /* ===================================================== HEADER ===================================================== */ .elementor-location-header, header { position: relative !important; z-index: 999999 !important; } /* ===================================================== WIDGET DO MENU ===================================================== */ .elementor-nav-menu { position: relative !important; z-index: 999999 !important; } /* ===================================================== BOTÃO HAMBURGER / X ===================================================== */ .elementor-menu-toggle { position: relative !important; z-index: 1000001 !important; pointer-events: auto !important; } /* ===================================================== DROPDOWN ===================================================== */ .elementor-nav-menu--dropdown { /* * Tira o menu do fluxo normal do Header. * Assim o Header NÃO aumenta de altura. */ position: absolute !important; /* * O menu começa abaixo do Header, * mas fica sobre o restante da página. */ top: 100% !important; /* * Centralização em relação à viewport. */ left: 100% !important; right: auto !important; /* * IMPORTANTE: * O translate NÃO deve ser usado aqui porque * o Elementor também pode usar transform. */ width: calc(100vw - 32px) !important; max-width: 420px !important; /* * Compensa o container pai. */ margin-left: calc(-50vw + 50%) !important; margin-right: 0 !important; margin-top: 12px !important; /* * Visual de popup */ background: #ffffff !important; border: 1px solid rgba(20, 35, 51, 0.08) !important; border-radius: 20px !important; padding: 12px !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important; box-sizing: border-box !important; /* * Fica acima do conteúdo. */ z-index: 999999 !important; } /* ===================================================== LISTA ===================================================== */ .elementor-nav-menu--dropdown > ul { width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ===================================================== ITENS ===================================================== */ .elementor-nav-menu--dropdown li { width: 100% !important; height: auto !important; margin: 3px 0 !important; padding: 0 !important; } /* ===================================================== LINKS ===================================================== */ .elementor-nav-menu--dropdown .elementor-item { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 48px !important; box-sizing: border-box !important; padding: 13px 18px !important; margin: 0 !important; border-radius: 12px !important; color: #142333 !important; font-size: 15px !important; font-weight: 600 !important; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease; } /* ===================================================== HOVER ===================================================== */ .elementor-nav-menu--dropdown .elementor-item:hover { background: #f3f5f7 !important; color: #f47b20 !important; transform: translateX(4px); } /* ===================================================== LINHA LARANJA ===================================================== */ .elementor-nav-menu--dropdown .elementor-item::before { content: ""; position: absolute; left: 7px; top: 50%; width: 3px; height: 0; border-radius: 10px; background: #f47b20; transform: translateY(-50%); transition: height 0.25s ease; } .elementor-nav-menu--dropdown .elementor-item:hover::before { height: 55%; } /* ===================================================== ITEM ATIVO ===================================================== */ .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { background: #f3f5f7 !important; color: #f47b20 !important; } /* ===================================================== SUBMENU ===================================================== */ .elementor-nav-menu--dropdown .sub-menu { padding: 3px 0 3px 8px !important; } .elementor-nav-menu--dropdown .sub-menu .elementor-item { font-size: 14px !important; font-weight: 500 !important; min-height: 42px !important; padding: 11px 15px !important; } /* ===================================================== BOTÃO CTA ===================================================== */ .elementor-nav-menu--dropdown .menu-item:last-child .elementor-item { margin-top: 8px !important; justify-content: center !important; background: #f47b20 !important; color: #ffffff !important; border-radius: 12px !important; min-height: 48px !important; box-shadow: 0 8px 22px rgba(244, 123, 32, 0.22); } /* ===================================================== HOVER CTA ===================================================== */ .elementor-nav-menu--dropdown .menu-item:last-child .elementor-item:hover { background: #d96712 !important; color: #ffffff !important; transform: translateY(-2px); } /* ===================================================== REMOVE LINHA DO CTA ===================================================== */ .elementor-nav-menu--dropdown .menu-item:last-child .elementor-item::before { display: none !important; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { /* * O HEADER mantém sua altura original. */ .elementor-location-header, header { position: relative !important; z-index: 999999 !important; overflow: visible !important; } /* * Container não deve cortar o popup. */ .elementor-location-header .e-con, .elementor-location-header .e-con-inner, .elementor-location-header .elementor-container, .elementor-location-header .elementor-column, .elementor-location-header .elementor-widget-wrap { overflow: visible !important; } /* * Menu */ .elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 50% !important; right: auto !important; width: calc(100vw - 32px) !important; max-width: 420px !important; /* * Centraliza em relação à página. */ margin-left: calc(-85vw ) !important; margin-right: 0 !important; margin-top: 12px !important; padding: 12px !important; box-sizing: border-box !important; background: #ffffff !important; border-radius: 20px !important; border: 1px solid rgba(20, 35, 51, 0.08) !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important; z-index: 999999 !important; } /* * Botão fica acima do popup. */ .elementor-menu-toggle { position: relative !important; z-index: 1000001 !important; pointer-events: auto !important; } } /* ===================================================== Z-INDEX FINAL ===================================================== */ .elementor-location-header { z-index: 999999 !important; } .elementor-nav-menu { z-index: 999999 !important; } .elementor-nav-menu--dropdown { z-index: 999999 !important; } .elementor-menu-toggle { z-index: 1000001 !important; }/* End custom CSS */