/* ==========================================================================
   MEDIOS CMS - COMPONENT: ADS & BANNERS
   Estilos responsivos para zonas publicitarias y bloques entre párrafos
   ========================================================================== */

@media (max-width: 1023px) {
    /* Avisos entre párrafos en móvil: Encolumnar de a 1 */
    .cms-single-body .cms-ad-v7,
    .cms-single-body [class*="cms-ad-zone-"],
    [class*="cms-ad-zone-single-content-p"] {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    .cms-single-body .cms-ad-v7 .cms-ad-unit,
    .cms-single-body [class*="cms-ad-zone-"] .cms-ad-unit,
    [class*="cms-ad-zone-single-content-p"] .cms-ad-unit {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    
    .cms-single-body .cms-ad-v7 .cms-ad-unit a,
    .cms-single-body [class*="cms-ad-zone-"] .cms-ad-unit a,
    [class*="cms-ad-zone-single-content-p"] .cms-ad-unit a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    .cms-single-body .cms-ad-v7 .cms-ad-unit img,
    .cms-single-body [class*="cms-ad-zone-"] .cms-ad-unit img,
    [class*="cms-ad-zone-single-content-p"] .cms-ad-unit img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
}