/* Galería unificada — Preescolar, niveles, planteles y Lofito */
.carousel-container.oc-gallery, .carousel-offer-container .carousel {
  width:100%;max-width:850px;height:clamp(250px,45vw,520px);
  border-radius:20px;overflow:hidden;position:relative;
  background:transparent;box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.carousel-container.oc-gallery{margin:28px auto 58px;}
.carousel-container.oc-gallery::after,.carousel-offer-container .carousel::after{
  content:"";position:absolute;inset:auto 0 0;height:100px;
  background:linear-gradient(to top,rgba(0,0,0,.45),transparent);
  pointer-events:none;z-index:2;
}
.carousel-container.oc-gallery > input[type=radio]{
  position:absolute;top:50%;left:50%;width:1px;height:1px;
  opacity:0;pointer-events:none;margin:0;
}
.carousel-container.oc-gallery .carousel-slide{
  display:flex;width:400%;height:100%;transform:none!important;
}
.carousel-container.oc-gallery .slide{
  width:25%;height:100%;flex:0 0 25%;min-width:0;position:relative;
  transition:transform .7s cubic-bezier(.25,1,.5,1);
}
.carousel-container.oc-gallery .slide img{
  display:block;width:100%;height:100%;object-fit:cover;
  object-position:center;border:0;border-radius:0;
}
#lofito-radio1:checked ~ .carousel-slide .slide{transform:translateX(0)}
#lofito-radio2:checked ~ .carousel-slide .slide{transform:translateX(-100%)}
#lofito-radio3:checked ~ .carousel-slide .slide{transform:translateX(-200%)}
#lofito-radio4:checked ~ .carousel-slide .slide{transform:translateX(-300%)}
.carousel-container.oc-gallery .navigation-manual,
.carousel-container .navigation-manual,
.carousel-offer-container .carousel .navigation-manual{
  position:absolute;bottom:20px;left:0;width:100%;
  display:flex;justify-content:center;align-items:center;gap:12px;
  z-index:10;transform:none;margin:0;padding:0;
}
.carousel-container.oc-gallery .manual-btn,
.carousel-container .manual-btn,
.carousel-offer-container .carousel .manual-btn{
  display:block;flex:0 0 auto;width:16px;height:16px;
  padding:0;border:2px solid #fff;border-radius:50%;
  background:rgba(255,255,255,.35);cursor:pointer;
  transition:background .3s,width .3s,border-radius .3s;
}
.carousel-container.oc-gallery .manual-btn:hover{background:#fff}
#lofito-radio1:checked ~ .navigation-manual label:nth-child(1),
#lofito-radio2:checked ~ .navigation-manual label:nth-child(2),
#lofito-radio3:checked ~ .navigation-manual label:nth-child(3),
#lofito-radio4:checked ~ .navigation-manual label:nth-child(4){
  background:#fff;width:24px;border-radius:10px;
}
@media(max-width:680px){
  .carousel-container.oc-gallery{width:calc(100% - 24px);height:clamp(230px,65vw,360px);margin:20px auto 38px}
  .carousel-offer-container .carousel{height:clamp(230px,65vw,360px)}
}
@media(prefers-reduced-motion:reduce){.carousel-container.oc-gallery .slide{transition:none}}