/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · Publicidad pública v12.13
   CORRECCIÓN DE PROPORCIONES

   Objetivo:
   - conservar el diseño premium de v12.12;
   - respetar la proporción REAL configurada para cada slot;
   - impedir que los placeholders crezcan más que una creatividad real.

   Medidas PC:
   HOME_TOP            1180×250
   HOME_MIDDLE         1180×180
   HOME_SIDEBAR_TOP     300×600
   HOME_BEFORE_FOOTER  1180×180
   HOME_DUO_LEFT        600×400
   HOME_DUO_RIGHT       600×400
   CATEGORY_TOP        1180×180
   CATEGORY_MIDDLE      980×180
   CATEGORY_SIDEBAR     300×600
   ARTICLE_TOP          760×180
   ARTICLE_INLINE_1     690×250
   ARTICLE_INLINE_2     690×250
   ARTICLE_SIDEBAR      280×600
   ARTICLE_BOTTOM       760×180
   ========================================================================== */

/* Base: el placeholder nunca inventa altura. */
.et-ad-slot--placeholder{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

.et-ad-slot--placeholder .et-ad-placeholder-card{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}

/* --------------------------------------------------------------------------
   PROPORCIÓN EXACTA POR SLOT · ESCRITORIO
   -------------------------------------------------------------------------- */

.et-ad-slot--home-top.et-ad-slot--placeholder{
  width:min(100%,1180px) !important;
  aspect-ratio:1180 / 250 !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(100%,1180px) !important;
  aspect-ratio:1180 / 180 !important;
}

.et-ad-slot--category-middle.et-ad-slot--placeholder{
  width:min(100%,980px) !important;
  aspect-ratio:980 / 180 !important;
}

.et-ad-slot--article-top.et-ad-slot--placeholder,
.et-ad-slot--article-bottom.et-ad-slot--placeholder{
  width:min(100%,760px) !important;
  aspect-ratio:760 / 180 !important;
}

.et-ad-slot--article-inline-1.et-ad-slot--placeholder,
.et-ad-slot--article-inline-2.et-ad-slot--placeholder{
  width:min(100%,690px) !important;
  aspect-ratio:690 / 250 !important;
}

.et-ad-slot--home-duo-left.et-ad-slot--placeholder,
.et-ad-slot--home-duo-right.et-ad-slot--placeholder{
  width:min(100%,600px) !important;
  aspect-ratio:600 / 400 !important;
}

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

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

/* --------------------------------------------------------------------------
   HOME TOP 1180×250
   Mantiene el render visual, pero contenido comprimido dentro de 250 px.
   -------------------------------------------------------------------------- */

.et-ad-slot--home-top .et-ad-placeholder-card{
  grid-template-columns:minmax(0,1.15fr) 190px !important;
  grid-template-areas:
    "eyebrow visual"
    "copy visual"
    "specs visual"
    "code visual" !important;
  gap:5px 22px !important;
  padding:18px 30px !important;
}

.et-ad-slot--home-top .et-ad-placeholder-eyebrow{
  min-height:24px !important;
  padding:0 12px !important;
  font-size:.60rem !important;
}

.et-ad-slot--home-top .et-ad-placeholder-copy strong{
  font-size:clamp(1.30rem,1.75vw,1.85rem) !important;
}

.et-ad-slot--home-top .et-ad-placeholder-copy p{
  margin-top:4px !important;
  font-size:.74rem !important;
  line-height:1.32 !important;
}

.et-ad-slot--home-top .et-ad-placeholder-visual{
  min-height:0 !important;
  height:100% !important;
}

.et-ad-slot--home-top .et-ad-placeholder-visual::before{
  width:132px !important;
  height:132px !important;
}

.et-ad-slot--home-top .et-ad-placeholder-hero-svg{
  width:108px !important;
  height:108px !important;
}

.et-ad-slot--home-top .et-ad-placeholder-specs{
  gap:6px !important;
}

.et-ad-slot--home-top .et-ad-placeholder-specs span{
  grid-template-columns:25px minmax(0,1fr) !important;
  padding:7px 9px !important;
  border-radius:10px !important;
}

.et-ad-slot--home-top .et-ad-placeholder-specs i{
  width:25px !important;
  height:25px !important;
  font-size:.88rem !important;
}

.et-ad-slot--home-top .et-ad-placeholder-specs b{
  font-size:.56rem !important;
}

.et-ad-slot--home-top .et-ad-placeholder-specs small{
  font-size:.64rem !important;
}

.et-ad-slot--home-top .et-ad-placeholder-code{
  font-size:.58rem !important;
}

/* --------------------------------------------------------------------------
   BANNERS HORIZONTALES BAJOS · 180 px
   -------------------------------------------------------------------------- */

.et-ad-slot--home-middle .et-ad-placeholder-card,
.et-ad-slot--home-before-footer .et-ad-placeholder-card,
.et-ad-slot--category-top .et-ad-placeholder-card,
.et-ad-slot--category-middle .et-ad-placeholder-card,
.et-ad-slot--article-top .et-ad-placeholder-card,
.et-ad-slot--article-bottom .et-ad-placeholder-card{
  grid-template-columns:145px minmax(0,1fr) !important;
  grid-template-areas:
    "visual eyebrow"
    "visual copy"
    "visual specs"
    "visual code" !important;
  gap:3px 16px !important;
  padding:12px 20px !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-visual,
.et-ad-slot--home-before-footer .et-ad-placeholder-visual,
.et-ad-slot--category-top .et-ad-placeholder-visual,
.et-ad-slot--category-middle .et-ad-placeholder-visual,
.et-ad-slot--article-top .et-ad-placeholder-visual,
.et-ad-slot--article-bottom .et-ad-placeholder-visual{
  min-height:0 !important;
  height:100% !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-visual::before,
.et-ad-slot--home-before-footer .et-ad-placeholder-visual::before,
.et-ad-slot--category-top .et-ad-placeholder-visual::before,
.et-ad-slot--category-middle .et-ad-placeholder-visual::before,
.et-ad-slot--article-top .et-ad-placeholder-visual::before,
.et-ad-slot--article-bottom .et-ad-placeholder-visual::before{
  width:104px !important;
  height:104px !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-hero-svg,
.et-ad-slot--home-before-footer .et-ad-placeholder-hero-svg,
.et-ad-slot--category-top .et-ad-placeholder-hero-svg,
.et-ad-slot--category-middle .et-ad-placeholder-hero-svg,
.et-ad-slot--article-top .et-ad-placeholder-hero-svg,
.et-ad-slot--article-bottom .et-ad-placeholder-hero-svg{
  width:82px !important;
  height:82px !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-eyebrow,
.et-ad-slot--home-before-footer .et-ad-placeholder-eyebrow,
.et-ad-slot--category-top .et-ad-placeholder-eyebrow,
.et-ad-slot--category-middle .et-ad-placeholder-eyebrow,
.et-ad-slot--article-top .et-ad-placeholder-eyebrow,
.et-ad-slot--article-bottom .et-ad-placeholder-eyebrow{
  min-height:20px !important;
  padding:0 10px !important;
  font-size:.54rem !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-copy strong,
.et-ad-slot--home-before-footer .et-ad-placeholder-copy strong,
.et-ad-slot--category-top .et-ad-placeholder-copy strong,
.et-ad-slot--category-middle .et-ad-placeholder-copy strong,
.et-ad-slot--article-top .et-ad-placeholder-copy strong,
.et-ad-slot--article-bottom .et-ad-placeholder-copy strong{
  font-family:Arial,sans-serif !important;
  font-size:1.12rem !important;
  font-weight:900 !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-copy p,
.et-ad-slot--home-before-footer .et-ad-placeholder-copy p,
.et-ad-slot--category-top .et-ad-placeholder-copy p,
.et-ad-slot--category-middle .et-ad-placeholder-copy p,
.et-ad-slot--article-top .et-ad-placeholder-copy p,
.et-ad-slot--article-bottom .et-ad-placeholder-copy p{
  margin-top:2px !important;
  font-size:.62rem !important;
  line-height:1.25 !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-specs span,
.et-ad-slot--home-before-footer .et-ad-placeholder-specs span,
.et-ad-slot--category-top .et-ad-placeholder-specs span,
.et-ad-slot--category-middle .et-ad-placeholder-specs span,
.et-ad-slot--article-top .et-ad-placeholder-specs span,
.et-ad-slot--article-bottom .et-ad-placeholder-specs span{
  grid-template-columns:20px minmax(0,1fr) !important;
  padding:5px 7px !important;
  border-radius:8px !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-specs i,
.et-ad-slot--home-before-footer .et-ad-placeholder-specs i,
.et-ad-slot--category-top .et-ad-placeholder-specs i,
.et-ad-slot--category-middle .et-ad-placeholder-specs i,
.et-ad-slot--article-top .et-ad-placeholder-specs i,
.et-ad-slot--article-bottom .et-ad-placeholder-specs i{
  width:20px !important;
  height:20px !important;
  font-size:.72rem !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-specs b,
.et-ad-slot--home-before-footer .et-ad-placeholder-specs b,
.et-ad-slot--category-top .et-ad-placeholder-specs b,
.et-ad-slot--category-middle .et-ad-placeholder-specs b,
.et-ad-slot--article-top .et-ad-placeholder-specs b,
.et-ad-slot--article-bottom .et-ad-placeholder-specs b{
  font-size:.48rem !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-specs small,
.et-ad-slot--home-before-footer .et-ad-placeholder-specs small,
.et-ad-slot--category-top .et-ad-placeholder-specs small,
.et-ad-slot--category-middle .et-ad-placeholder-specs small,
.et-ad-slot--article-top .et-ad-placeholder-specs small,
.et-ad-slot--article-bottom .et-ad-placeholder-specs small{
  font-size:.55rem !important;
}

.et-ad-slot--home-middle .et-ad-placeholder-code,
.et-ad-slot--home-before-footer .et-ad-placeholder-code,
.et-ad-slot--category-top .et-ad-placeholder-code,
.et-ad-slot--category-middle .et-ad-placeholder-code,
.et-ad-slot--article-top .et-ad-placeholder-code,
.et-ad-slot--article-bottom .et-ad-placeholder-code{
  font-size:.50rem !important;
}

/* --------------------------------------------------------------------------
   ARTICLE INLINE · 690×250
   -------------------------------------------------------------------------- */

.et-ad-slot--article-inline-1 .et-ad-placeholder-card,
.et-ad-slot--article-inline-2 .et-ad-placeholder-card{
  grid-template-columns:minmax(0,1fr) 150px !important;
  grid-template-areas:
    "eyebrow visual"
    "copy visual"
    "specs specs"
    "code code" !important;
  gap:6px 14px !important;
  padding:16px 20px !important;
}

.et-ad-slot--article-inline-1 .et-ad-placeholder-visual::before,
.et-ad-slot--article-inline-2 .et-ad-placeholder-visual::before{
  width:112px !important;
  height:112px !important;
}

.et-ad-slot--article-inline-1 .et-ad-placeholder-hero-svg,
.et-ad-slot--article-inline-2 .et-ad-placeholder-hero-svg{
  width:90px !important;
  height:90px !important;
}

.et-ad-slot--article-inline-1 .et-ad-placeholder-copy strong,
.et-ad-slot--article-inline-2 .et-ad-placeholder-copy strong{
  font-size:1.25rem !important;
}

.et-ad-slot--article-inline-1 .et-ad-placeholder-copy p,
.et-ad-slot--article-inline-2 .et-ad-placeholder-copy p{
  font-size:.65rem !important;
}

/* --------------------------------------------------------------------------
   HOME DUO · exactamente 600×400 cada caja
   -------------------------------------------------------------------------- */

.et-home-ad-duo{
  width:min(100%,1284px) !important; /* 600 + 600 + 20 + padding */
  padding:22px 22px 24px !important;
  border-radius:24px !important;
}

.et-home-ad-duo-head{
  margin-bottom:16px !important;
}

.et-home-ad-duo h2{
  font-size:clamp(1.75rem,2.4vw,2.55rem) !important;
}

.et-home-ad-duo-grid{
  grid-template-columns:repeat(2,minmax(0,600px)) !important;
  justify-content:center !important;
  gap:20px !important;
}

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

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

.et-home-ad-duo-card .et-ad-placeholder-card{
  min-height:0 !important;
  height:100% !important;
  grid-template-columns:minmax(0,1fr) 130px !important;
  grid-template-areas:
    "eyebrow visual"
    "copy visual"
    "specs specs"
    "code code" !important;
  align-content:center !important;
  gap:7px 14px !important;
  padding:18px 20px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-eyebrow{
  min-height:22px !important;
  padding:0 10px !important;
  font-size:.54rem !important;
}

.et-home-ad-duo-card .et-ad-placeholder-visual{
  min-height:0 !important;
  height:130px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-visual::before{
  width:118px !important;
  height:118px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-hero-svg{
  width:96px !important;
  height:96px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-copy strong{
  font-size:clamp(1.25rem,1.7vw,1.75rem) !important;
  line-height:1 !important;
}

.et-home-ad-duo-card .et-ad-placeholder-copy p{
  margin-top:4px !important;
  font-size:.65rem !important;
  line-height:1.3 !important;
}

.et-home-ad-duo-card .et-ad-placeholder-specs{
  gap:6px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-specs span{
  grid-template-columns:22px minmax(0,1fr) !important;
  padding:6px 8px !important;
  border-radius:9px !important;
}

.et-home-ad-duo-card .et-ad-placeholder-specs i{
  width:22px !important;
  height:22px !important;
  font-size:.76rem !important;
}

.et-home-ad-duo-card .et-ad-placeholder-specs b{
  font-size:.49rem !important;
}

.et-home-ad-duo-card .et-ad-placeholder-specs small{
  font-size:.55rem !important;
}

.et-home-ad-duo-card .et-ad-placeholder-code{
  margin:0 !important;
  padding:6px 9px !important;
  border-radius:9px !important;
  font-size:.49rem !important;
}

/* --------------------------------------------------------------------------
   SIDEBARS · 300×600 / 280×600
   -------------------------------------------------------------------------- */

.et-ad-slot--home-sidebar-top .et-ad-placeholder-card,
.et-ad-slot--category-sidebar .et-ad-placeholder-card,
.et-ad-slot--article-sidebar .et-ad-placeholder-card{
  height:100% !important;
  grid-template-columns:1fr !important;
  grid-template-areas:
    "eyebrow"
    "visual"
    "copy"
    "specs"
    "code" !important;
  grid-template-rows:auto 140px auto auto auto !important;
  align-content:center !important;
  gap:10px !important;
  padding:22px 18px !important;
  text-align:center !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-eyebrow,
.et-ad-slot--category-sidebar .et-ad-placeholder-eyebrow,
.et-ad-slot--article-sidebar .et-ad-placeholder-eyebrow{
  justify-self:center !important;
  min-height:22px !important;
  padding:0 10px !important;
  font-size:.52rem !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-visual,
.et-ad-slot--category-sidebar .et-ad-placeholder-visual,
.et-ad-slot--article-sidebar .et-ad-placeholder-visual{
  height:140px !important;
  min-height:0 !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-visual::before,
.et-ad-slot--category-sidebar .et-ad-placeholder-visual::before,
.et-ad-slot--article-sidebar .et-ad-placeholder-visual::before{
  width:132px !important;
  height:132px !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-hero-svg,
.et-ad-slot--category-sidebar .et-ad-placeholder-hero-svg,
.et-ad-slot--article-sidebar .et-ad-placeholder-hero-svg{
  width:106px !important;
  height:106px !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-copy strong,
.et-ad-slot--category-sidebar .et-ad-placeholder-copy strong,
.et-ad-slot--article-sidebar .et-ad-placeholder-copy strong{
  font-size:1.45rem !important;
  line-height:1.02 !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-copy p,
.et-ad-slot--category-sidebar .et-ad-placeholder-copy p,
.et-ad-slot--article-sidebar .et-ad-placeholder-copy p{
  margin-top:7px !important;
  font-size:.70rem !important;
  line-height:1.35 !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-specs,
.et-ad-slot--category-sidebar .et-ad-placeholder-specs,
.et-ad-slot--article-sidebar .et-ad-placeholder-specs{
  grid-template-columns:1fr !important;
  gap:6px !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-specs span,
.et-ad-slot--category-sidebar .et-ad-placeholder-specs span,
.et-ad-slot--article-sidebar .et-ad-placeholder-specs span{
  grid-template-columns:26px minmax(0,1fr) !important;
  padding:7px 9px !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-specs i,
.et-ad-slot--category-sidebar .et-ad-placeholder-specs i,
.et-ad-slot--article-sidebar .et-ad-placeholder-specs i{
  width:26px !important;
  height:26px !important;
  font-size:.86rem !important;
}

.et-ad-slot--home-sidebar-top .et-ad-placeholder-code,
.et-ad-slot--category-sidebar .et-ad-placeholder-code,
.et-ad-slot--article-sidebar .et-ad-placeholder-code{
  justify-content:center !important;
  font-size:.55rem !important;
}

/* --------------------------------------------------------------------------
   MOBILE: usar las proporciones configuradas para móvil.
   -------------------------------------------------------------------------- */

@media(max-width:700px){
  .et-ad-slot--home-top.et-ad-slot--placeholder{
    width:min(100%,640px) !important;
    aspect-ratio:640 / 280 !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,
  .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{
    width:min(100%,640px) !important;
    aspect-ratio:640 / 220 !important;
  }

  .et-ad-slot--article-inline-1.et-ad-slot--placeholder,
  .et-ad-slot--article-inline-2.et-ad-slot--placeholder{
    width:min(100%,640px) !important;
    aspect-ratio:640 / 250 !important;
  }

  .et-ad-slot--home-duo-left.et-ad-slot--placeholder,
  .et-ad-slot--home-duo-right.et-ad-slot--placeholder{
    width:min(100%,640px) !important;
    aspect-ratio:640 / 400 !important;
  }

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

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

  .et-home-ad-duo-card{
    max-width:640px !important;
    margin-inline:auto !important;
  }

  /* En celular compactamos el contenido para entrar en el marco móvil. */
  .et-ad-slot--placeholder .et-ad-placeholder-card{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "eyebrow"
      "copy"
      "specs"
      "code" !important;
    align-content:center !important;
    gap:7px !important;
    padding:14px 16px !important;
    text-align:center !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-visual{
    display:none !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-eyebrow{
    justify-self:center !important;
  }

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

  .et-ad-slot--placeholder .et-ad-placeholder-copy p{
    max-width:520px !important;
    margin:4px auto 0 !important;
    font-size:.68rem !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-specs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-specs span{
    grid-template-columns:1fr !important;
    grid-template-areas:"title" "value" !important;
    justify-items:center !important;
    padding:6px !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-specs i{
    display:none !important;
  }

  .et-ad-slot--placeholder .et-ad-placeholder-code{
    justify-content:center !important;
  }
}