.hero-actividades {
  background: url('../images/hero/actividades.jpg') center/cover no-repeat;
  height: 440px;
  position: relative;
}
.hero-actividades .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
}

.categoria-badge {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #007bff;
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 14px;
}

.actividad-card img {
  height: 200px;
  object-fit: cover;
}