.elementor-1367 .elementor-element.elementor-element-bdcb1f8{--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;--overlay-opacity:0;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:#FFFFFF17;--border-color:#FFFFFF17;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:9;}.elementor-1367 .elementor-element.elementor-element-bdcb1f8:not(.elementor-motion-effects-element-type-background), .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1367 .elementor-element.elementor-element-bdcb1f8::before, .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .elementor-background-video-container::before, .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .elementor-background-slideshow::before, .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1367 .elementor-element.elementor-element-bdcb1f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FF0000D1;--background-overlay:'';}.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-1367 .elementor-element.elementor-element-ef433fd{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;text-align:start;}.elementor-1367 .elementor-element.elementor-element-ef433fd.elementor-element{--align-self:flex-start;}.elementor-1367 .elementor-element.elementor-element-ef433fd img{width:81%;}.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-1367 .elementor-element.elementor-element-d2661c9.elementor-element{--order:99999 /* order end hack */;}.elementor-1367 .elementor-element.elementor-element-d2661c9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1367 .elementor-element.elementor-element-d2661c9 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-1367 .elementor-element.elementor-element-849035a{--display:flex;}.elementor-1367 .elementor-element.elementor-element-26bfba3{--display:flex;}.elementor-1367 .elementor-element.elementor-element-f3e17aa{--display:flex;}.elementor-1367 .elementor-element.elementor-element-995d551{--display:flex;}.elementor-1367 .elementor-element.elementor-element-bf4511d{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#000000;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:#000000;--n-menu-title-active-color-dropdown:#000000;}.elementor-1367 .elementor-element.elementor-element-bf4511d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1367 .elementor-element.elementor-element-bf4511d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1367 .elementor-element.elementor-element-bf4511d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-1367 .elementor-element.elementor-element-bf4511d {--n-menu-title-color-hover:#000000;--n-menu-title-color-active:#000000;}@media(max-width:767px){.elementor-1367 .elementor-element.elementor-element-bdcb1f8{--padding-top:15px;--padding-bottom:15px;--padding-left:10px;--padding-right:10px;}.elementor-1367 .elementor-element.elementor-element-ef433fd{--container-widget-width:37%;--container-widget-flex-grow:0;width:var( --container-widget-width, 37% );max-width:37%;}.elementor-1367 .elementor-element.elementor-element-d2661c9 .elementor-button{border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;padding:8px 8px 8px 8px;}.elementor-1367 .elementor-element.elementor-element-bf4511d{--n-menu-heading-justify-content:space-between;--n-menu-title-flex-grow:1;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;z-index:169;--n-menu-toggle-icon-distance-from-dropdown:25px;}}/* Start custom CSS for container, class: .elementor-element-bdcb1f8 *//* ============================================================= */
/* 1. ESTILOS INICIAIS (TOPO DA PÁGINA)       */
/* ============================================================= */
#menu-barra {
    /* Cor inicial: Leve Degradê Branco (De transparente para branco com pouca opacidade) */
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0));
    /* Cor de fundo transparente como fallback e para transição */
    background-color: rgba(255, 255, 255, 0); 
    transition: background-color 0.4s ease, filter 0.4s ease, box-shadow 0.4s ease, background-image 0.4s ease;
    z-index: 999;
}

/* OK: Cor inicial do texto do menu (Branca) - SOMENTE DESKTOP */
#menu-barra .texto-menu ul li a span {
    color: white !important;
    transition: color 0.4s ease;
}

/* NOVO: Força o texto do menu a ser PRETO no mobile, corrigindo o conflito inicial */
@media (max-width: 768px) {
    #menu-barra .texto-menu ul li a span {
        color: black !important;
    }
}

/* OK: Cor inicial do texto ao lado do ícone mobile (se houver) e ícone em 'i' (Branca) */
#menu-barra .elementor-menu-toggle span,
#menu-barra .elementor-menu-toggle i {
    color: white !important;
    transition: color 0.4s ease;
}

/* REQUISITO: Cor inicial do TEXTO do menu Elementor (dropdown mobile) - SEMPRE PRETO */
#menu-barra nav.elementor-nav-menu--dropdown a,
#menu-barra .elementor-nav-menu--dropdown .elementor-item {
    color: black !important;
    transition: color 0.4s ease;
}

/* Ícone do menu hambúrguer (mobile) - Branco - FORÇADO COM TODOS OS SELETORES (REQUISITO) */
#menu-barra .elementor-menu-toggle i,
#menu-barra .eicon-menu-bar,
#menu-barra .elementor-menu-toggle i:before,
#menu-barra .elementor-menu-toggle i:after {
    color: white !important;
    transition: color 0.4s ease;
}

