/* =====================================================================
   PUBLICIDAD V25 · espacios como Diario Punilla
   Cada espacio tiene la misma proporción que la pieza que pide el CMS,
   así la imagen o el HTML entran justos, sin recortes ni bandas.
     Franja ancha ....... PC 1200×220  · celular 960×300 (16:5)
     Banner pequeño ..... PC  750×420  · celular 600×600 (carrusel)
     Recuadro lateral ... PC  600×400  · celular 600×600
   Corte computadora / celular: 650 px (igual que <picture> y los iframes HTML).
   ===================================================================== */

html body .ad-slider{max-width:100%;overflow:hidden}
html body .ad-slider .ad-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
html body .ad-html-creative,html body .ad-html-creative iframe{display:block;width:100%;height:100%;border:0}

/* ---------- Franja ancha ---------- */
html body .ad-slider.dp-impact-ad,
html body .ad-slider.ad-wide-full{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1200/220!important;margin:32px 0!important;border-radius:16px!important}
html body .article-before-copy-ad .ad-slider.dp-impact-ad{margin:20px 0 30px!important}

/* ---------- Banners pequeños: 3 por fila ---------- */
html body .editorial-ad-group .ad-four-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:24px 0 36px!important;padding:0!important;overflow:visible!important}
html body .editorial-ad-group .ad-four-row>.ad-slider{display:block!important;flex:none!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:750/420!important;margin:0!important;border-radius:13px!important}
html body .editorial-ad-group .ad-four-row>.ad-slider:nth-child(n+4){display:none!important}

/* ---------- Recuadros laterales ---------- */
html body .article-side-ads .ad-slider{width:100%!important;height:auto!important;aspect-ratio:600/400!important;margin:0 0 12px!important;border-radius:11px!important}
/* G01: debajo del menú de secciones (columna en PC, panel desplegable en celular) */
html body .cs-sidebar{overflow-y:auto}
html body .cs-sidebar>*{flex-shrink:0!important}
html body .cs-sidebar .ad-slider.cs-side-ad{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:none!important;width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:600/400!important;margin:18px 0 0!important;border-radius:12px!important;z-index:auto!important}

/* ---------- Celular ---------- */
@media (max-width:650px){
  html body .ad-slider.dp-impact-ad,
  html body .ad-slider.ad-wide-full{aspect-ratio:960/300!important;margin:18px 0!important;border-radius:13px!important;background:#111820!important}

  html body .editorial-ad-group .ad-four-row{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;margin:18px -18px 26px!important;padding:0 18px 8px!important}
  html body .editorial-ad-group .ad-four-row>.ad-slider{flex:0 0 76vw!important;max-width:290px!important;aspect-ratio:1/1!important;scroll-snap-align:start!important}

  html body .article-side-ads .ad-slider{flex:0 0 250px!important;width:250px!important;max-width:calc(100vw - 36px)!important;aspect-ratio:1/1!important}
  html body .cs-sidebar .ad-slider.cs-side-ad{aspect-ratio:1/1!important;margin:16px 0 0!important}

  /* Si el anunciante no cargó imagen para celular, se muestra la de PC entera (sin cortarla) */
  html body .ad-slider .ad-slide img.ad-no-mobile{object-fit:contain!important;background:#111820!important}
}

/* ---------- Espacio libre: muestra su código (P01-01, S07A-02…) ---------- */
html body .ad-slide-empty{container-type:size;text-decoration:none!important}
html body .ad-placeholder{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3cqh;width:100%;height:100%;padding:0 5cqw;border:2px dashed #aab6c2;border-radius:inherit;color:#1d2a36;font-family:inherit;line-height:1.05;background:repeating-linear-gradient(135deg,#f5f7f9 0 14px,#edf1f4 14px 28px)}
html body .ad-placeholder b{padding:.3em .65em;border-radius:7px;background:#142f4a;color:#fff;font:800 min(12cqh,5.5cqw)/1 ui-monospace,Consolas,monospace;letter-spacing:.04em}
html body .ad-placeholder span{font-weight:800;letter-spacing:.14em;font-size:min(7cqh,3.4cqw);color:#c5232d}
html body .ad-placeholder strong{font-weight:900;font-size:min(16cqh,8cqw)}
html body .ad-placeholder small{font-weight:600;font-size:min(7cqh,3.4cqw);color:#5a6773}
html body .ad-slide-empty:hover .ad-placeholder{border-color:#142f4a}

/* Número del espacio en "Ver banners sobre la portada" (solo administradores) */
.dp-ad-number{position:absolute;left:10px;top:8px;z-index:9;display:grid;place-items:center;min-width:38px;height:28px;padding:0 8px;border-radius:8px;background:#d8ff3e;color:#111820;font:900 12px Poppins,sans-serif;box-shadow:0 4px 14px #0005}