#categorias {
    max-width: 382px;
    width: 100%;
    margin-top: 12px;
}

#categorias .header__h1 {
    color: var(--color05);
    font-family: var(--font-regular);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 16px;
    margin: 0;
}

#categorias .categories .cont-tabs {
    display: flex;
    gap: 16px;
    padding: 32px 0;
    border-top: 2px solid var(--color08);
    border-bottom: 2px solid var(--color08);
    flex-wrap: wrap;
}

#categorias .categories button {
    color: var(--color06);
    text-align: center;
    font-family: var(--font-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.4px;
    letter-spacing: 0.32px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 153px;
    height: 30px;
    padding: 0 15px;
    border-radius: 40px;
}
/* Tags Categorías */

#categorias .cont-tabs .tecnologia {
    color: var(--color06);
    background-color: var(--color07);
}

#categorias .cont-tabs .novedades {
    color: var(--color11);
    background-color: var(--color12);
}

#categorias .cont-tabs .experiencias {
    color: var(--color13);
    background-color: var(--color14);
}

#categorias .cont-tabs .eventos {
    color: var(--color15);
    background-color: var(--color16);
}

#categorias .cont-tabs .deportivos {
    color: var(--color17);
    background-color: var(--color18);
}

#categorias .cont-tabs .diseno {
    color: var(--color19);
    background-color: var(--color20);
}

#categorias .cont-tabs .consejos {
    color: var(--color21);
    background-color: var(--color22);
}

#categorias .cont-tabs .medioambiente {
    color: var(--color23);
    background-color: var(--color24);
}

@media (max-width: 768px) {
    
    #categorias {
        max-width: 100%;
        margin: 0;
        margin-bottom: 24px;
    }
    
    #categorias .header__h1 {
        font-size: 18px;
        padding-bottom: 8px;
    }
    
    #categorias .categories .cont-tabs {
        flex-wrap: nowrap;
        overflow-y: scroll;
    }
    
    #categorias .categories button {
        font-size: 12px;
        line-height: 10.8px;
        max-width: 100px;
        height: 24px;
    }
    
    #categorias .categories {
        
        padding: 16px 0;
        gap: 8px;
    }
}