/* Estilos para o corpo da página */
body {
  background-image: url('imagens/bg.jfif');
  background-size: cover; /* Ajusta a imagem para cobrir toda a área do elemento */
  background-repeat: no-repeat; /* Evita que a imagem se repita */
  background-attachment: fixed; /* Fixa a imagem para que o conteúdo role sobre ela */
}

/* Estilos para os cards */
.card {
  overflow: hidden;
  transition: transform 0.3s;
}

.card:hover {
  transform: scale(1.1);
}

.card img {
  width: 100%;
  height: auto;
}

.card-columns-custom {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

/* Estilos personalizados para os cards */
.custom-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.custom-card .card-body {
  flex: 1;
  overflow-y: auto;
}

/* Estilo para limitar o texto a 5 linhas e ocultar o excesso */
.card-text {
  display: -webkit-box;
  -webkit-line-clamp: 5; 
}

/* Estilo para o botão "Leia mais" */
.btn.read-more {
  display: inline-block;
}