/* Photograph selection and focal points. Typography and layouts come from the original site styles. */
.hero-julia .hero-slide>img{position:absolute;right:0;bottom:0;width:auto;max-width:none;height:calc(100% - 96px);object-fit:contain;object-position:right bottom;transform-origin:75% 10%;mask-image:linear-gradient(90deg,transparent,#000 28%)}
.pony-choice-card .choice-photo{background-size:cover;background-position:50% 24%}
.pony-home-visual img{object-position:50% 38%}
.class-photo-main{background-image:url('../images/julia-donald-pie-tierra.webp');background-position:60% center}
.class-photo-peek{background-image:url('../images/concurso-progreso-acompanado.webp')}
.story-photo-main{background-image:url('../images/comunidad-concurso-oct26.webp');background-position:45% center}
.story-photo-small{background-image:url('../images/amistad-concurso-audit.webp');background-position:50% 35%}
.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
.photo-gallery .gallery-item,.photo-gallery .gallery-item.large,.photo-gallery .gallery-item.wide{grid-row:auto;grid-column:auto;aspect-ratio:3/2}
.photo-gallery .gallery-item.wide{grid-column:1/-1;aspect-ratio:2/1}
.photo-gallery .gallery-item.wide img{object-fit:cover;object-position:center 40%}
.installation-photo[data-lightbox-index="2"] img{object-fit:cover;object-position:center 40%}
.page-hero-media img[src$="concurso-infantil-audit.webp"]{object-position:70% top}
.page-hero-media img[src$="clases-pista-exterior.webp"]{object-position:center 18%}
.page-hero-media img[src$="clases-grupo-pista-cubierta.webp"]{object-position:center 25%}
.page-hero-media img[src$="concurso-familias.webp"]{object-position:center 35%}
.pony-hero .page-hero-media img{position:absolute;right:0;width:auto;object-fit:contain;object-position:right center;transform:none;mask-image:linear-gradient(90deg,transparent,#000 28%)}
.split-media img[src$="julia-donald-pie-tierra.webp"]{object-position:60% center}
.split-media img[src$="julia-donald-disfrutar.webp"]{object-position:60% center}
/* Retain the small-screen overflow fix without altering the original composition. */
.classes-layout>*{min-width:0}
.class-panel>div{min-width:0}
@media(max-width:980px){
 .hero-julia .hero-slide>img{width:100%;object-fit:cover;object-position:65% center;mask-image:none}
 .pony-hero .page-hero-media img{width:100%;object-fit:cover;object-position:55% 25%;mask-image:none}
}
@media(max-width:720px){
 .photo-gallery{grid-template-columns:1fr}
 .photo-gallery .gallery-item.wide{aspect-ratio:3/2}
}