body {
  font-family: 'Poppins', sans-serif;
  background-color: #F4F6F7;
  color: #2D2D2D;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.navbar-custom {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  box-shadow: #181818;
}

.navbar-custom .nav-link {
  color: #383838;
}

.navbar-custom .nav-link:hover {
  color: #242323;
}

.btn-custom {
  background-color: #242323;
  color: #fff;
  border: 1px solid #242323;
  padding: 10px 20px;
  border-radius: 6px;
  transition: background-color 0.3s ease;
}

.btn-custom:hover {
  background-color: #f9f9f9;
  border-color: #242323;
  color: #242323;
}

.custom-pagination .page-item .page-link {
  background-color: #242323;
  /* Fondo claro */
  color: #fff;
  /* Color del texto (azul Bootstrap) */
  border: 1px solid #dee2e6;
  margin: 0 3px;
}

.custom-pagination .page-item.active .page-link {
  background-color: #242323;
  /* Fondo azul cuando activo */
  color: #fff;
  /* Texto blanco cuando activo */
  border-color: #0d6efd;
}

.custom-pagination .page-item .page-link:hover {
  background-color: #242323;
  /* Fondo al pasar el mouse */
  color: #fff;
  /* Azul un poco más oscuro */
}

.login-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card {
  width: 100%;
  max-width: 400px;
  padding: 20px;
}