.swiper {
    width: 85%;
    height: auto;
}
.swiper img{
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16/9;
    border: 4px solid rgb(255, 255, 255);
    border-radius: 5px;
}
.swiper-slide {
    background-color: rgba(138, 127, 255, 0);
    padding-bottom: 15px;
}
.swiper-slide p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-family: 'Roboto';
    font-weight: 300;
    opacity: 0;
}
@media (max-width: 1400px){
    .swiper-slide p {
        font-size: 20px;
    }
}

#peluqueria:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#peluqueria:hover #peluqueria-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#spa:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#spa:hover #spa-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#estetica:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#estetica:hover #estetica-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#turismo:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#turismo:hover #turismo-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#lavadero:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#lavadero:hover #lavadero-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#peluqueria-canina:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#peluqueria-canina:hover #peluqueria-canina-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#boliches:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#boliches:hover #boliches-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#actividades-recreativas:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#actividades-recreativas:hover #actividades-recreativas-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}

#canchas:hover{
    transition: opacity 0.4s ease;
    cursor: pointer;
    opacity: 0.85;
}
#canchas:hover #canchas-texto{
    transition: opacity 0.8s ease;
    opacity: 1;
}