.hero-slider{

    overflow: hidden;

    /* Hace que el hero viva arriba en la página */
    position: relative;
    z-index: 0;

    box-shadow:
        0 15px 40px rgba(0,0,0,0.15);
}


.slider-image{
    height: 650px;

    object-fit: cover;
}

.slider-overlay{
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            rgba(0,0,0,0.15),
            rgba(0,0,0,0.55)
        );
}

.carousel-caption{
    bottom: 15%;
}

.carousel-caption h2{
    font-size: 3rem;
    font-weight: 700;
}

.carousel-caption p{
    font-size: 1.2rem;
}

.carousel-control-prev,
.carousel-control-next{
    width: 70px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-size: 70%;
}

.empty-slider{
    height: 400px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f8fafc;
}

@media(max-width:992px){

    .slider-image{
        height: 450px;
    }

    .carousel-caption h2{
        font-size: 2rem;
    }

}

@media(max-width:576px){

    .slider-image{
        height: 320px;
    }

    .carousel-caption{
        bottom: 10%;
    }

    .carousel-caption h2{
        font-size: 1.5rem;
    }

    .carousel-caption p{
        font-size: 0.9rem;
    }

}