.map {
    border: 4px solid #f65008;
    /* exemplo */
    border-radius: 1rem;
    /* opcional, para manter os cantos arredondados */
}

#acomodacoes-carousel .splide__track {
    padding-left: 10px;
    padding-right: 10px;
}

/* === CARROSSEL DA PÁGINA (fora do modal) === */
#resot-carousel .splide__track {
    height: 350px;
    padding-left: 10px;
    padding-right: 10px;
}

#resot-carousel .splide__slide {
    padding: 0 10px;
}

#resot-carousel .splide__slide img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.3s ease;
}

#resot-carousel .splide__slide img:hover {
    transform: scale(1.02);
}

/* === CARROSSEL DO MODAL === */
#main-carousel .splide__slide img {
    width: 100%;
    border-radius: 10px;
}

/* === MINIATURAS DO MODAL === */
#thumbnail-carousel.thumbnail-carousel {
    margin-top: 20px;
}

#thumbnail-carousel .splide__slide {
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.3s;
}

#thumbnail-carousel .splide__slide.is-active {
    opacity: 1;
    border: 2px solid #007bff;
    border-radius: 10px;
}