/* --- Base Styles --- */
[v-cloak], [v-cloak] > * { 
    display: none; 
}

#app-menu-superior * { 
    -webkit-tap-highlight-color: transparent; 
}

#app-menu-superior svg.lucide {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
}

/* --- Breakpoints --- */
@media (max-width: 767px) {
    #app-menu-superior { 
        width: 75vw; 
        margin: 0 auto; 
    }
    #app-menu-superior nav { 
        width: 100%; 
        justify-content: space-between; }
    #app-menu-superior button.ml-auto { 
        display: flex; 
        margin-left: auto; 
        width: 45px; 
        height: 45px; 
        padding: 0; 
        border-radius: 50%; 
        align-items: center; 
        justify-content: center; 
    }
    #app-menu-superior img { 
        max-width: 150px; 
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #app-menu-superior { 
        width: 85vw; 
        margin: 0 auto; 
    }
    #app-menu-superior nav { 
        width: 100%; 
        justify-content: space-between; 
    }
    #app-menu-superior button.ml-auto { 
        display: flex; 
        margin-left: auto; 
        width: 45px; 
        height: 45px; 
        padding: 0; 
        border-radius: 50%; 
        align-items: center; 
        justify-content: center; 
    }
    #app-menu-superior img { 
        max-width: 180px; 
    }
}

@media (min-width: 1024px) {
    #app-menu-superior { 
        width: 100%; 
        max-width: 100%; 
    }
    #app-menu-superior button.ml-auto { 
        display: none; 
    }
}

#app-menu-superior a, #app-menu-superior a:hover { 
    text-decoration: none; 
}
#app-menu-superior button.main-nav-btn {
    background: transparent; 
    border: none;
    box-shadow: none; 
    text-shadow: none;
    -webkit-font-smoothing: antialiased; 
    cursor: pointer;
}

/* --- Desktop Layout --- */
.active-tab { 
    color: #630E8F; 
}

.mega-container {
    width: 800px;
    background: #ffffff;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.04);
}

.pointer-triangle {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 10px;
    background: #ffffff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    z-index: 10;
}

/* --- Animations --- */
.fade-slide-enter-active, .fade-slide-leave-active { 
    transition: all 0.25s cubic-bezier(0.2, 1, 0.3, 1); 
}
.fade-slide-enter-from, .fade-slide-leave-to { 
    opacity: 0; transform: translate(-50%, 15px); 
}
.slide-fade-enter-active, .slide-fade-leave-active { 
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease; 
}
.slide-fade-enter-from { 
    transform: translateX(100%); opacity: 0; 
}
.slide-fade-leave-to { 
    transform: translateX(100%); opacity: 0; 
}

/* --- UI Components --- */
.custom-scrollbar::-webkit-scrollbar { 
    width: 4px; 
}
.custom-scrollbar::-webkit-scrollbar-track { 
    background: transparent; 
}
.custom-scrollbar::-webkit-scrollbar-thumb { 
    background-color: #e2e8f0; 
    border-radius: 10px; 
}   

.elementor-swiper-button, .swiper-pagination, .elementor-slick-slider .slick-dots, .elementor-slick-slider .slick-arrow {
    z-index: 1 !important;
}

.ios-clickable {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
}