/* Etiqueta */
.ad-label{ font:12px/1.2 system-ui,sans-serif; color:#6e6e6e; margin-bottom:6px; }

/* Slot base */
.ad-slot{
  display:block;
  width:100%;
  margin:16px auto;
  aspect-ratio: var(--ad-w,300) / var(--ad-h,250);
  min-height: var(--ad-h,250px);
  overflow:hidden;              /* bloquea desbordes horizontales del iframe */
}

/* Ins/iframe nunca más ancho que el slot */
.adsbygoogle{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
}

/* Tallas */
.ad-300x250{ --ad-w:300; --ad-h:250; }
.ad-336x280{ --ad-w:336; --ad-h:280; }
.ad-728x90 { --ad-w:728; --ad-h:90;  }
.ad-320x100{ --ad-w:320; --ad-h:100; }
.ad-300x600{ --ad-w:300; --ad-h:600; }

/* Fluid */
.ad-fluid{ aspect-ratio:auto; min-height:0; }

/* In-page */
.ad-inpage{ width:100%; }

/* Top en móvil/mediana (inicio de main) */
#ad-top-main{
  width:100%;
  max-width:100%;
  margin: 8px 0 12px;
}

/* Bottom: hasta 60vw pero NUNCA más que su contenedor */
#ad-bottom-main{
  width:100%;
  max-width: min(60vw, 100%);
  margin:16px auto 0;
}

/* Rails (mostrados ≥1200px; se ajustan a su columna) */
#ad-rail-left, #ad-rail-right{ width:100%; }

/* Visibilidad por breakpoint */
@media (min-width:1200px){
  #ad-top-main{ display:none; }
  #ad-rail-left, #ad-rail-right{ display:block; }
}
@media (max-width:1199.98px){
  #ad-rail-left, #ad-rail-right{ display:none; }
}

/* Fallback sin aspect-ratio */
@supports not (aspect-ratio: 1/1){
  .ad-300x250{ height:250px; }
  .ad-336x280{ height:280px; }
  .ad-728x90 { height:90px;  }
  .ad-320x100{ height:100px; }
  .ad-300x600{ height:600px; }
}