.gallery {
    overflow-x: hidden; /* Ocultar a barra de rolagem */
    /* ... outros estilos ... */
}

.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.carousel-nav button {
    /* Estilos para os botões de navegação */
}

.gallery {
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    padding: 16px;
}

.carousel-inner {
    display: flex;
}

.gallery-item {
    flex: 0 0 21%;
    min-width: 150px;
    margin: 0 16px;
    scroll-snap-align: start;
    transition: flex 0.3s ease; /* Adiciona uma transição suave */
}

.gallery-item:hover {
    flex: 0 0 22%; /* Aumenta o tamanho para 25% ao passar o mouse */
}

.gallery-item img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.description {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    color: #555;
}

/* Responsividade (opcional, pode ajustar conforme necessário) */
@media (max-width: 768px) {
    .gallery-item {
        min-width: 150px; 
    }
}

@media screen and (max-width: 35.9375rem) {
    h2, .h2 {
        font-size: 1.85rem;
    }
}

@media screen and (max-width: 35.9375rem) { .gallery-item {
    flex: 0 0 90%;
    min-width: 200px;
    margin: 0 16px;
    scroll-snap-align: start;
}}


.carousel {
    /* ... outros estilos ... */
    touch-action: pan-x; /* Permite o gesto de arrastar horizontal */
    user-select: none; /* Impede a seleção de texto */
}