.service-banner {
    background-image: url("/images/AsesoriaVirtual2.avif");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: -120px;
    height: 550px;
}

@media (max-width: 480px) {
    .service-banner {
        background-image: url("/images/AsesoriaVirtual2.avif");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-position-x: -100px;
        height: 500px;
    }
}

.nunito {
    font-family: "Nunito", serif;
    font-weight: bold;
}

.collage {
    position: relative;
    width: 900px;
    height: 400px;
    margin: 20px auto;
    overflow: hidden;
}

.foto {
    position: absolute;
    width: 300px;
    height: auto;
    border: 5px solid white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
    cursor: pointer;
}

.foto:hover {
    transform: scale(1.05) rotate(0deg);
    z-index: 10;
}