/* AIRES NUEVOS NQN — Integridad responsive de publicidad en notas.
   Hotfix localizado: no cambia creatividades, posiciones editoriales ni contenido.
   Cada pieza conserva su proporción original y se centra en móvil. */

@media (max-width: 1079px) {
  /* Base común: ningún contenedor de publicidad debe crear un marco redondeado,
     recortar la creatividad ni desplazarla hacia un costado. */
  .single-post-page .anqn-inarticle-ad,
  .single-post-page .anqn-inarticle-campaign,
  .single-post-page .post-closing-ads,
  .single-post-page .post-closing-ads > .advertising-block-link-large,
  .single-post-page .anqn-mobile-related-feed,
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item,
  .single-post-page .anqn-mobile-related-feed .advertising-block-link-large,
  .single-post-page .anqn-mobile-related-feed .advertising-block-large,
  .single-post-page .anqn-mobile-related-feed .single-post-ad,
  .single-post-page .anqn-mobile-related-feed .anqn-direct-ad {
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .single-post-page .anqn-inarticle-ad {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px auto !important;
    padding: 0 !important;
    overflow: visible !important;
    text-align: center !important;
  }

  .single-post-page .anqn-inarticle-campaign {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    text-align: center !important;
  }

  .single-post-page .anqn-inarticle-campaign picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
  }

  .single-post-page .anqn-inarticle-campaign img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  /* Horizontales: ocupan el ancho editorial disponible, sin deformarse. */
  .single-post-page .anqn-inarticle-campaign.anqn-ad-format--horizontal {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Verticales y cuadradas: tamaño contenido y siempre centradas. */
  .single-post-page .anqn-inarticle-campaign.anqn-ad-format--vertical {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .single-post-page .anqn-inarticle-campaign.anqn-ad-format--square {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-page .anqn-inarticle-campaign[data-ad-title="publicidad_post_articulo_3"] {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-page .post-closing-ads {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .single-post-page .post-closing-ads > .advertising-block-link-large {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    text-align: center !important;
  }

  .single-post-page .post-closing-ads > .advertising-block-link-large.anqn-ad-format--vertical {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
  }
  .single-post-page .post-closing-ads > .advertising-block-link-large.anqn-ad-format--square {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
  }

  .single-post-page .post-closing-ads > .advertising-block-link-large picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .single-post-page .post-closing-ads > .advertising-block-link-large img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .single-post-page .post-closing-ads > .anqn-ad-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 120px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f5f6f8 !important;
  }

  .single-post-page .anqn-mobile-related-feed {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 14px !important;
    overflow: visible !important;
  }

  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .single-post-page .anqn-mobile-related-feed .advertising-block-link-large {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    text-align: center !important;
  }

  .single-post-page .anqn-mobile-related-feed .advertising-block-large.single-post-ad,
  .single-post-page .anqn-mobile-related-feed picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  .single-post-page .anqn-mobile-related-feed .advertising-block-large.single-post-ad img,
  .single-post-page .anqn-mobile-related-feed .anqn-direct-ad img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item .anqn-ad-format--vertical {
    width: min(100%, 280px) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item .anqn-ad-format--square {
    width: min(100%, 320px) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* CORRECCIÓN ESTRUCTURAL MÓVIL.
   Las publicidades del desarrollo son .anqn-inarticle-campaign (no
   .anqn-inarticle-ad). En el layout editorial móvil pueden caer en una
   subcolumna de la grilla y quedar a la izquierda. Se obliga al anuncio real
   a ocupar toda la fila y luego se centra la creatividad dentro de ella. */
@media (max-width: 767px) {
  .single-post-page .post-body .anqn-inarticle-campaign {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    align-self: center !important;
    float: none !important;
    clear: both !important;
    position: static !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .single-post-page .post-body .anqn-inarticle-campaign.anqn-ad-format--horizontal {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-page .post-body .anqn-inarticle-campaign.anqn-ad-format--vertical {
    width: min(280px, calc(100vw - 32px)) !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-page .post-body .anqn-inarticle-campaign.anqn-ad-format--square,
  .single-post-page .post-body .anqn-inarticle-campaign[data-ad-title="publicidad_post_articulo_3"] {
    width: min(320px, calc(100vw - 32px)) !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-page .post-body .anqn-inarticle-campaign picture,
  .single-post-page .post-body .anqn-inarticle-campaign img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}