.elementor-766 .elementor-element.elementor-element-b28351e{--display:flex;--position:absolute;--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;top:0px;}body:not(.rtl) .elementor-766 .elementor-element.elementor-element-b28351e{left:0px;}body.rtl .elementor-766 .elementor-element.elementor-element-b28351e{right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-3ad9972 *//* ==================================================
   DESKTOP (PADRÃO - NÃO MEXER)
   ================================================== */
.glass-capsule-nav {
    position: fixed;
    top: 60px; /* Mantido os 60px */
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    
    background: rgba(20, 20, 20, 0.8); 
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    padding: 6px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    width: auto;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 50px;
    
    color: #e0e0e0 !important; 
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* --- SEGREDO DO DESKTOP: ESCONDER ÍCONES --- */
.nav-item i {
    display: none; 
}

.nav-item:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1);
}

.nav-item.active {
    background: #9d4edd;
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 0 25px rgba(157, 78, 221, 0.5);
}

/* ==================================================
   MOBILE / TABLET VERTICAL (ATÉ 768px)
   ================================================== */
@media (max-width: 768px) {
    .glass-capsule-nav {
        top: auto;      /* Remove do topo */
        bottom: 20px;   /* Joga para baixo (Estilo App) */
        width: 90%;     /* Ocupa a largura quase toda */
        padding: 8px 15px;
        background: rgba(15, 15, 15, 0.95); /* Fundo mais sólido para leitura */
    }
    
    .nav-links {
        justify-content: space-between; /* Espalha os botões */
        width: 100%;
        gap: 0;
    }
    
    .nav-item {
        padding: 10px 15px;
        border-radius: 15px; /* Botão mais quadrado no mobile */
    }

    /* --- MOBILE: ESCONDE TEXTO, MOSTRA ÍCONE --- */
    .nav-item .nav-text {
        display: none; 
    }
    
    .nav-item i {
        display: block; /* Ícone aparece */
        font-size: 20px;
        margin: 0;
    }
    
    /* Ajuste visual do Ativo no Mobile */
    .nav-item.active {
        background: rgba(157, 78, 221, 0.2); 
        color: #9d4edd !important; /* Ícone Roxo */
        box-shadow: none; /* Sem brilho forte */
        border: 1px solid rgba(157, 78, 221, 0.5);
    }
}/* End custom CSS */