/* Methamonkey 2.11.2 — isolated service carousel.
   New class namespace avoids legacy gallery rules and guarantees a single image node. */
.single-servicios .mm-service-carousel{width:100%;min-width:0;position:relative}
.single-servicios .mm-service-carousel__stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3;background:#0b0e11;border:1px solid #2b3036}
.single-servicios .mm-service-carousel__media{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:#0b0e11;cursor:zoom-in;overflow:hidden}
.single-servicios .mm-service-carousel__image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;background:#0b0e11!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;transition:none!important;animation:none!important;transform:none!important}
.single-servicios .mm-service-carousel__arrow{position:absolute!important;top:50%!important;z-index:30!important;display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0!important;padding:0!important;border:1px solid #ffffff42!important;border-radius:999px!important;background:#07090be8!important;color:#fff!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;cursor:pointer!important;transform:translateY(-50%)!important;transition:background .18s,border-color .18s,color .18s,transform .18s!important;box-shadow:0 8px 30px #0008!important}
.single-servicios .mm-service-carousel__arrow span{font-size:1rem;line-height:1}
.single-servicios .mm-service-carousel__arrow--prev{left:18px!important}
.single-servicios .mm-service-carousel__arrow--next{right:18px!important}
.single-servicios .mm-service-carousel__arrow:hover{background:var(--color-cyan)!important;border-color:var(--color-cyan)!important;color:#04100f!important}
.single-servicios .mm-service-carousel__counter,.single-servicios .mm-service-carousel__expand{position:absolute;bottom:14px;z-index:25;background:#07090be8;border:1px solid #ffffff2d;color:#fff;padding:9px 11px;pointer-events:none}
.single-servicios .mm-service-carousel__counter{left:16px;font:750 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.single-servicios .mm-service-carousel__expand{right:16px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}
.single-servicios .mm-service-carousel__thumbs{display:flex;gap:8px;margin-top:10px;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3a4148 transparent}
.single-servicios .mm-service-carousel__thumb{flex:0 0 86px;height:64px;padding:0;border:1px solid #2b3036;background:#0b0e11;opacity:.52;overflow:hidden;cursor:pointer;scroll-snap-align:center;transition:opacity .18s,border-color .18s}
.single-servicios .mm-service-carousel__thumb img{position:static!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:1!important;filter:none!important;transform:none!important}
.single-servicios .mm-service-carousel__thumb:hover,.single-servicios .mm-service-carousel__thumb.is-active{opacity:1;border-color:var(--color-cyan)}

/* Desktop/laptop: arrows are always visible over the stage. */
@media(min-width:761px){
  .single-servicios .mm-service-carousel__stage{min-height:430px}
  .single-servicios .mm-service-carousel__arrow{display:grid!important}
}
@media(max-width:1080px) and (min-width:761px){
  .single-servicios .mm-service-carousel__stage{min-height:380px}
}
@media(max-width:760px){
  .single-servicios .mm-service-carousel__stage{aspect-ratio:1.16/1;min-height:0}
  .single-servicios .mm-service-carousel__arrow{width:44px!important;height:44px!important}
  .single-servicios .mm-service-carousel__arrow--prev{left:10px!important}
  .single-servicios .mm-service-carousel__arrow--next{right:10px!important;background:var(--color-cyan)!important;border-color:var(--color-cyan)!important;color:#04100f!important}
  .single-servicios .mm-service-carousel__counter{left:10px;bottom:10px}
  .single-servicios .mm-service-carousel__expand{right:10px;bottom:10px}
  .single-servicios .mm-service-carousel__thumbs{display:none}
}