/* --- 1. MODO CARRUSEL (POR DEFECTO) --- */
.publicidad-wrapper {
    width: 100% !important;
    overflow-x: auto !important; 
    white-space: nowrap !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;    
}

.publicidad-wrapper::-webkit-scrollbar {
    display: none !important;
}

.publicidad-wrapper-box {
    display: flex !important;
    flex-wrap: nowrap !important; 
    gap: 10px !important;
}

.publicidad-cpt {
    flex: 0 0 auto !important;
    height: 170px !important;
}

.publicidad-cpt img {
    height: 100% !important; 
    width: auto !important; 
    object-fit: contain !important;
    display: block !important;
}

/* --- 2. AJUSTES ESPECÍFICOS MÓVIL/TABLET --- */
@media (max-width: 1024px) {
    .single aside {
        padding: 0 40px !important;     
    }
    .single aside, 
    .single aside .publicidad-wrapper {
        padding: 0px 0px;
    }
}

@media (max-width: 768px) {
    .home .contenedor-publicidad .publicidad-wrapper {
        padding: 0px 2px !important;
    }
    .single aside#sidebar {
        padding: 0px 10px !important;
    }
    .single aside .publicidad-cpt {
        height: 130px !important;
    }   
}

/* --- 3. MODO VERTICAL (AGRUPADO) --- */
/* Se activa en Home desde 768px y en Sidebar desde 1024px */
@media (min-width: 768px) {
    .contenedor-publicidad .publicidad-wrapper { overflow: visible !important; }
    .contenedor-publicidad .publicidad-wrapper-box { display: block !important; width: 100% !important; }
    .contenedor-publicidad .publicidad-cpt { margin-bottom: 12.5px !important; width: 100% !important; height: auto !important; }
    .contenedor-publicidad .publicidad-cpt img { height: auto !important; width: 100% !important; }
}

@media (min-width: 1024px) {
    .ct-sidebar .publicidad-wrapper { overflow: visible !important; }
    .ct-sidebar .publicidad-wrapper-box { display: block !important; width: 100% !important; }
    .ct-sidebar .publicidad-cpt { margin-bottom: 12.5px !important; width: 100% !important; height: auto !important; }
    .ct-sidebar .publicidad-cpt img { height: auto !important; width: 100% !important; }
}

/* Oculta la barra de scroll en el contenedor cuando se activa el scroll interno */
.contenedor-publicidad, .ct-sidebar {
    -ms-overflow-style: none !important;  /* IE and Edge */
    scrollbar-width: none !important;  /* Firefox */
}

.contenedor-publicidad::-webkit-scrollbar, 
.ct-sidebar::-webkit-scrollbar {
    display: none !important; /* Chrome, Safari and Opera */
}