/* ==========================================================================
   FRONT-END (Web pública) - Móvil Primero
   ========================================================================== */
.wp-block-bpat-anuncios-adaptables {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: #CED5CF !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

.bpat-anuncio-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.bpat-anuncio-item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

/* Visibilidad Móvil vs Desktop */
.wp-block-bpat-anuncios-adaptables .bpat-img-desktop {
    display: none !important;
}
.wp-block-bpat-anuncios-adaptables .bpat-img-mobile {
    display: block !important;
}

/* ==========================================================================
   PANTALLAS GRANDES (Desktop) - A partir de 768px
   ========================================================================== */
@media (min-width: 768px) {
    .wp-block-bpat-anuncios-adaptables {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 1314px !important; 
        margin: 40px auto !important;
        background-color: #CED5CF !important; 
        padding: 20px 0 !important; 
        box-shadow: 0 0 0 100vw #CED5CF !important; 
        clip-path: inset(0 -100vw) !important; 
    }
    
    .bpat-anuncio-item {
        width: 428px !important; 
        max-width: 428px !important;
        flex-shrink: 0 !important;
    }
    
    .bpat-anuncio-item img.bpat-img-desktop {
        width: 428px !important;
        height: 198px !important; 
        object-fit: cover !important;
        border-radius: 0 !important;
    }
    
    .wp-block-bpat-anuncios-adaptables .bpat-img-desktop {
        display: block !important;
    }
    .wp-block-bpat-anuncios-adaptables .bpat-img-mobile {
        display: none !important;
    }
}