/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 31 2026 | 04:49:24 */
/* CONTENEDOR PRINCIPAL */
.custom-slider {
  position: relative;
}

/* VENTANA visible */
.custom-slider-viewport {
  overflow: hidden;
  width: 100%;
}

/* TRACK que se desplaza */
.custom-slider-track {
  display: flex;
  will-change: transform;
}

/* ===== SLIDES ===== */
.custom-slider-track > .elementor-element {
  box-sizing: border-box;
}

/* DESKTOP — 3 visibles */
@media (min-width:1025px){
  .custom-slider-track > .elementor-element{
    margin-right:41px;
    flex:0 0 calc((100% - 82px)/3); /* compensa 2 gaps visibles */
  }
}

/* TABLET — 2 visibles */
@media (max-width:1024px) and (min-width:768px){
  .custom-slider-track > .elementor-element{
    margin-right: 34px;
    flex:0 0 calc((100% - 34px)/2);
  }
}

/* MOBILE — 1 visible */
@media (max-width:767px){
  .custom-slider-track > .elementor-element{
    margin-right:24px;
    flex:0 0 100%;
  }
}

/* ===== FLECHAS FUERA ===== */
.slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:20;
  font-size:22px;
}

.slider-arrow.prev{ left:-24px; }
.slider-arrow.next{ right:-24px; }

.slider-arrow:hover{ opacity: 0.55; }

/* Evita corte lateral visual */
.custom-slider{ padding:0 64px; }

@media (max-width:767px){
  .custom-slider { padding: 0 24px; }
}