.fondo{
    background-image: url('../img/fondo.webp');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    border-radius: 0.5rem;
    padding: 10em 5em;
}
.titulo{
    text-align: center;
    color: white;
}

.links {
    display: flex;
    justify-content: space-between;
    padding: 10px 6px;
    gap:20px;
}
.cajitas{
    background-color: rgb(231, 204, 84);
    border-radius: 5px;
    box-shadow: 0px 0px 20px 2px rgb(46, 46, 44);
}
.cajitas p{
    color: black;
}
.cajitas i {
    margin-right: 6px;
}
.link a{
    text-decoration: none;
    color: white;
    border-radius: 6px;
}
.link{
    display: flex;
    padding: 10px 6px;
    justify-content: center;
    bottom: 1rem;
    transition: 1s;
}
.link a:hover {
    background-color: rgba(31, 30, 28, 0.8);
}
@media (max-width:880px){
    .links{
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:480px){
    .links{
        display: grid;
        grid-template-columns: 1fr;
    }
}