@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    font-family: "Inter", sans-serif;
}



.calltoimg {
    height: 45vh;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('/Recursos/Images/call_to_action_bg.webp');
}



.carousel-item {
    display: none;

}

.carousel-item.active {
    display: block;
}

.carousel-img {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-image: url('/Recursos/Images/1.webp');
    -webkit-mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 80%, transparent);
    mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 70%, transparent);
}

/* Media query para pantallas móviles */
@media (max-width: 640px) {
    .carousel-img {
        background-image: url('/Recursos/Images/1-movile.webp');
    }
}


.carousel-img2 {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-image: url('/Recursos/Images/3.webp');
    -webkit-mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 80%, transparent);
    mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 70%, transparent);
}

/* Media query para pantallas móviles */
@media (max-width: 640px) {
    .carousel-img2 {
        background-image: url('/Recursos/Images/3.webp');
    }
}


.carousel-img3 {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-image: url('/Recursos/Images/home.png');
    -webkit-mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 80%, transparent);
    mask-image: linear-gradient(to bottom, rgba(17, 24, 39, 1) 70%, transparent);
}

/* Media query para pantallas móviles */
@media (max-width: 640px) {
    .carousel-img3 {
        background-image: url('/Recursos/Images/2-movile.png');
    }
}