.hero {
  background: url('/img/fondo.png') center/cover no-repeat;
  height: 90vh;
  position: relative;
}
.hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.hero-content {
  position: relative;
  z-index: 1;
  color: white;
}
.card:hover {
  transform: translateY(-4px);
  transition: 0.3s ease;
}