.continerDeFiltrosCertificado {

    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
     
  
}

.CaixaFiltroCertificado {

  padding: 10px;
  width: 100%;
  background: black;
  color: white;
  font-size: 20px;
  cursor: pointer;
  margin: 0px 0px 40px 0px;

}

.continerCertificados {

    display: flex;
    flex-direction: column;
    margin: 0px 0px;

}

.continerCategoriaCertificado{

    display: flex;
    flex-direction: column;
    gap: 20px;

}

.TituloCategoriaCertificado {

    font-size: 30px;

}

.imgCertificado {

    flex-shrink: 0; /* Evita que os itens encolham */
    width: 510px !important;
    height: 375px !important;
    border: 1px solid #ccc; /* Apenas para visualização */
    padding: 10px; /* Espaçamento interno */
}

.swiper-slide2 {

   margin: 0px 20px 40px 0px !important;
   width: 510px !important;
   height: 375px !important;
   padding: 6px 14px 6px 14px;
   border: 1px solid #ccc;
   
}

.carrossel__container {

    position: relative; /* Para posicionar elementos relativos ao contêiner */
    overflow: hidden;   /* Evita barras de rolagem inesperadas */

}

.imagemCertificado {

    width: 510px !important;
    height: 375px !important;
    object-fit: contain;
    cursor: grab !important;
    opacity: 0; /* Oculta a imagem (e o texto alternativo) inicialmente */
    transition: opacity 0.5s ease-in-out; /* Transição suave para a opacidade */
}


.imagemCertificado.swiper-lazy-loaded {
    opacity: 1; /* Mostra a imagem quando carregada */
}

.swiper-lazy-preloader {

    width: 100%;
    height: 100%;

}