/* Premium Navigation Styling */

.nav__btn {
    color: #1F2937 !important;
    /* Dark Gray for visibility */
    font-weight: 600;
    font-size: 16px;
    padding: 10px 24px;
    border-radius: 14px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}

.nav__btn span {
    position: relative;
    z-index: 2;
}

/* Hover Effect: Premium Glass/Glow */
.nav__btn:hover {
    color: #FF4B91 !important;
    /* Brand Pink on hover */
    background: rgba(255, 75, 145, 0.05);
    border-color: rgba(255, 75, 145, 0.2);
    transform: translateY(-2px);
}

/* Optional: Premium "Active" or "Featured" button style */
.nav__btn.premium-btn {
    background: linear-gradient(135deg, #FF4B91 0%, #9c4dcc 100%);
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(255, 75, 145, 0.3);
    border: none;
}

.nav__btn.premium-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 25px rgba(255, 75, 145, 0.4);
}

/* Remove original hardcoded line-height to allow padding to work */
.nav__btn[data-v-08436c7c] {
    line-height: normal !important;
}

/* Fix for the flex container alignment */
header .flex,
.fixed .flex {
    align-items: center;
}

/* Scroll Offset for Anchor Links */
#planos, 
#categorias, 
#tendencias {
    scroll-margin-top: 110px; /* Header height (92px) + breathing room */
}