/* ============================================
   COMPONENT: BASE TABS
   Namespacing: .c-base-tabs
   ============================================ */

.c-base-tabs {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #eee;
}

.c-base-tabs__item {
    padding-bottom: 0.8rem;
    font-family: var(--font-primary);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    cursor: pointer;
    transition: var(--transition);
    border-bottom: 2px solid transparent;
    position: relative;
}

.c-base-tabs__item:hover {
    color: var(--secondary-color);
}

.c-base-tabs__item--active {
    color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
}

/* Responsividade Básica */
@media (max-width: 480px) {
    .c-base-tabs {
        gap: 1rem;
    }
    
    .c-base-tabs__item {
        font-size: 0.75rem;
        flex: 1;
        text-align: center;
    }
}