.elementor-145 .elementor-element.elementor-element-a584648{margin-top:0px;margin-bottom:0px;}.elementor-145 .elementor-element.elementor-element-7c1df19 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-8d64746 .main-menu .main-menu__list > li > a, .stricky-header .main-menu__list > li > a{font-family:"Montserrat", Sans-serif;}.elementor-145 .elementor-element.elementor-element-8d64746 .main-menu-wrapper__phone-contact > p{font-family:"Montserrat", Sans-serif;}.elementor-145 .elementor-element.elementor-element-8d64746 .main-menu-wrapper__phone-contact > a{font-family:"Montserrat", Sans-serif;}@media(min-width:2400px){.elementor-145 .elementor-element.elementor-element-7c1df19 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-145 .elementor-element.elementor-element-8d64746{width:100%;max-width:100%;}.elementor-145 .elementor-element.elementor-element-8d64746 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for aivons-header, class: .elementor-element-8d64746 */.main-menu-wrapper__social {
  display: none;
}


.sub-menu .menu-item a:hover {
    color: #fff !important; 
    background-color: #c3ea39 !important; 
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a584648 *//* Aplica-se apenas em telas com 2400px ou mais de largura */

@media (min-width: 2400px) {



/* Alvo: o container interno que segura o conteúdo */

.elementor-145 .elementor-element.elementor-element-a584648 > .elementor-container {
 /* * A nova largura máxima do container é o resultado da soma:

* 1360px (largura ideal para o conteúdo)

* + 20px (padding esquerdo)

* + 20px (padding direito)

* = 1400px

*/

max-width: 2100px;


/* Centraliza o container de conteúdo. */

margin-left: auto;

margin-right: auto;


/* Adiciona as margens laterais de 20px dentro do container. */

padding-left: 20px;

padding-right: 20px;

}

}



/* Aplica-se em telas com 1367px ou mais */

@media (min-width: 1367px) {

/* O '.elementor-145 .elementor-element.elementor-element-a584648' se refere ao container principal do header */

.elementor-145 .elementor-element.elementor-element-a584648 > .elementor-container {

display: flex;

justify-content: space-between; /* Isso empurra os itens para as extremidades */

align-items: center; /* Alinha verticalmente os itens no centro */

}

}

.main-menu-wrapper__search-box .main-menu-wrapper__search:hover {
    color: #c3ea39 !important;
}

.search-popup__content .thm-btn{
    background-color: #c3ea39;
}

/* --- 1. Cor de fundo APENAS para ícones e botões --- */
/* (Agora sem afetar o menu expandido) */
#menu-item-715 > a > button,
.mobile-nav__contact li i {
    background-color: #c3ea39 !important;
}

/* --- 2. Cor do TEXTO para o menu expandido --- */
/* (Esta é a nova regra, que afeta apenas o texto) */
.mobile-nav__content .main-menu__list li a.expanded {
    color: #c3ea39 !important;
}

/* --- 3. Efeito ao passar o mouse (hover) nos links do menu --- */
/* (Esta parte continua igual, afetando o texto e garantindo fundo transparente) */
.mobile-nav__container .main-menu__list li a:hover {
    color: #c3ea39 !important;
    background-color: transparent !important;
}

/* --- 4. Efeito hover para os links de contato (NOVO) --- */
.mobile-nav__contact li a:hover {
    color: #c3ea39 !important;
}

/*
 * Estilo unificado para o Page Header, aplicando o mesmo
 * tom de verde e efeito suave do Main Slider.
*/

.page-header .page-header-shape-1,
.page-header .page-header-shape-2,
.page-header .page-header-shape-3 {
display: none
}/* End custom CSS */