/* ==========================================================================
   Media Slideshow — [media_slideshow]
   Slideshow de fundo com as fotos mais recentes da biblioteca de mídia
   ========================================================================== */

.mslide-wrap {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 500px !important;
    overflow: hidden !important;
}

/* Cada imagem ocupa 100% do container */
.mslide-item {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    transition: opacity 2s ease-in-out !important;
    z-index: 0 !important;
}

/* Item ativo */
.mslide-item.mslide-active {
    opacity: 1 !important;
    z-index: 1 !important;
}

.mslide-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Overlay escuro sutil para legibilidade de conteúdo sobre a imagem */
.mslide-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.35) 40%,
        rgba(0, 0, 0, 0.45) 70%,
        rgba(0, 0, 0, 0.7) 100%
    ) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* Indicadores de progresso (opcional) */
.mslide-indicators {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 3 !important;
}

.mslide-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.35) !important;
    transition: all 0.4s ease !important;
    cursor: pointer !important;
    border: none !important;
    padding: 0 !important;
    outline: none !important;
}

.mslide-dot.mslide-dot--active {
    background: #49EE8B !important;
    width: 24px !important;
    border-radius: 4px !important;
}