/* ===== UDLA Slider - Estilo unificado (Agenda + Medios) ===== */
.udla-slider{ position: relative; overflow: visible; isolation: isolate; }
.udla-slider-viewport{
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  padding: 0 !important;
}
.udla-slider-track{
  display: flex;
  gap: 0;
  will-change: transform;
  transition: transform .5s ease; /* igual a agenda */
}
@media (prefers-reduced-motion: reduce){
  .udla-slider-track{ transition: none !important; }
}
.udla-slide{
  flex: 0 0 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto; /* el JS fija el alto del viewport */
  box-sizing: border-box;
}

/* ===== Flechas ===== */
/* Modo OUT (por defecto): flechas “sangrando” fuera del cuadro */
.udla-slider.udla-arrows-out .udla-slider-prev,
.udla-slider.udla-arrows-out .udla-slider-next,
.udla-slider.udla-arrows-out .udla-prev,
.udla-slider.udla-arrows-out .udla-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.udla-slider.udla-arrows-out .udla-slider-prev{ left: -52px; }
.udla-slider.udla-arrows-out .udla-slider-next{ right: -52px; }
.udla-slider.udla-arrows-out .udla-prev{ left: -52px; }
.udla-slider.udla-arrows-out .udla-next{ right: -52px; }

/* Modo IN: flechas dentro del viewport */
.udla-slider.udla-arrows-in .udla-slider-prev,
.udla-slider.udla-arrows-in .udla-prev{ left: 10px; }
.udla-slider.udla-arrows-in .udla-slider-next,
.udla-slider.udla-arrows-in .udla-next{ right: 10px; }

/* Botón de flecha (compatibilidad: agenda .udla-nav y medios .udla-nav-btn) */
.udla-slider .udla-nav,
.udla-slider .udla-nav-btn{
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 0;
  background: #C3C5D2;
  color: #F3F3F7;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: .6rem !important;
  font-size: 16px;
  line-height: 0;
  box-shadow: none;
}
.udla-slider .udla-nav:hover,
.udla-slider .udla-nav-btn:hover{ background: #c3c5d271; }
.udla-slider .udla-nav:disabled,
.udla-slider .udla-nav-btn:disabled{ opacity: .5; cursor: not-allowed; }

/* ===== Dots (acepta .udla-dots y .udla-slider-dots) ===== */
.udla-slider-viewport .udla-dots,
.udla-slider-viewport .udla-slider-dots{
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  line-height: 0;
}
.udla-slider .udla-dots .udla-dot,
.udla-slider .udla-slider-dots .udla-dot{
  width: 8px !important;
  height: 8px !important;
  background: #d9dde3 !important;
  border-radius: 50% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none;
  transition: transform .2s ease;
  cursor: pointer;
}
.udla-slider .udla-dots .udla-dot.is-active,
.udla-slider .udla-slider-dots .udla-dot.is-active{
  background: #6b7280 !important;
  transform: scale(1.08);
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
  /* si están fuera, entran para que no se corten */
  .udla-slider.udla-arrows-out .udla-slider-prev,
  .udla-slider.udla-arrows-out .udla-prev{ left: 10px; }
  .udla-slider.udla-arrows-out .udla-slider-next,
  .udla-slider.udla-arrows-out .udla-next{ right: 10px; }

  .udla-slider .udla-nav,
  .udla-slider .udla-nav-btn{ width: 36px; height: 36px; }
}
@media (max-width: 768px){
  .udla-slider-viewport .udla-dots,
  .udla-slider-viewport .udla-slider-dots{ bottom: 6px; }
}
@media (max-width: 480px){
  /* Si prefieres debajo del slider, descomenta:
  .udla-slider-viewport .udla-dots,
  .udla-slider-viewport .udla-slider-dots{
    position: static; transform: none; margin: 10px 0 0;
  } */
}

/* ===== Editor (altura mínima para preview) ===== */
.elementor-editor-active .udla-slider-viewport{ min-height: 260px; }