/* Estilos personalizados */
body {
  font-family: Arial, sans-serif;
}

.navbar {
  margin-bottom: 0;
}

header {
  padding: 100px 0;
}

.card {
  transition: transform 0.3s;
}

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

.bg-light {
  background-color: #f8f9fa !important;
}

footer {
  margin-top: 50px;
}

/* Animación fade-in */
.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Estilo para el navbar al hacer scroll */
.navbar-scrolled {
  background-color: #333 !important;
  transition: background-color 0.3s ease;
}