.elementor-1338 .elementor-element.elementor-element-6617b3a9{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1338 .elementor-element.elementor-element-6617b3a9:not(.elementor-motion-effects-element-type-background), .elementor-1338 .elementor-element.elementor-element-6617b3a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121416;}.elementor-1338 .elementor-element.elementor-element-e55c854{--display:flex;}.elementor-1338 .elementor-element.elementor-element-e55c854.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1338 .elementor-element.elementor-element-7e5e96ea .elementor-icon-list-icon i{color:#D6D8DA;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-7e5e96ea .elementor-icon-list-icon svg{fill:#D6D8DA;transition:fill 0.3s;}.elementor-1338 .elementor-element.elementor-element-7e5e96ea{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1338 .elementor-element.elementor-element-7e5e96ea .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1338 .elementor-element.elementor-element-7e5e96ea .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:400;}.elementor-1338 .elementor-element.elementor-element-7e5e96ea .elementor-icon-list-text{color:#D6D8DA;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-59fc0789{--display:flex;}.elementor-1338 .elementor-element.elementor-element-59fc0789.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-5edc8fcc .elementor-icon-list-icon i{color:#D6D8DA;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-5edc8fcc .elementor-icon-list-icon svg{fill:#D6D8DA;transition:fill 0.3s;}.elementor-1338 .elementor-element.elementor-element-5edc8fcc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1338 .elementor-element.elementor-element-5edc8fcc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1338 .elementor-element.elementor-element-5edc8fcc .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-1338 .elementor-element.elementor-element-5edc8fcc .elementor-icon-list-text{color:#D6D8DA;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-63482e1e{--display:flex;}.elementor-1338 .elementor-element.elementor-element-63482e1e.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-36c36e29 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-36c36e29 .elementor-icon-list-icon i{color:#D6D8DA;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-36c36e29 .elementor-icon-list-icon svg{fill:#D6D8DA;transition:fill 0.3s;}.elementor-1338 .elementor-element.elementor-element-36c36e29{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1338 .elementor-element.elementor-element-36c36e29 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1338 .elementor-element.elementor-element-36c36e29 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-1338 .elementor-element.elementor-element-36c36e29 .elementor-icon-list-text{color:#DCE8EC;transition:color 0.3s;}.elementor-1338 .elementor-element.elementor-element-3a207efc{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1338 .elementor-element.elementor-element-3a207efc.e-con{--align-self:center;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-f4335f2.elementor-social-icon{background-color:#DDDEDF;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-f4335f2.elementor-social-icon i{color:#2C2929;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-f4335f2.elementor-social-icon svg{fill:#2C2929;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-8ed925e.elementor-social-icon{background-color:#DDDEDF;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-8ed925e.elementor-social-icon i{color:#2C2929;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-repeater-item-8ed925e.elementor-social-icon svg{fill:#2C2929;}.elementor-1338 .elementor-element.elementor-element-497bdc4f{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-widget-container{text-align:center;}.elementor-1338 .elementor-element.elementor-element-497bdc4f > .elementor-widget-container{margin:0px 53px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-497bdc4f .elementor-social-icon{background-color:#FFFFFF;}.elementor-1338 .elementor-element.elementor-element-17a42540{--display:flex;--min-height:104px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;box-shadow:0px 2px 0px 0px #DCE8EC;}.elementor-1338 .elementor-element.elementor-element-17a42540:not(.elementor-motion-effects-element-type-background), .elementor-1338 .elementor-element.elementor-element-17a42540 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F10;}.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-1338 .elementor-element.elementor-element-4ba5adff{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-4ba5adff.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-4ba5adff img{width:100%;}.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-1338 .elementor-element.elementor-element-4122d2ae{width:var( --container-widget-width, 40.7% );max-width:40.7%;--container-widget-width:40.7%;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-4122d2ae.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-menu-toggle{margin:0 auto;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item:hover, .elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item:focus{color:#939597;fill:#939597;}.elementor-1338 .elementor-element.elementor-element-4122d2ae div.elementor-menu-toggle{color:#E6DFDF;}.elementor-1338 .elementor-element.elementor-element-4122d2ae div.elementor-menu-toggle svg{fill:#E6DFDF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1338 .elementor-element.elementor-element-855c7b3{width:var( --container-widget-width, 0.625% );max-width:0.625%;--container-widget-width:0.625%;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-855c7b3.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-855c7b3 .elementor-icon-box-wrapper{gap:0px;}.elementor-1338 .elementor-element.elementor-element-855c7b3 .elementor-icon-box-title{margin-block-end:0px;color:#6EC1E4;}.elementor-1338 .elementor-element.elementor-element-855c7b3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1338 .elementor-element.elementor-element-855c7b3.elementor-view-framed .elementor-icon, .elementor-1338 .elementor-element.elementor-element-855c7b3.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1338 .elementor-element.elementor-element-855c7b3 .elementor-icon{font-size:54px;}.elementor-1338 .elementor-element.elementor-element-855c7b3 .elementor-icon i{transform:rotate(0deg);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:600;fill:#000000;color:#000000;border-radius:18px 18px 18px 18px;padding:17px 12px 17px 12px;}.elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button:hover, .elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button:focus{background-color:#CFD6E4;color:#000000;}.elementor-1338 .elementor-element.elementor-element-78a7f26f{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-78a7f26f > .elementor-widget-container{padding:0px 26px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-78a7f26f.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button:hover svg, .elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button:focus svg{fill:#000000;}.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-1338 .elementor-element.elementor-element-497bdc4f > .elementor-widget-container{margin:0px 38px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-17a42540{--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:29px;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item{padding-left:11px;padding-right:11px;}.elementor-1338 .elementor-element.elementor-element-78a7f26f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-78a7f26f{--container-widget-width:178px;--container-widget-flex-grow:0;width:var( --container-widget-width, 178px );max-width:178px;}.elementor-1338 .elementor-element.elementor-element-78a7f26f .elementor-button{font-size:12px;}}@media(max-width:1024px){.elementor-1338 .elementor-element.elementor-element-4122d2ae{width:var( --container-widget-width, 237.967px );max-width:237.967px;--container-widget-width:237.967px;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-855c7b3{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}.elementor-1338 .elementor-element.elementor-element-855c7b3 > .elementor-widget-container{margin:0px -11px 0px 0px;}}@media(max-width:767px){.elementor-1338 .elementor-element.elementor-element-4ba5adff{--container-widget-width:190px;--container-widget-flex-grow:0;width:var( --container-widget-width, 190px );max-width:190px;}.elementor-1338 .elementor-element.elementor-element-4122d2ae{--container-widget-width:73px;--container-widget-flex-grow:0;width:var( --container-widget-width, 73px );max-width:73px;}.elementor-1338 .elementor-element.elementor-element-4122d2ae .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}.elementor-1338 .elementor-element.elementor-element-855c7b3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1338 .elementor-element.elementor-element-855c7b3{--container-widget-width:51px;--container-widget-flex-grow:0;width:var( --container-widget-width, 51px );max-width:51px;}.elementor-1338 .elementor-element.elementor-element-855c7b3.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}.elementor-1338 .elementor-element.elementor-element-78a7f26f{width:var( --container-widget-width, 10px );max-width:10px;--container-widget-width:10px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1338 .elementor-element.elementor-element-e55c854{--width:6.625%;}.elementor-1338 .elementor-element.elementor-element-59fc0789{--width:9.163%;}.elementor-1338 .elementor-element.elementor-element-63482e1e{--width:40.354%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1338 .elementor-element.elementor-element-59fc0789{--width:54px;}.elementor-1338 .elementor-element.elementor-element-63482e1e{--width:643px;}}/* Start custom CSS for button, class: .elementor-element-78a7f26f */* ========================================================================== Fabricatto Decor — Sublinhado Animado para o Header ========================================================================== */ /* -------------------------------------------------------------------------- 1. Variáveis Globais Centralizamos as cores para facilitar futuras alterações de design. Cores extraídas do logo para uma identidade visual consistente. -------------------------------------------------------------------------- */ :root { --fabricatto-text-base: #e9edf3; /* Cor padrão do texto do menu (cinza claro) */ --fabricatto-text-hover: #ffffff; /* Cor do texto no hover (branco, para brilho) */ --fabricatto-ink: #cfd6e4; /* Cor principal do sublinhado (Cinza elegante) */ --fabricatto-glow: rgba(207, 214, 228, 0.25); /* Brilho sutil no tom do cinza */ --fabricatto-focus: #cfd6e4; /* Cor do outline para acessibilidade, alinhada à marca */ } /* -------------------------------------------------------------------------- 2. Reset de Estilos do Elementor Esta é a etapa crucial para remover completamente as caixas verdes ou azuis e qualquer outro estilo padrão que o tema/Elementor aplica. O `!important` é necessário para garantir que nossas regras prevaleçam. -------------------------------------------------------------------------- */ .elementor-nav-menu--main .elementor-item, .elementor-nav-menu--dropdown .elementor-item, .elementor-nav-menu--dropdown .elementor-sub-item, .elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus, .elementor-nav-menu--main .elementor-item.highlighted, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main .current-menu-item > a, .elementor-nav-menu--dropdown .elementor-item:hover { background-color: transparent !important; background-image: none !important; border: none !important; box-shadow: none !important; text-shadow: none !important; /* Garante que não haja sombras de texto indesejadas */ } /* Remove também os "ponteiros" que alguns temas adicionam com pseudo-elementos */ .elementor-nav-menu--main .elementor-item::before { display: none !important; } /* -------------------------------------------------------------------------- 3. Base do Link e Preparação para Animação - `position: relative` é essencial para que o sublinhado (`::after`) seja posicionado corretamente em relação ao link. - Removemos o sublinhado padrão do navegador. -------------------------------------------------------------------------- */ .elementor-nav-menu--main .elementor-item { position: relative; text-decoration: none; color: var(--fabricatto-text-base); /* Define a cor base do texto */ /* Adiciona uma transição suave para a cor e o outline de foco */ transition: color 0.3s ease, outline-offset 0.15s ease-out; } /* -------------------------------------------------------------------------- 4. O Sublinhado Animado (A Mágica Acontece Aqui) - Usamos um único pseudo-elemento `::after` para criar o sublinhado. - Ele começa "invisível" com largura zero (`transform: scaleX(0)`). - `transform-origin: left` faz a animação varrer da esquerda para a direita. - A curva `cubic-bezier` cria uma animação fluida e de alta qualidade. -------------------------------------------------------------------------- */ .elementor-nav-menu--main .elementor-item::after { content: ''; position: absolute; width: 100%; height: 2px; background-color: var(--fabricatto-ink); box-shadow: 0 1px 10px var(--fabricatto-glow); /* Ajuste a distância do sublinhado em relação ao texto aqui */ bottom: 5px; left: 0; transform: scaleX(0); transform-origin: left; transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1); } /* -------------------------------------------------------------------------- 5. Gatilhos da Animação e Cor do Texto Aqui, ativamos a animação do sublinhado e a mudança de cor do texto. -------------------------------------------------------------------------- */ .elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main .current-menu-item > a { color: var(--fabricatto-text-hover); /* Ilumina o texto */ } .elementor-nav-menu--main .elementor-item:hover::after, .elementor-nav-menu--main .elementor-item:focus::after, .elementor-nav-menu--main .elementor-item.elementor-item-active::after, .elementor-nav-menu--main .current-menu-item > a::after { transform: scaleX(1); /* Ativa o sublinhado */ } /* -------------------------------------------------------------------------- 6. Acessibilidade Aprimorada Garantimos um feedback visual claro para navegação por teclado, sem interferir no design. -------------------------------------------------------------------------- */ .elementor-nav-menu--main .elementor-item:focus-visible { outline: 2px solid var(--fabricatto-focus); outline-offset: 4px; border-radius: 2px; } /* -------------------------------------------------------------------------- 7. Ajuste Específico para o Botão de Telefone Aumentamos o tamanho da fonte do número para melhor legibilidade e destaque, sem alterar o tamanho do contêiner do botão. -------------------------------------------------------------------------- */ .elementor-widget-button a.elementor-button { font-size: 1.1em !important; /* Aumenta a fonte em 10% */ font-weight: 500 !important; /* Deixa a fonte um pouco mais encorpada */ } /* -------------------------------------------------------------------------- 8. Ajustes para o Menu Mobile (Dropdown) No mobile, a animação de hover é menos relevante. Mantemos um visual limpo, removendo a animação e aplicando apenas um sublinhado sutil no item ativo para clareza. -------------------------------------------------------------------------- */ @media (max-width: 1024px) { /* Remove a animação do sublinhado no dropdown */ .elementor-nav-menu--dropdown .elementor-item::after { display: none; } /* Aplica um sublinhado simples e estático apenas no item ativo do dropdown */ .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .current-menu-item > a { border-bottom: 2px solid var(--fabricatto-ink) !important; } }/* End custom CSS */