.elementor-35 .elementor-element.elementor-element-1179ba8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-4907549{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-4907549 *//* ==========================================================================
   ESTILO DA HEADER (Híbrido: Horizontal Desk / Vertical Mobile)
   ========================================================================== */
.lucas-navbar-wrapper {
    position: fixed;
    top: 0; left: 0; width: 100%;
    background-color: var(--nav-bg); 
    z-index: 9999;
    transition: transform 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    
    display: flex; 
    justify-content: center; 
    align-items: center;
    box-sizing: border-box;
    
    /* Padding Vertical Padrão */
    padding-top: var(--h-pad-y-desk);
    padding-bottom: var(--h-pad-y-desk);
    padding-left: 60px; padding-right: 60px;
}

.lucas-navbar-wrapper.nav-hidden { transform: translateY(-100%); }

.lucas-navbar-container {
    width: 100%; max-width: 1420px;
    /* DESKTOP PADRÃO: LINHA (Logo esq / Menu dir) */
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center;
}

/* --- LOGO --- */
.brand-embed {
    line-height: 0;
    padding-bottom: 0; /* Zerado no Desktop */
}

.logo-img { height: auto; display: block; }
.desktop-view { width: var(--h-logo-desk); } 
.mobile-view { display: none; width: 140px; } 

/* --- MENU --- */
.nav-items { 
    list-style: none; 
    display: flex; 
    gap: 60px; 
    margin: 0; padding: 0; 
}

.nav-item a {
    text-decoration: none; 
    color: var(--nav-text) !important; /* Trava a cor base */
    font-family: var(--nav-font); font-size: 14px; font-weight: 300;
    text-transform: uppercase; letter-spacing: 1px;
    position: relative; transition: color 0.3s ease;
}

.nav-item a.active-on { font-weight: 700; }

/* BLINDAGEM CONTRA O AZUL DO TEMA NO HOVER */
.nav-item a:hover, 
.nav-item a:focus, 
.nav-item a:active {
    color: var(--nav-text) !important; 
}

/* A LINHA SUBLINHADA ANIMADA */
.nav-item a::after {
    content: ''; position: absolute; width: 0; height: 1px;
    bottom: -4px; left: 0; background-color: var(--nav-text);
    transition: width 0.3s ease;
}
.nav-item a:hover::after { width: 100%; }

/* --- RESPONSIVO (TABLET) --- */
@media (max-width: 1024px) {
    .lucas-navbar-wrapper { padding-left: 40px; padding-right: 40px; }
    .desktop-view { display: none; }
    .mobile-view { display: block; }
    .nav-items { gap: 30px; }
}

/* --- RESPONSIVO (MOBILE - MUDANÇA CRUCIAL) --- */
@media (max-width: 768px) {
    .lucas-navbar-wrapper { 
        padding-left: 20px; padding-right: 20px;
        /* Aumenta padding vertical para acomodar o empilhamento */
        padding-top: 30px; padding-bottom: 30px; 
    }
    
    .lucas-navbar-container {
        /* MOBILE: COLUNA (Logo cima / Menu baixo) */
        flex-direction: column;
        justify-content: center;
    }
    
    .brand-embed {
        /* Adiciona o espaço extra solicitado */
        padding-bottom: 30px;
    }
    
    .mobile-view { width: 150px; /* Logo maior no mobile se desejar */ }
    
    .nav-items { gap: 20px; }
    .nav-item a { font-size: 12px; }
}/* End custom CSS */