
/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · PUBLICIDAD FINAL v12.15
   Mantiene proporciones del panel, pero reduce la huella visual.
   Corrige artículo standalone.
   ========================================================================== */

/* La caja visible usa ~90% del máximo nominal, conservando proporción. */
.et-ad-slot--home-top.et-ad-slot--placeholder{
  width:min(90%,1062px) !important;
}

.et-ad-slot--home-middle.et-ad-slot--placeholder,
.et-ad-slot--home-before-footer.et-ad-slot--placeholder,
.et-ad-slot--category-top.et-ad-slot--placeholder{
  width:min(90%,1062px) !important;
}

.et-ad-slot--category-middle.et-ad-slot--placeholder{
  width:min(90%,882px) !important;
}

.et-ad-slot--article-top.et-ad-slot--placeholder,
.et-ad-slot--article-bottom.et-ad-slot--placeholder{
  width:min(92%,700px) !important;
}

.et-ad-slot--article-inline-1.et-ad-slot--placeholder,
.et-ad-slot--article-inline-2.et-ad-slot--placeholder{
  width:min(92%,635px) !important;
}

.et-ad-slot--home-sidebar-top.et-ad-slot--placeholder,
.et-ad-slot--category-sidebar.et-ad-slot--placeholder{
  width:min(100%,270px) !important;
}

.et-ad-slot--article-sidebar.et-ad-slot--placeholder{
  width:min(100%,250px) !important;
}

.et-home-ad-duo{
  width:min(94%,1180px) !important;
  padding:18px !important;
  border-radius:20px !important;
}

.et-home-ad-duo-grid{
  grid-template-columns:repeat(2,minmax(0,540px)) !important;
  gap:16px !important;
}

.et-home-ad-duo-card{
  max-width:540px !important;
}

.et-home-ad-duo-card .et-ad-slot--placeholder{
  max-width:540px !important;
  aspect-ratio:600 / 400 !important;
}

/* Un poco más corporativas / cuadradas. */
.et-ad-slot--placeholder{
  border-radius:16px !important;
  box-shadow:0 12px 30px rgba(3,24,95,.075) !important;
}

.et-ad-placeholder-card{
  border-radius:16px !important;
}

.et-ad-placeholder-specs span{
  border-radius:10px !important;
  box-shadow:0 5px 13px rgba(3,24,95,.045) !important;
}

.et-ad-placeholder-visual::before{
  box-shadow:0 14px 28px rgba(6,43,143,.08) !important;
}

/* ARTICLE standalone: layout estable y sin texto/code desbordado. */
.et-article-ad-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 250px !important;
  gap:22px !important;
  align-items:start !important;
}

.et-article-ad-spacer{
  display:none !important;
}

.article-column{
  min-width:0 !important;
}

.et-article-ad-rail{
  width:250px !important;
  min-width:0 !important;
  position:sticky !important;
  top:82px !important;
}

.et-article-ad-layout .et-ad-placeholder-code{
  min-width:0 !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}

.et-article-ad-layout .et-ad-placeholder-code strong{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  font-size:.62rem !important;
}

.et-ad-slot--article-top .et-ad-placeholder-card,
.et-ad-slot--article-bottom .et-ad-placeholder-card{
  padding:12px 18px !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-card{
  padding:18px 14px !important;
  grid-template-rows:auto 120px auto auto auto !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-visual{
  height:120px !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-visual::before{
  width:112px !important;
  height:112px !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-hero-svg{
  width:90px !important;
  height:90px !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-copy strong{
  font-size:1.24rem !important;
}

.et-ad-slot--article-sidebar .et-ad-placeholder-copy p{
  font-size:.64rem !important;
}

/* Laptop article: sidebar más pequeña */
@media(max-width:1180px) and (min-width:851px){
  .et-article-ad-layout{
    grid-template-columns:minmax(0,1fr) 220px !important;
    gap:16px !important;
  }

  .et-article-ad-rail{
    width:220px !important;
  }

  .et-ad-slot--article-sidebar.et-ad-slot--placeholder{
    width:220px !important;
  }
}

/* Tablet/mobile: publicidad lateral pasa debajo, no se rompe. */
@media(max-width:850px){
  .et-article-ad-layout{
    display:block !important;
  }

  .et-article-ad-rail{
    position:static !important;
    width:100% !important;
    margin-top:22px !important;
  }

  .et-ad-slot--article-sidebar.et-ad-slot--placeholder{
    width:min(100%,320px) !important;
    aspect-ratio:320 / 320 !important;
    margin-inline:auto !important;
  }
}

@media(max-width:700px){
  .et-home-ad-duo{
    width:calc(100% - 22px) !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  .et-home-ad-duo-grid{
    grid-template-columns:1fr !important;
  }

  .et-home-ad-duo-card{
    max-width:100% !important;
  }

  .et-ad-slot--home-top.et-ad-slot--placeholder,
  .et-ad-slot--home-middle.et-ad-slot--placeholder,
  .et-ad-slot--home-before-footer.et-ad-slot--placeholder,
  .et-ad-slot--category-top.et-ad-slot--placeholder,
  .et-ad-slot--category-middle.et-ad-slot--placeholder,
  .et-ad-slot--article-top.et-ad-slot--placeholder,
  .et-ad-slot--article-bottom.et-ad-slot--placeholder,
  .et-ad-slot--article-inline-1.et-ad-slot--placeholder,
  .et-ad-slot--article-inline-2.et-ad-slot--placeholder{
    width:calc(100% - 18px) !important;
  }
}
