/* WP Ads Pro — Public Slider Styles */

/* Wrapper por posición */
.wpap-slider-wrapper {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
.wpap-pos-top {
  width: 100%;
  left: 0;
  top: 0;
}
.wpap-pos-bot {
  width: 100%;
  left: 0;
  bottom: 0;
}
.wpap-pos-mid {
  margin: 24px 0;
}

/* Slider container */
.wpap-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: transparent;
  line-height: 0;
}

/* Slides */
.wpap-slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.6s ease;
  z-index: 1;
}
.wpap-slide.wpap-active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

/* Transición fade (default) */
.wpap-slide[data-transition="fade"] {
  transition: opacity 0.7s ease;
}
.wpap-slide[data-transition="fade"].wpap-active {
  opacity: 1;
}

/* Transición slide */
.wpap-slide[data-transition="slide"] {
  transform: translateX(100%);
  transition: transform 0.6s cubic-bezier(.4,0,.2,1), opacity 0.1s;
}
.wpap-slide[data-transition="slide"].wpap-active {
  transform: translateX(0);
  opacity: 1;
}
.wpap-slide[data-transition="slide"].wpap-leaving {
  transform: translateX(-100%);
}

/* Transición zoom */
.wpap-slide[data-transition="zoom"] {
  transform: scale(1.05);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.wpap-slide[data-transition="zoom"].wpap-active {
  transform: scale(1);
  opacity: 1;
}

/* picture tag para imagen responsiva */
.wpap-img {
  display: block;
  width: 100%;
  height: auto;
  border: none;
  outline: none;
}
picture { display: block; line-height: 0; width: 100%; }

/* Responsive */
@media (max-width: 768px) {
  .wpap-pos-top,
  .wpap-pos-bot {
    position: relative;
  }
}