.elementor-2997 .elementor-element.elementor-element-b6c4638{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:024px;--padding-right:024px;--z-index:90;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2997 .elementor-element.elementor-element-5a56399{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;}.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-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-2fefa39 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu .elementor-item{font-family:"DM Sans", Sans-serif;font-size:1rem;font-weight:500;line-height:1.2em;letter-spacing:0px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item{color:#322524;fill:#322524;padding-left:25px;padding-right:25px;padding-top:24px;padding-bottom:24px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--pointer-framed .elementor-item:before, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-0e6fd2a );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-0e6fd2a );}.elementor-2997 .elementor-element.elementor-element-a98bbd6{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-item:before{border-radius:16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:16px 16px 0 0;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 16px 16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 16px 16px 0;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:16px 0 0 16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle{color:var( --e-global-color-321f09a );fill:var( --e-global-color-321f09a );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:16px 16px 16px 16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a:focus, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a.highlighted, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a:focus, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown .elementor-item, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"DM Sans", Sans-serif;font-weight:500;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:16px;border-top-right-radius:16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle{color:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle svg{fill:var( --e-global-color-06e0cc0 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle:hover svg, .elementor-2997 .elementor-element.elementor-element-a98bbd6 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle:hover, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-menu-toggle:focus{background-color:var( --e-global-color-06e0cc0 );}.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-2997 .elementor-element.elementor-element-a98bbd6{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:8px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown .elementor-item, .elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:1rem;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown{border-radius:16px 16px 16px 16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:16px;border-top-right-radius:16px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:16px;border-bottom-left-radius:16px;}}@media(max-width:1024px){.elementor-2997 .elementor-element.elementor-element-a98bbd6{width:initial;max-width:initial;--nav-menu-icon-size:24px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown{border-radius:0px 0px 10px 10px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}}@media(max-width:767px){.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown{border-radius:0px 0px 10px 10px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-2997 .elementor-element.elementor-element-a98bbd6 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}}@media(max-width:1366px) and (min-width:768px){.elementor-2997 .elementor-element.elementor-element-b6c4638{--content-width:1440px;}}/* Start custom CSS for nav-menu, class: .elementor-element-a98bbd6 *//* ========================================================== MENU PREMIUM — ELEMENTOR Classe do widget: .menu-premium Última revisão: 2025 ========================================================== */ /* ---------------------------------------------------------- 1. VARIÁVEIS GLOBAIS Altere apenas esta seção para customizar o menu. ---------------------------------------------------------- */ :root { /* Cores */ --menu-bg: #FFFFFF; --menu-bg-light: #FDF5F4; /* fundo do dropdown — rosa muito suave */ --menu-bg-hover: #FDEEEC; /* hover dos itens — rosa visível */ --menu-text: #322524; --menu-text-hover: #DE1F49; --menu-text-active: #FFFFFF; --menu-bg-active: #DE1E49; /* Bordas e sombras */ --menu-border: rgba(255, 255, 255, .06); --menu-shadow: 0 20px 40px rgba(0, 0, 0, .18), 0 6px 12px rgba(0, 0, 0, .08); --menu-shadow-mobile: 0 25px 50px rgba(0, 0, 0, .20); /* Raios */ --menu-radius-item: 10px; --menu-radius-pill: 999px; --menu-radius-dropdown: 18px; --menu-radius-mobile: 22px; /* Transição */ --menu-transition: .25s ease; /* Padding dos itens de nível raiz (desktop) */ --menu-item-pad-v: 8px; --menu-item-pad-h: 16px; } /* ---------------------------------------------------------- 3. ITENS DE NÍVEL RAIZ — DESKTOP (estilo pílula) ---------------------------------------------------------- */ @media (min-width: 1025px) { .menu-premium .elementor-nav-menu > .menu-item > .elementor-item { background: #FCEAED; color: var(--menu-text) !important; /* Padding fixo via !important para sobrepor qualquer regra do Elementor */ padding: var(--menu-item-pad-v) var(--menu-item-pad-h) !important; border-radius: var(--menu-radius-pill); line-height: 1; font-weight: 600; transition: var(--menu-transition); } /* Hover */ .menu-premium .elementor-nav-menu > .menu-item > .elementor-item:hover { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } /* Active / página atual */ .menu-premium .elementor-nav-menu > .menu-item.current-menu-item > .elementor-item, .menu-premium .elementor-nav-menu > .menu-item.current_page_item > .elementor-item, .menu-premium .elementor-nav-menu > .menu-item.current-page-ancestor > .elementor-item, .menu-premium .elementor-nav-menu > .menu-item.current-menu-ancestor > .elementor-item, .menu-premium .elementor-nav-menu > .menu-item > .elementor-item.elementor-item-active { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } } /* ---------------------------------------------------------- 4. DROPDOWN — DESKTOP ---------------------------------------------------------- */ @media (min-width: 1025px) { .menu-premium .sub-menu { background: linear-gradient(180deg, var(--menu-bg-light) 0%, var(--menu-bg) 100%) !important; border: 1px solid var(--menu-border); border-radius: var(--menu-radius-dropdown); padding: 10px; margin-top: 12px; overflow: hidden; box-shadow: var(--menu-shadow); top: calc(100% + 7px) !important; } /* Links do dropdown */ .menu-premium .sub-menu a { color: var(--menu-text) !important; border-radius: var(--menu-radius-item); padding: 14px 18px !important; transition: var(--menu-transition); } .menu-premium .sub-menu a:hover { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } .menu-premium .sub-menu .current-menu-item > a, .menu-premium .sub-menu .elementor-item-active { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } } /* ---------------------------------------------------------- 5. UNDERLINE HOVER (itens raiz) ---------------------------------------------------------- */ .menu-premium .menu-item .elementor-item { transition: var(--menu-transition) !important; } .menu-premium .menu-item .elementor-item::after { width: 0 !important; opacity: 1 !important; transition: .2s; bottom: -10px; } .menu-premium .menu-item .elementor-item:hover::after { width: 100% !important; } /* ---------------------------------------------------------- 6. MOBILE — BOTÃO E PAINEL ---------------------------------------------------------- */ @media (max-width: 1024px) { /* Ícone hambúrguer / fechar com animação de troca */ .menu-premium .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open, .menu-premium .elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close { position: absolute; display: block !important; opacity: 0; transform: scale(0); transition: .3s; } .menu-premium .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close { opacity: 1; transform: scale(1); transition: .2s .2s; } .menu-premium .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close:hover { transform: scale(1) rotate(360deg); transition: .5s !important; } .menu-premium .elementor-menu-toggle .elementor-menu-toggle__icon--open { opacity: 1; filter: blur(0); transform: scale(1); transition: .2s .2s; } /* Botão */ .menu-premium .elementor-menu-toggle { width: 52px; height: 52px; background: var(--menu-bg); border: 1px solid var(--menu-border); border-radius: 14px; transition: var(--menu-transition); } .menu-premium .elementor-menu-toggle:hover { background: var(--menu-bg-light); } .menu-premium .elementor-menu-toggle i { color: var(--menu-text); } /* Painel dropdown mobile */ .menu-premium .elementor-nav-menu--dropdown { background: linear-gradient(180deg, var(--menu-bg-light) 0%, var(--menu-bg) 100%) !important; border-radius: var(--menu-radius-mobile); border: 1px solid var(--menu-border); padding: 12px; margin-top: 16px; overflow: hidden; box-shadow: var(--menu-shadow-mobile); } /* Links */ .menu-premium .elementor-nav-menu--dropdown a { color: var(--menu-text) !important; padding: 18px 20px !important; border-radius: 12px; font-weight: 500; transition: var(--menu-transition); } .menu-premium .elementor-nav-menu--dropdown a:hover { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } .menu-premium .elementor-nav-menu--dropdown .elementor-item-active { background: var(--menu-bg-active); color: var(--menu-text-active) !important; } /* Submenu mobile */ .menu-premium .elementor-nav-menu--dropdown .sub-menu { background: var(--menu-bg-light); border-radius: 14px; padding: 8px; margin-top: 8px; } } /* ---------------------------------------------------------- 7. ANIMAÇÃO DE ENTRADA DO DROPDOWN ---------------------------------------------------------- */ .menu-premium .elementor-nav-menu--dropdown { animation: menuFade .25s ease; } @keyframes menuFade { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: normal; font-display: swap; src: url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.eot'); src: url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.eot?#iefix') format('embedded-opentype'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.woff2') format('woff2'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.woff') format('woff'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.ttf') format('truetype'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-400.svg#DMSans') format('svg'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.eot'); src: url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.eot?#iefix') format('embedded-opentype'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.woff2') format('woff2'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.woff') format('woff'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.ttf') format('truetype'), url('https://thebighelper.com/wp-content/uploads/2026/06/dm-sans-700.svg#DMSans') format('svg'); } /* End Custom Fonts CSS */