/* ==== HERO ==== */
.hero-deportes {
  height: 75vh;
  background: url("../images/hero/deportejuventud.jpeg") center/cover no-repeat fixed;
  position: relative;
}
.hero-deportes .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.8));
}

/* ==== ACTIVIDADES ==== */
.actividad-card {
  border-radius: 14px;
  background: white;
  transition: .3s ease;
}

.actividad-card:hover {
  transform: translateY(-6px);
}

.actividad-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* ==== EVENTOS ==== */
.evento-card {
  border-radius: 14px;
  background: white;
  transition: .3s ease;
}

.evento-card:hover {
  transform: translateY(-6px);
}

.evento-icon {
  font-size: 45px;
  color: #ffc107;
  margin-bottom: 10px;
}

/* ==== GALERÍA ==== */
.galeria-deporte-item {
  border-radius: 12px;
  overflow: hidden;
  transition: .25s ease;
}
.galeria-deporte-item:hover {
  transform: scale(1.03);
}
.galeria-deporte-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* Animaciones */
.fade-in {
  opacity: 0;
  transform: translateY(25px);
  transition: all .7s ease;
}
.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}


/* Cortar descripción a 3 líneas sin tocar el HTML */
.actividad-card p:last-of-type{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}