#menu-barra .elementor-menu-toggle svg,
#menu-barra .elementor-menu-toggle i svg,
#menu-barra .eicon-menu-bar svg,
#menu-barra .elementor-widget-n-menu .e-n-menu-toggle svg { 
    fill: white !important;
    stroke: white !important;
    transition: fill 0.4s ease, stroke 0.4s ease;
}

/* Ícone Mobile Hover Inicial - Branco (REQUISITO) */
#menu-barra .elementor-widget-n-menu .e-n-menu-toggle:hover svg {
    fill: white !important;
    stroke: white !important;
    transition: fill 0.4s ease, stroke 0.4s ease;
}

/* Forçar cor em todos os elementos filhos do toggle que representam o ícone */
#menu-barra .elementor-menu-toggle i *,
#menu-barra .elementor-menu-toggle i *:before,
#menu-barra .elementor-menu-toggle i *:after {
    color: white !important;
    fill: white !important;
    stroke: white !important;
    border-color: white !important;
}

/* Cor inicial do logo (Branca) */
#menu-barra .logo-menu img {
    filter: brightness(0) invert(100%);
    transition: filter 0.4s ease;
}

/* Cor inicial do botão corretor (Branca com borda branca) */
#menu-barra .corretor,
#menu-barra .corretor .elementor-button,
#menu-barra .corretor .elementor-button-link {
    color: white !important;
    border-color: white !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    transition: color 0.4s ease, border-color 0.4s ease, background-color 0.4s ease;
}

/* Cor do texto dentro do span do botão */
#menu-barra .corretor .elementor-button-text {
    color: white !important;
    transition: color 0.4s ease;
}

/* Cor do ícone do botão */
#menu-barra .corretor .elementor-button-icon,
#menu-barra .corretor .elementor-button-icon svg {
    color: white !important;
    fill: white !important;
    transition: color 0.4s ease, fill 0.4s ease;
}

/* Hover do botão corretor no topo - fundo vermelho escuro e texto branco */
#menu-barra .corretor:hover,
#menu-barra .corretor:hover .elementor-button,
#menu-barra .corretor:hover .elementor-button-link,
#menu-barra .corretor .elementor-button:hover,
#menu-barra .corretor .elementor-button-link:hover {
    background-color: #81040A !important;
    color: white !important;
    border-color: #81040A !important;
    border-radius: 8px !important;
}

#menu-barra .corretor:hover .elementor-button-text,
#menu-barra .corretor .elementor-button:hover .elementor-button-text,
#menu-barra .corretor .elementor-button-link:hover .elementor-button-text {
    color: white !important;
}

#menu-barra .corretor:hover .elementor-button-icon,
#menu-barra .corretor:hover .elementor-button-icon svg,
#menu-barra .corretor .elementor-button:hover .elementor-button-icon,
#menu-barra .corretor .elementor-button:hover .elementor-button-icon svg,
#menu-barra .corretor .elementor-button-link:hover .elementor-button-icon,
#menu-barra .corretor .elementor-button-link:hover .elementor-button-icon svg {
    color: white !important;
    fill: white !important;
}


/* ============================================================= */
/* 2. ESTILOS DE ROLAGEM (CLASSE: rolagem-ativa) - TUDO PRETO (REQUISITO) */
/* ============================================================= */

/* Barra: Branca, opacidade reduzida e desfoque */
#menu-barra.rolagem-ativa {
    /* A cor de fundo sólida sobrescreve o background-image, completando a transição */
    background-color: rgba(255, 255, 255, 0.8);
    /* Remove o degradê quando ativo */
    background-image: none; 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    /* Sombra elegante adicionada */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);       
}

/* Texto do Menu após a Rolagem: Preto - DESKTOP E MOBILE (REQUISITO) */
#menu-barra.rolagem-ativa .texto-menu ul li a span,
#menu-barra.rolagem-ativa .elementor-menu-toggle span,
#menu-barra.rolagem-ativa .elementor-menu-toggle i,
#menu-barra.rolagem-ativa nav.elementor-nav-menu--dropdown a,
#menu-barra.rolagem-ativa .elementor-nav-menu--dropdown .elementor-item {
    color: black !important;
}

/* Ícone do menu hambúrguer após rolagem - Preto - FORÇADO COM TODOS OS SELETORES (REQUISITO) */
#menu-barra.rolagem-ativa .elementor-menu-toggle i,
#menu-barra.rolagem-ativa .eicon-menu-bar,
#menu-barra.rolagem-ativa .elementor-menu-toggle i:before,
#menu-barra.rolagem-ativa .elementor-menu-toggle i:after {
    color: black !important;
}

