.emo-inicio-video {
    width: 100%;
}

/*!*Clase que hace que la imagen de una card tenga relación de aspecto 4:3 sin hacer cosas raras*!*/
/*.card-img, .card-img-top {*/
/*    width: 100%;*/
/*    height: 20vw;*/
/*    object-fit: cover;*/
/*}*/

.swiper-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 10rem !important;
}

.swiper-slide-principal {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/*Tamaño del slider dependiendo del ancho de la pantalla*/
@media (max-width: 1920px) {
    .swiper-slide-principal {
        height: 40rem !important;
    }
}

@media (max-width: 1600px) {
    .swiper-slide-principal {
        height: 30rem !important;
    }
}

@media (max-width: 1000px) {
    .swiper-slide-principal {
        height: 20rem !important;
    }
}

@media (max-width: 768px) {
    .swiper-slide-principal {
        height: 15rem !important;
    }
}

/*Hacemos que el carousel de Bootstrao 5 tenga una animación más lenta*/
#EMOInicioCarousel .carousel-item {
    transition: transform 2s ease-in-out;
}