body {
  /*height: 95vh;*/
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}

.content {
  /*padding: 0px 0px 50px 0px;*/
  background-image: url("/assets/images/colorida.png");
  background-position: right 50px bottom;
  background-repeat: no-repeat;
  background-size: 20vw auto;
  /*height: calc(94vh - 35px);  Subtrai a altura do rodapé */
}

@media (max-width: 768px) {
  .content {
    background-size: 50vw auto; /* Aumenta para 50% da largura em telas menores */
    background-position: right 50px bottom; /* Ajusta a posição para telas menores */
  }
}

.site-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.content-wrap {
  flex: 1;
}

/* Pagination Styles - Customização dos botões de paginação */
.pagination .page-link {
  color: #000;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: all 0.15s ease-in-out;
}

.pagination .page-link:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.pagination .page-item.active .page-link {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.pagination .page-item.disabled .page-link {
  color: #6c757d;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination .page-item.disabled .page-link:hover {
  color: #6c757d;
  background-color: #fff;
  border-color: #dee2e6;
}