/*Contenedor de categorias*/

input[type="radio"]{
    display: none;
}

.container-category{
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.container-category label{
    padding: 6px 40px;
    margin: 10px;
    font-size: 20px;
    background: #002846;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.container-category label:hover{
    color: #79ccd6;
}






/*sistema de filtrado*/

[value="TODOS"]:checked ~ .posts .post[data-category]{
    display: block;
}

[value="AMOR"]:checked ~ .posts .post:not([data-category~="AMOR"]),
[value="DINERO"]:checked ~ .posts .post:not([data-category~="DINERO"]),
[value="TRABAJO"]:checked ~ .posts .post:not([data-category~="TRABAJO"]){
    display: none;
}
[value="TODOS"]:checked ~ .container-category [for="TODOS"],
[value="AMOR"]:checked ~ .container-category [for="AMOR"],
[value="DINERO"]:checked ~ .container-category [for="DINERO"],
[value="TRABAJO"]:checked ~ .container-category [for="TRABAJO"]{
    background: linear-gradient(90deg, #004665, #79ccd6);
    color: #fff;
}