.recom{
    display: flex;
    justify-content: space-around;
    padding: 10px;
    width: 100%;
}
.recom-1{
    width: 100%;
}
.recom-1-1{
    text-align: center;
    margin: 20px 0;
    color: var(--color-txt_tit);
}
.recom-1-2{
    border-radius: 8px;
    padding: 20px;
    box-shadow: 1px 1px 4px 2px var(--color-somb_tarj);
}
.recom-1-3{
    margin: 30px 0;
    width: 100%;
    text-align: center;
    transition: 0.5s;
}
.recom-1-3:hover{
    transform: scale(1.05);
    transition: 0.5s;
}
.recom-1-3 a{
    text-decoration: none;
}
.recom-1-3 a span{
    font-size: 50px;
    color: var(--color-txt_salir);
}
.recom-1-3 a:hover span{
    font-size: 50px;
    color: var(--color-txt_salir_hov);
}
.recom-1-2 article{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.recom-1-2 div{
    margin-top: 20px;
    text-align: justify;
}
.recom-1-2 div h3{
    margin: 20px 0 10px;
    color: var(--color-txt_subtit);
}
.recom-1-2 div p{
    margin-bottom: 10px;
}
.txt-rojo{
    color: red;
}
.txt-dorado{
    color: #ffbb00;
}
.txt-verde{
    color: darkgreen;
}
@media(max-width: 768px){
    .recom{
        flex-wrap: wrap;
        margin-top: 90px;
    }
}