/* Diminui a área de clique das setas para não sobrepor o conteúdo */
.carousel-control-prev, 
.carousel-control-next {
    width: 5%; /* Reduz de 15% (padrão) para apenas 5% */
}

/* Garante que o conteúdo do carrossel tenha um respiro nas laterais */
.carousel-caption {
    padding-left: 5%;
    padding-right: 5%;
    z-index: 10; /* Garante que o texto fique "por cima" de fundos, mas abaixo das setas curtas */
}