.hero {
    background: #f8f9fa;
    padding: 50px 0;
    text-align: center;
}

.sectionSite {
    background: #f8f9fa;
    padding: 50px 0;
}

.cta-button {
    background: #007bff;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
}

footer {
    background: #343a40;
    color: white;
    padding: 20px;
    text-align: center;
}

.card:hover {
    transform: scale(1.05);
    /* Aumenta o tamanho do card */
    transition: transform .3s ease-in-out;
    /* Suaviza a transição */
}

.rating {
    color: #ffc107; /* Cor dourada para as estrelas */
    font-size: 18px; /* Tamanho das estrelas */
}

#reviewsCarousel {
    border: 2px solid #fdfdfd; /* Bordas sólidas, 2px de espessura, cor azul Bootstrap */
    border-radius: 10px; /* Bordas arredondadas para um visual mais suave */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra leve para adicionar profundidade */
    overflow: hidden; /* Impede que os itens internos sobreponham a borda */
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden; /* Garante que nada saia do contêiner do carrossel */
}

.card-body {
    overflow: hidden; /* Evita que o conteúdo exceda o tamanho do card */
    text-overflow: ellipsis; /* Adiciona "..." se o texto for muito longo */
}

.card-text {
    height: 150px; /* Altura fixa para o texto do comentário */
    overflow-y: auto; /* Permite rolagem se o texto exceder a altura */
}

.rating {
    margin-top: auto; /* Alinha as estrelas para a parte inferior do card */
}