/**
 * Estilos para el frontend del plugin Slider DPB
 */

.Content__portSlider {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.Content__portSlider .container {
    max-width: 1200px;
    margin: 0 auto;
}

.Content__portSlider--sliderContainer {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.Content__portSlider--slider {
    width: 100%;
    display: none;
}

.Content__portSlider--slider.active {
    display: block;
}

.Content__portSlider--slider img {
    width: 100%;
    height: auto;
    display: block;
}

.Content__portSlider--slider a {
    display: block;
    text-decoration: none;
}

/* Slider PC - Oculto en mobile */
.main--slider--pc {
    display: block;
}

.main--slider--mobile {
    display: none;
}

/* Slider Mobile - Oculto en desktop */
@media (max-width: 768px) {
    .main--slider--pc {
        display: none;
    }
    
    .main--slider--mobile {
        display: block;
    }
}

/* Estilos mínimos para Banners Custom - Solo quitar background y ajustar container */
.Content__banners2 {
    background: none !important;
}

.Content__banners2 .container {
    max-width: 1300px !important;
}