/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · Publicidad corporativa v29.18
   - Bloque doble más sobrio y compacto
   - Título menor y tipografía corporativa
   - Respeta proporción 600x400 en slots dobles
   - Creatividades reales nunca se deforman
   - Banners horizontales conservan proporción y centrado
   ========================================================================== */

:root{
  --et-ad18-navy:#0b2f73;
  --et-ad18-blue:#1b5fc0;
  --et-ad18-ink:#17324f;
  --et-ad18-muted:#6c7b8d;
  --et-ad18-line:#dde6ef;
  --et-ad18-surface:#ffffff;
  --et-ad18-soft:#f7f9fc;
}

/* --------------------------------------------------------------------------
   BLOQUE DOBLE · HOME_DUO_LEFT / HOME_DUO_RIGHT
   -------------------------------------------------------------------------- */

.et-home-ad-duo{
  margin:clamp(28px,3.4vw,50px) 0 !important;
  padding:clamp(18px,2vw,26px) !important;
  border:1px solid var(--et-ad18-line) !important;
  border-radius:18px !important;
  background:var(--et-ad18-surface) !important;
  box-shadow:0 12px 34px rgba(24,54,89,.07) !important;
}

.et-home-ad-duo::before{
  content:none !important;
}

.et-home-ad-duo-head{
  align-items:center !important;
  gap:18px !important;
  margin-bottom:16px !important;
  padding-bottom:13px !important;
  border-bottom:1px solid #edf1f5 !important;
}

.et-home-ad-duo-kicker{
  margin:0 0 4px !important;
  color:#7b8796 !important;
  font:800 .58rem/1.2 Arial,sans-serif !important;
  letter-spacing:.12em !important;
}

.et-home-ad-duo-kicker::before{
  width:20px !important;
  height:2px !important;
  background:var(--et-ad18-blue) !important;
}

.et-home-ad-duo h2{
  color:var(--et-ad18-ink) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:clamp(1.08rem,1.45vw,1.38rem) !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  letter-spacing:-.015em !important;
}

.et-home-ad-duo-note{
  max-width:360px !important;
  color:var(--et-ad18-muted) !important;
  font-size:.68rem !important;
  line-height:1.45 !important;
  text-align:right !important;
}

.et-home-ad-duo-grid{
  gap:clamp(12px,1.5vw,18px) !important;
}

.et-home-ad-duo-card{
  overflow:hidden !important;
  border:1px solid var(--et-ad18-line) !important;
  border-radius:13px !important;
  background:var(--et-ad18-soft) !important;
  box-shadow:none !important;
}

/* Medida comercial real 600x400 = 3:2.
   Tanto placeholder como creatividad activa viven dentro de este marco. */
.et-home-ad-duo-card .et-ad-link{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:3 / 2 !important;
  overflow:hidden !important;
  background:#fff !important;
}

.et-home-ad-duo-card .et-ad-link picture{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
}

.et-home-ad-duo-card .et-ad-link img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Si la creatividad subida es mayor a 600x400, se reduce dentro del marco.
   Si tiene otra proporción, conserva su aspecto y deja aire sin deformarse. */
.et-home-ad-duo-card .et-ad-slot:not(.et-ad-slot--placeholder) .et-ad-link img{
  object-fit:contain !important;
}

/* Placeholder doble también más compacto y corporativo. */
.et-home-ad-duo-card .et-ad-slot--placeholder{
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:3 / 2 !important;
  border:0 !important;
  background:#fff !important;
}

.et-home-ad-duo-card .et-ad-slot--placeholder .et-ad-placeholder-card{
  width:100% !important;
  height:100% !important;
  padding:18px 18px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    linear-gradient(180deg,#fff 0%,#fbfcfe 100%) !important;
}

/* --------------------------------------------------------------------------
   BANNERS HORIZONTALES
   Más sobrios, sin tocar su estructura ni lógica.
   -------------------------------------------------------------------------- */

.et-home-ad-mount--top,
.et-home-ad-mount--middle,
.et-home-ad-mount--before-footer{
  margin-top:clamp(22px,2.8vw,38px) !important;
  margin-bottom:clamp(22px,2.8vw,38px) !important;
}

.et-home-ad-mount--top .et-ad-slot,
.et-home-ad-mount--middle .et-ad-slot,
.et-home-ad-mount--before-footer .et-ad-slot{
  overflow:hidden !important;
  border-radius:14px !important;
}

.et-home-ad-mount:not(.et-home-ad-mount--sidebar) .et-ad-link{
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  background:#fff !important;
}

.et-home-ad-mount:not(.et-home-ad-mount--sidebar) .et-ad-link picture{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
}

.et-home-ad-mount:not(.et-home-ad-mount--sidebar) .et-ad-link img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* Marcos reales por slot. */
.et-home-ad-mount--top .et-ad-link{
  aspect-ratio:1180 / 250 !important;
}

.et-home-ad-mount--middle .et-ad-link,
.et-home-ad-mount--before-footer .et-ad-link{
  aspect-ratio:1180 / 180 !important;
}

/* Los placeholders conservan medidas, pero con menos ruido visual. */
.et-home-ad-mount .et-ad-slot--placeholder{
  box-shadow:none !important;
}

.et-home-ad-mount .et-ad-slot--placeholder .et-ad-placeholder-copy strong{
  color:var(--et-ad18-ink) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:800 !important;
}

.et-home-ad-mount .et-ad-slot--placeholder .et-ad-placeholder-copy p{
  color:#728094 !important;
}

.et-home-ad-mount .et-ad-slot--placeholder .et-ad-placeholder-eyebrow{
  color:#637287 !important;
  background:#f3f6f9 !important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media(max-width:900px){
  .et-home-ad-duo-head{
    align-items:flex-start !important;
  }

  .et-home-ad-duo-note{
    text-align:left !important;
  }
}

@media(max-width:720px){
  .et-home-ad-duo{
    padding:15px !important;
    border-radius:15px !important;
  }

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

  .et-home-ad-duo-card .et-ad-link,
  .et-home-ad-duo-card .et-ad-slot--placeholder{
    aspect-ratio:16 / 10 !important;
  }
}

@media(max-width:480px){
  .et-home-ad-duo h2{
    font-size:1.02rem !important;
  }

  .et-home-ad-duo-card{
    border-radius:11px !important;
  }
}