/* ============================================================
   Slide IWS v3.0 — CSS
   Filosofía: los slides no tienen position:absolute.
   El slide activo está en flujo normal (display:block) y
   determina la altura del wrapper automáticamente.
   Los inactivos son display:none y no ocupan espacio.
   ============================================================ */

/* ── Wrapper ──────────────────────────────────────────────── */
.slide-iws-wrapper {
    position: relative !important;
    overflow: hidden !important;
    display:  block   !important;
}

/* ── Clase de marcado (sin estilos visuales propios) ─────── */
.slide-iws-init {
    margin: 0 !important;
}

/* ── Flechas ──────────────────────────────────────────────── */
.slide-iws-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: none;
    line-height: 0;
    transition: opacity .2s ease, transform .2s ease;
    opacity: .85;
}
.slide-iws-arrow:hover {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.1);
}
.slide-iws-arrow-prev { left:  16px; }
.slide-iws-arrow-next { right: 16px; }
.slide-iws-arrow svg  { display: block; }

/* ── Bullets ──────────────────────────────────────────────── */
.slide-iws-bullets {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    gap: 9px;
    align-items: center;
}
.slide-iws-bullet {
    border-radius: 50%;
    border: none;
    cursor: pointer;
    padding: 0;
    display: block;
    transition: background-color .3s ease, transform .3s ease;
    outline: none;
}
.slide-iws-bullet:hover        { transform: scale(1.2); }
.slide-iws-bullet.iws-b-active { transform: scale(1.4) !important; }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
    .slide-iws-arrow-prev { left:  8px; }
    .slide-iws-arrow-next { right: 8px; }
    .slide-iws-bullets    { bottom: 12px; }
}