/* Real Zona Kite photographs; preserve a useful composition at each viewport. */
.hero-photo .hero-slide:first-child img{object-position:40% 50%}
.hero-photo .hero-slide:nth-child(2) img{object-position:45% 50%}
.hero-photo .hero-slide:nth-child(3) img{object-position:50% 64%}
.hero-photo .hero-slide:nth-child(4) img{object-position:45% 58%;animation-direction:alternate-reverse}
.hero-slide{transition-duration:1.4s}
.hero-shade{background:linear-gradient(90deg,#032d4ca6,#032d4c18 88%),linear-gradient(0deg,#032d4cb0,transparent 60%,#032d4c70)}
.course-tabs{scrollbar-width:thin;scrollbar-color:#96c3d6 transparent;gap:clamp(20px,2.7vw,38px)}
.course-tabs button{min-height:54px}
.course-panel{align-items:center}
.course-visual{min-width:0}
.course-image{height:auto;min-height:0;aspect-ratio:4/5}
.course-image.landscape{aspect-ratio:1/1}
.course-photo-kite img{object-position:46% 50%}
.course-photo-foil img{object-position:50% 50%}
.course-image.portrait img{object-position:50% 55%}
.course-image.course-photo-kids{aspect-ratio:3/4}
.course-image.course-photo-kids img{object-position:50% 50%}
.course-image>span{font-size:10px;left:20px;bottom:20px}
.course-alternate{display:grid;grid-template-columns:100px 1fr;align-items:center;text-align:left;width:100%;padding:0;border:0;margin-top:14px;background:#e5f3fa;color:var(--ink)}
.course-alternate img{width:100px;height:115px;object-position:50% 65%}
.course-alternate>span{position:relative;padding:18px 42px 18px 20px;font-size:13px;font-weight:800}
.course-alternate small{display:block;font-size:11px;font-weight:500;line-height:1.7;margin-top:5px}
.course-alternate b{position:absolute;right:18px;top:18px;font-size:20px}
.station-life{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;margin-top:56px}
.station-photo{margin:0;position:relative;overflow:hidden}
.station-photo img{width:100%;height:auto;aspect-ratio:4/5;object-position:50% 50%}
.station-photo figcaption{position:absolute;bottom:0;inset-inline:0;padding:45px 22px 22px;font-size:10px;letter-spacing:.12em;font-weight:700;background:linear-gradient(transparent,#032d4cd9)}
.station-life .services{grid-template-columns:1fr 1fr;gap:38px 28px;margin-top:0}
.station-life .services h3{font-size:20px}
.trip-photo{height:auto;aspect-ratio:4/5;min-width:0;overflow:hidden}
.trip-photo img{height:100%;object-position:50% 50%}
.trip-coche{background:#f6fbfe;padding-top:85px;padding-bottom:85px}
.coche-photo{aspect-ratio:1/1}
.coche-photo img{object-position:55% 50%}
.school-real img{height:auto;aspect-ratio:3/4;object-position:50% 60%}
.school-real figcaption>span:last-child{opacity:1}
.spot-image img{object-position:50% 65%}
.gallery-item{height:auto;aspect-ratio:3/4}
.gallery-item img{object-position:50% 50%!important}
.gallery-15 img{object-position:50% 60%!important}
.gallery-16 img{object-position:45% 60%!important}
.gallery-17 img{object-position:50% 45%!important}
.gallery-item>span{font-size:9px;line-height:1.6;letter-spacing:.04em;gap:6px}
dialog{max-width:min(94vw,1200px)}
dialog img{max-height:77svh}
.lightbox-close{font-size:24px;line-height:1}
@media(max-width:1050px){.station-life{gap:5%}.station-life .services{gap:28px 20px}.station-life .services h3{font-size:18px}.gallery-item>span{font-size:8px}}
@media(max-width:760px){
 .hero-photo .hero-slide:first-child img{object-position:37% 50%}
 .hero-photo .hero-slide:nth-child(2) img{object-position:45% 50%}
 .hero-photo .hero-slide:nth-child(3) img{object-position:50% 55%}
 .hero-photo .hero-slide:nth-child(4) img{object-position:50% 50%}
 .hero-bottom{display:grid;grid-template-columns:1fr;gap:14px;padding-top:16px;bottom:22px}
 .hero-bottom>span{display:none}
 .hero-bottom>a{display:inline-flex;align-items:center;gap:8px;max-width:none}
 .hero-bottom .scroll-arrow{margin-right:0}
 .hero-controls{justify-content:flex-start;gap:7px;margin-right:62px}
 .hero-bottom .cover-choice,.hero-bottom #motion{width:36px;height:36px}
 .course-panel{display:block}
 .course-image.portrait{aspect-ratio:3/4;height:auto}
 .course-image.landscape{aspect-ratio:6/5;height:auto}
 .course-image.course-photo-foil{aspect-ratio:6/5}
 .course-alternate{grid-template-columns:85px 1fr}
 .course-alternate img{width:85px;height:95px}
 .course-alternate>span{padding:12px 36px 12px 16px;font-size:12px}
 .course-tabs{gap:25px}
 .station-life{grid-template-columns:1fr;gap:35px;margin-top:36px}
 .station-photo{max-width:440px;width:100%;margin:auto}
 .station-photo img{aspect-ratio:3/4}
 .station-life .services{gap:28px 22px}
 .trip-photo{aspect-ratio:4/3;height:auto}
 .trip-coche{padding-top:70px;padding-bottom:70px}
 .trip-coche .trip-photo{grid-row:1}
 .school-real img{height:auto;aspect-ratio:3/4}
 .spot-image{aspect-ratio:5/6}
 .spot-image img{object-position:50% 65%}
 .gallery-item{height:auto;aspect-ratio:3/4}
 .gallery-item>span{font-size:8px;left:10px;right:10px;bottom:12px}
}