#menu-barra.rolagem-ativa .elementor-menu-toggle svg,
#menu-barra.rolagem-ativa .elementor-menu-toggle i svg,
#menu-barra.rolagem-ativa .eicon-menu-bar svg,
#menu-barra.rolagem-ativa .elementor-widget-n-menu .e-n-menu-toggle svg {
    fill: black !important;
    stroke: black !important;
}

/* Ícone Mobile Hover em Rolagem - Preto (REQUISITO) */
#menu-barra.rolagem-ativa .elementor-widget-n-menu .e-n-menu-toggle:hover svg {
    fill: black !important;
    stroke: black !important;
}

/* Forçar cor em todos os elementos filhos do toggle após rolagem */
#menu-barra.rolagem-ativa .elementor-menu-toggle i *,
#menu-barra.rolagem-ativa .elementor-menu-toggle i *:before,
#menu-barra.rolagem-ativa .elementor-menu-toggle i *:after {
    color: black !important;
    fill: black !important;
    stroke: black !important;
    border-color: black !important;
}

/* Logo após a Rolagem: Cor original */
#menu-barra.rolagem-ativa .logo-menu img {
    filter: none;
}

/* Botão corretor após a Rolagem: Preto com borda preta */
#menu-barra.rolagem-ativa .corretor,
#menu-barra.rolagem-ativa .corretor .elementor-button,
#menu-barra.rolagem-ativa .corretor .elementor-button-link {
    color: black !important;
    border-color: black !important;
    background-color: transparent !important;
    border-radius: 8px !important;
}

#menu-barra.rolagem-ativa .corretor .elementor-button-text {
    color: black !important;
}

#menu-barra.rolagem-ativa .corretor .elementor-button-icon,
#menu-barra.rolagem-ativa .corretor .elementor-button-icon svg {
    color: black !important;
    fill: black !important;
}

/* Hover do botão corretor após rolagem - fundo vermelho escuro e texto branco */
#menu-barra.rolagem-ativa .corretor:hover,
#menu-barra.rolagem-ativa .corretor:hover .elementor-button,
#menu-barra.rolagem-ativa .corretor:hover .elementor-button-link,
#menu-barra.rolagem-ativa .corretor .elementor-button:hover,
#menu-barra.rolagem-ativa .corretor .elementor-button-link:hover {
    background-color: #81040A !important;
    color: white !important;
    border-color: #81040A !important;
    border-radius: 8px !important;
}

#menu-barra.rolagem-ativa .corretor:hover .elementor-button-text,
#menu-barra.rolagem-ativa .corretor .elementor-button:hover .elementor-button-text,
#menu-barra.rolagem-ativa .corretor .elementor-button-link:hover .elementor-button-text {
    color: white !important;
}

#menu-barra.rolagem-ativa .corretor:hover .elementor-button-icon,
#menu-barra.rolagem-ativa .corretor:hover .elementor-button-icon svg,
#menu-barra.rolagem-ativa .corretor .elementor-button:hover .elementor-button-icon,
#menu-barra.rolagem-ativa .corretor .elementor-button:hover .elementor-button-icon svg,
#menu-barra.rolagem-ativa .corretor .elementor-button-link:hover .elementor-button-icon,
#menu-barra.rolagem-ativa .corretor .elementor-button-link:hover .elementor-button-icon svg {
    color: white !important;
    fill: white !important;
}

/* ============================================================= */
/* 3. ESTILOS ESPECÍFICOS PARA MENU MOBILE (DROPDOWN)          */
/* ============================================================= */

/* Fundo do menu dropdown mobile - transparente no topo */
#menu-barra .elementor-nav-menu--dropdown {
    background-color: rgba(255, 255, 255, 0.95) !important;
    transition: background-color 0.4s ease;
}

/* Fundo do menu dropdown mobile após rolagem */
#menu-barra.rolagem-ativa .elementor-nav-menu--dropdown {
    background-color: rgba(255, 255, 255, 0.98) !important;
}

/* Itens do menu mobile - garantir cor correta (já garantido nas seções 1 e 2 como BLACK) */
#menu-barra .elementor-nav-menu--dropdown .elementor-item {
    transition: color 0.4s ease;
}

/* Hover nos itens do menu mobile */
#menu-barra .elementor-nav-menu--dropdown .elementor-item:hover {
    color: #81040A !important;
}

#menu-barra.rolagem-ativa .elementor-nav-menu--dropdown .elementor-item:hover {
    color: #81040A !important;
}/* End custom CSS */