/* ==========================================================================
   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;
    }
}

/* Envoltorio de scripts y AdSense para garantizar 100% ancho y evitar error availableWidth=0 */
.ad-code-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.ad-code-wrapper ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
}