/* Las piezas gráficas mantienen su proporción y nunca se recortan. */
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-visual img{height:auto;max-height:560px;aspect-ratio:auto;object-fit:contain}
.photo{display:flex;align-items:center;justify-content:center;padding:34px;background:#eaf2f7}
.photo img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.course-image{height:360px;display:flex;align-items:center;justify-content:center;padding:18px}
.course-image img{width:100%;height:100%;object-fit:contain;border-radius:10px}
@media(max-width:900px){
  .photo{height:auto;min-height:420px}
  .course-image{height:auto;min-height:300px;max-height:none}
  .course-image img{height:auto;max-height:500px}
}
@media(max-width:520px){
  .photo{height:auto;min-height:0;padding:18px}
  .photo img{height:auto}
  .course-image{min-height:0;padding:12px}
  .course-image img{height:auto;max-height:none}
}