.elementor-22 .elementor-element.elementor-element-4efbb15{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-bac34c5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-22 .elementor-element.elementor-element-f63c108{text-align:start;}.elementor-22 .elementor-element.elementor-element-f63c108 img{width:100%;max-width:170px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Configura o cabeçalho para ficar fixo no topo e transparente por padrão */
header.elementor-22 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Garante que ele fique acima de todo o conteúdo */
    background-color: transparent !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

/* 🌙 Quando a página rolar, o JavaScript adicionará esta classe */
header.elementor-22.header-scrolled {
    background-color: #000000 !important; /* Fundo preto */
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3); /* Sombra sutil para dar profundidade */
}/* End custom CSS */