/* AIRES NUEVOS NQN - Cierre definitivo de diseño 2026
   Solo corrige cabecera y publicidad. No modifica contenido editorial. */

/* Marca: una composición sobria y consistente */
.anqn-brand-2026{
  text-decoration:none!important;
  color:#111318!important;
}
.anqn-brand-2026__main,
.anqn-brand-2026__nqn{
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif!important;
  font-style:normal!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  color:#111318!important;
}

@media(min-width:993px){
  .anqn-brand-2026{
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:baseline!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .anqn-brand-2026__main{
    grid-column:1!important;
    grid-row:1!important;
    font-size:clamp(2.35rem,3.9vw,4.35rem)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
  }
  .anqn-brand-2026__nqn{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:.92rem!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  .anqn-brand-2026__claim{
    grid-column:1/3!important;
    grid-row:2!important;
    margin:7px 0 0!important;
    font:700 .62rem/1.15 Inter,Arial,sans-serif!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    text-align:center!important;
    color:#616873!important;
  }
  .anqn-brand-2026.has-symbol{
    grid-template-columns:66px auto auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
  }
  .anqn-brand-2026.has-symbol .anqn-brand-symbol{
    grid-column:1!important;
    grid-row:1/3!important;
    width:62px!important;
    height:46px!important;
    margin:0!important;
  }
  .anqn-brand-2026.has-symbol .anqn-brand-2026__main{grid-column:2!important;grid-row:1!important}
  .anqn-brand-2026.has-symbol .anqn-brand-2026__nqn{grid-column:3!important;grid-row:1!important}
  .anqn-brand-2026.has-symbol .anqn-brand-2026__claim{grid-column:2/4!important;grid-row:2!important}
}

@media(max-width:992px){
  .anqn-brand-2026{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:calc(100vw - 150px)!important;
    text-align:center!important;
  }
  .anqn-brand-2026__main{
    font-size:clamp(1.78rem,8.5vw,2.55rem)!important;
    line-height:.95!important;
    letter-spacing:-.04em!important;
    white-space:nowrap!important;
  }
  .anqn-brand-2026__nqn{
    margin:0!important;
    font-size:.72rem!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    white-space:nowrap!important;
  }
  .anqn-brand-2026__claim,
  .anqn-brand-symbol{display:none!important}
}

/* Las etiquetas editoriales nunca deben cubrir una creatividad */
.anqn-ad-label,
.anqn-direct-ad__label,
.anqn-inarticle-label,
.advertising-block-link::before,
.advertising-block-link::after,
.advertising-block-link-large::before,
.advertising-block-link-large::after,
.advertising-block-vertical::before,
.advertising-block-vertical::after,
.advertising-block-large::before,
.advertising-block-large::after,
.post-side-ad-link::before,
.post-side-ad-link::after,
.anqn-direct-ad::before,
.anqn-direct-ad::after,
.anqn-inarticle-campaign::before,
.anqn-inarticle-campaign::after{
  display:none!important;
  content:none!important;
}

/* Nota individual en escritorio: cuatro espacios por lateral y seguimiento */
@media(min-width:1081px){
  .single-post-page .anqn-post-shell{
    align-items:start!important;
  }
  .single-post-page aside.post-side-ad{
    position:sticky!important;
    top:168px!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    width:240px!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  .single-post-page aside.post-side-ad > *{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:240px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  .single-post-page aside.post-side-ad > .advertising-block-link-large{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .single-post-page aside.post-side-ad picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .single-post-page aside.post-side-ad img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
  }
  .single-post-page aside.post-side-ad .anqn-ad-label{
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
    text-align:left!important;
    font:800 .62rem/1 Inter,Arial,sans-serif!important;
    letter-spacing:.15em!important;
    color:#68707a!important;
  }
  .single-post-page aside.post-side-ad .anqn-ad-placeholder{
    flex-direction:column!important;
    gap:8px!important;
    text-align:center!important;
    min-height:130px!important;
    padding:20px!important;
    background:#f5f6f8!important;
  }
  .single-post-page aside.post-side-ad .anqn-ad-placeholder span{
    font:800 .62rem/1 Inter,Arial,sans-serif!important;
    letter-spacing:.15em!important;
    color:#68707a!important;
  }
  .single-post-page aside.post-side-ad .anqn-ad-placeholder a{
    font:700 .78rem/1.3 Inter,Arial,sans-serif!important;
    color:#333b45!important;
    text-decoration:none!important;
  }

  /* Publicidad entre párrafos: más compacta y sin cortar la lectura */
  .single-post-page .anqn-inarticle-ad{
    width:100%!important;
    max-width:470px!important;
    margin:28px auto!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .single-post-page .anqn-inarticle-campaign{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:315px!important;
    padding:10px!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
    background:#f5f6f8!important;
  }
  .single-post-page .anqn-inarticle-campaign picture{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
  }
  .single-post-page .anqn-inarticle-campaign img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:295px!important;
    margin:auto!important;
    object-fit:contain!important;
  }

  /* Publicidad posterior a compartir: completa, proporcionada y sin recortes */
  .single-post-page .post-closing-ads{
    width:100%!important;
    max-width:760px!important;
    margin:30px auto 0!important;
    gap:18px!important;
    overflow:visible!important;
  }
  .single-post-page .post-closing-ads > *{
    width:100%!important;
    height:auto!important;
    min-height:120px!important;
    max-height:none!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#f7f8fa!important;
    border-radius:14px!important;
  }
  .single-post-page .post-closing-ads picture,
  .single-post-page .post-closing-ads img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .single-post-page .post-closing-ads .anqn-ad-placeholder{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:130px!important;
  }
}

/* Móvil: anuncios limpios, sin puntos, líneas ni marcos heredados */
@media(max-width:1079px){
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item,
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item > *,
  .single-post-page .anqn-mobile-related-feed a,
  .single-post-page .anqn-mobile-related-feed picture,
  .single-post-page .anqn-inarticle-ad,
  .single-post-page .anqn-inarticle-campaign,
  .single-post-page .post-side-ad,
  .single-post-page .post-side-ad > *,
  .single-post-page .post-closing-ads,
  .single-post-page .post-closing-ads > *,
  .single-post-page .advertising-block-link,
  .single-post-page .advertising-block-link-large,
  .single-post-page .advertising-block-vertical,
  .single-post-page .advertising-block-large,
  .single-post-page .anqn-direct-ad{
    border:0!important;
    border-style:none!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item,
  .single-post-page .anqn-mobile-related-feed .anqn-mobile-ad-item > *,
  .single-post-page .anqn-mobile-related-feed a{
    background:transparent!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .single-post-page .anqn-mobile-related-feed img,
  .single-post-page .anqn-inarticle-campaign img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    border-radius:14px!important;
  }

  /*
     En móvil no se modifica la creatividad original ni se recorta.
     Cada aviso del desarrollo/cierre usa un lienzo cuadrado y la pieza
     se contiene dentro de él. Así las piezas verticales no se vuelven
     interminables y las horizontales no se deforman ni se cortan.
     En escritorio no cambia absolutamente nada.
  */
  .single-post-page .anqn-inarticle-campaign,
  .single-post-page .post-closing-ads > .advertising-block-link-large{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    max-height:none!important;
    padding:10px!important;
    overflow:hidden!important;
    background:#f5f6f8!important;
    box-sizing:border-box!important;
  }

  .single-post-page .anqn-inarticle-campaign picture,
  .single-post-page .post-closing-ads > .advertising-block-link-large picture{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
  }

  .single-post-page .anqn-inarticle-campaign img,
  .single-post-page .post-closing-ads > .advertising-block-link-large img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    border-radius:12px!important;
  }
}

/* Hotfix 2026-08-29: el alto de cada anuncio lateral debe seguir a su creatividad.
   El error anterior fijaba 280px al contenedor, pero algunas piezas eran más altas;
   la imagen sobresalía y el siguiente espacio comenzaba antes de que terminara.
   Eso producía exactamente las "puntas" visibles debajo del anuncio. */
@media(min-width:1081px){
  .single-post-page aside.post-side-ad > .advertising-block-link-large,
  .single-post-page aside.post-side-ad > .post-side-ad-link{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .single-post-page aside.post-side-ad > .advertising-block-link-large .advertising-block-large,
  .single-post-page aside.post-side-ad > .post-side-ad-link .advertising-block-large{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .single-post-page aside.post-side-ad > .advertising-block-link-large picture,
  .single-post-page aside.post-side-ad > .post-side-ad-link picture{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .single-post-page aside.post-side-ad > .advertising-block-link-large img,
  .single-post-page aside.post-side-ad > .post-side-ad-link img{
    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-radius:0!important;
  }
  .single-post-page aside.post-side-ad > .anqn-ad-placeholder{
    min-height:130px!important;
    height:130px!important;
    max-height:130px!important;
    margin:0!important;
  }
}