/* Estilo para as imagens dos slides */
.destaques-primarios-slider .swiper-slide img {
    width: 100%;
    height: 550px;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.destaques-primarios-slider .swiper-slide a:hover {
    font-size: unset;
}

.destaques-primarios-slider .swiper-slide h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #023E81;
    margin-top: 16px;
    margin-bottom: 24px;
}

.destaques-primarios-slider .swiper-slide p {
    font-size: 12px;
    font-weight: normal;
    color: #454545;
}


/* Reduz as dimensões dos botões */
.swiper-button-next,
.swiper-button-prev {
  width: 30px !important;   /* ajuste conforme desejado */
  height: 30px !important;  /* ajuste conforme desejado */
  background-color: #023E81;
}

/* Se os botões usarem pseudo-elementos para exibir os ícones, ajuste o tamanho da fonte */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px !important;  /* ajuste conforme desejado */
  color: #fff;
}


/* Garante que o link (pai da imagem) esconda qualquer transbordamento */
.swiper-slide a {
  display: block; /* para garantir que seja considerado um bloco */
  overflow: hidden;
  border-radius: 8px;
}

/* Define uma transição suave para a imagem */
.swiper-slide a img {
  transition: transform 0.3s ease;
  overflow: visible;
}

/* Aplica o efeito de zoom ao passar o mouse sobre o link */
.destaques-primarios-slider .swiper-slide a:hover img {
  transform: scale(1.1);
}


@media (max-width: 768px) {
    
    .destaques-primarios-slider .swiper-slide a {
        border-radius: 8px;
        /*height: 300px;*/
    }
        
    .destaques-primarios-slider .swiper-slide img {
        height: 300px;
    }
}