.slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 20px;
}
.cta{
    width: 100%;
    display: flex;
    position: absolute;
    top: 40%;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    gap: 1rem;
}
#large-image{
    filter: brightness(0.7);
}
.large-image-container {
    position: relative;
    width: 100%;
    height: 37.5rem;
    margin-bottom: 20px;
    overflow: hidden;
}

.large-image-container img {
    width: 100%;
    height: 120%;
    object-fit: cover;
    object-position: top;
}

.thumbnail-container {
    display: flex;
    justify-content: center;
    transform: translateY(-104px);
}

.thumbnail {
    object-fit: cover;
    /* cursor: pointer; */
    transition: transform 0.3s;
    border: 1px solid #90b08985;
    box-shadow: 4px 4px 16px 0px #314f35c9;
}

.thumbnail:hover {
    /* transform: scale(1.1); */
}
.p-feature,
.elemento-parrafo,
.elemento-title{
    text-align: justify;
}


@media (width <= 768px){
    .thumbnail-container{
        flex-direction: column;
        gap: 2rem;
    }
}
@media (768px < width <= 1280px) {
    .thumbnail {
        width: 12rem;
        height: 11rem;
    }
    .thumbnail-container {
        gap: 1rem;
    }
    
    
}
@media (1280px < width <= 1940px) {
    .thumbnail {
        width: 18rem;
        height: 18.5rem;
    }
    .thumbnail-container {
        gap: 2rem;
    }
}
@media (1940px < width <= 3400px){
    .thumbnail {
        width: 20rem;
        height: 21rem;
    }
    .thumbnail-container {
        gap: 2rem;
    }
}