/* Ajuste mejorado de imágenes en programación */
.prog-imgwrap,
.program-card .img-wrap,
.program-item .img-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: 12px;
  background: #111;
}

.prog-imgwrap img,
.program-card .img-wrap img,
.program-item .img-wrap img,
.prog-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

/* En pantallas chicas, reducimos un poco la altura */
@media (max-width: 480px) {
  .prog-imgwrap,
  .program-card .img-wrap {
    height: 160px;
  }
}