.elementor-widget-theme-site-logo .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-473 .elementor-element.elementor-element-3de29cb img{width:50%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-473 .elementor-element.elementor-element-3de29cb img{width:100%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-3de29cb *//* 1. Suaviza a transição do fundo do cabeçalho */
.elementor-473 .elementor-element.elementor-element-3de29cb {
    transition: background-color 0.4s ease !important;
}

/* 2. Muda o fundo do cabeçalho para Amarelo ao rolar */
.elementor-473 .elementor-element.elementor-element-3de29cb.elementor-sticky--effects {
    background-color: #ffc725 !important; /* <-- Troque pelo código HEX exato do seu amarelo */
}

/* 3. Suaviza a transição de cor da logo */
.elementor-473 .elementor-element.elementor-element-3de29cb img {
    transition: filter 0.4s ease !important;
}

/* 4. Transforma a logo (que é amarela) em Preta ao rolar */
.elementor-473 .elementor-element.elementor-element-3de29cb.elementor-sticky--effects img {
    filter: brightness(0) !important;
}/* End custom CSS */