/* Estilos para o contentor geral */
.row-carousel {
    max-width: 800px;
    /* Defina a largura que desejar */
    margin: auto;
}

/* Estilos para o carrossel principal */
.gallery-main {
    width: 100%;
    height: 400px;
    /* Ajuste a altura conforme necessário */
    margin-bottom: 10px;
}

.gallery-main .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Garante que a imagem preencha o slide */
}

/* Estilos para as miniaturas */
.gallery-thumbs {
    height: 100px;
    /* Altura da faixa de miniaturas */
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    /* Mostra 4 miniaturas de cada vez, por exemplo */
    height: 100%;
    opacity: 0.5;
    /* Estilo para miniaturas não ativas */
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.gallery-thumbs .swiper-slide:hover {
    opacity: 0.8;
}

/* Estilo para a miniatura do slide ativo */
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ffffff;
}