/* ==========================================================================
   ENTRETENIMIENTO TOLIMA · Mapa visual de pauta v29.34
   ========================================================================== */

.et-placement-guide{
  grid-column:1 / -1;
  margin-bottom:20px;
  padding:22px;
  border:1px solid #dfe6ef;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(25,88,173,.045), transparent 22rem),
    #fff;
  box-shadow:0 12px 34px rgba(15,35,70,.05);
}

.et-placement-guide-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:17px;
  padding-bottom:15px;
  border-bottom:1px solid #e8edf3;
}

.et-placement-guide-head h2{
  margin:4px 0 5px;
  color:#102947;
  font-size:1.28rem;
  letter-spacing:-.018em;
}

.et-placement-guide-head p{
  max-width:760px;
  margin:0;
  color:#718096;
  font-size:.79rem;
  line-height:1.55;
}

.et-placement-guide-badge{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid #dce6f2;
  border-radius:999px;
  color:#315d90;
  background:#f6f9fd;
  font-size:.61rem;
  font-weight:800;
}

.et-placement-guide-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:16px;
  align-items:start;
}

.et-placement-maps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.et-placement-map-card{
  min-width:0;
  padding:12px;
  border:1px solid #e0e7f0;
  border-radius:14px;
  background:#fbfcfe;
}

.et-placement-map-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
}

.et-placement-map-title>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  border-radius:8px;
  color:#1456a4;
  background:#edf4fc;
  font-size:.58rem;
  font-weight:900;
}

.et-placement-map-title div{
  min-width:0;
  display:grid;
  gap:1px;
}

.et-placement-map-title strong{
  color:#173451;
  font-size:.72rem;
}

.et-placement-map-title small{
  color:#8995a5;
  font-size:.54rem;
}

.et-site-map{
  position:relative;
  min-height:330px;
  overflow:hidden;
  padding:34px 8px 10px;
  border:1px solid #d8e1ec;
  border-radius:11px;
  background:#fff;
}

.et-site-map-browser{
  position:absolute;
  inset:0 0 auto;
  height:25px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:0 8px;
  border-bottom:1px solid #dfe6ef;
  background:#f2f5f9;
}

.et-site-map-browser i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#c1ccd9;
}

.et-site-map-browser span{
  margin-left:4px;
  color:#8a97a7;
  font-size:.45rem;
  font-weight:700;
}

.et-site-map-nav{
  height:18px;
  margin-bottom:7px;
  border-radius:4px;
  background:#0e3268;
}

.et-site-map-content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 27%;
  gap:6px;
  margin:6px 0;
}

.et-site-map-main,
.et-site-map-content aside{
  min-width:0;
}

.et-site-map-content aside{
  display:grid;
  align-content:start;
  gap:6px;
}

.et-site-map-content aside>i{
  height:48px;
  border-radius:5px;
  background:#eef2f7;
}

.et-site-map-hero{
  height:70px;
  margin-bottom:6px;
  border-radius:5px;
  background:
    linear-gradient(135deg,#e8edf4,#dce5f0);
}

.et-site-map-stories{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  margin:6px 0;
}

.et-site-map-stories i{
  height:40px;
  border-radius:4px;
  background:#eef2f7;
}

.et-site-map-line{
  height:8px;
  margin:5px 0;
  border-radius:3px;
  background:#edf1f6;
}

.et-site-map-line.is-short{
  width:72%;
}

.et-site-map-article-title{
  width:88%;
  height:22px;
  margin:4px 0 9px;
  border-radius:4px;
  background:#dfe6ef;
}

.et-site-map-footer{
  height:22px;
  margin-top:7px;
  border-radius:4px;
  background:#0c2c5e;
}

/* Clickable advertising areas */
.et-placement-zone{
  position:relative;
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  padding:5px 7px;
  border:1px dashed #7ca3d3;
  border-radius:6px;
  color:#164f93;
  background:#edf5ff;
  cursor:pointer;
  font-family:Arial,Helvetica,sans-serif;
  text-align:left;
  transition:
    transform .14s ease,
    border-color .14s ease,
    background .14s ease,
    box-shadow .14s ease;
}

.et-placement-zone span{
  overflow:hidden;
  font-size:.5rem;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.et-placement-zone small{
  color:#7390b3;
  font-size:.38rem;
  font-weight:800;
  white-space:nowrap;
}

.et-placement-zone:hover,
.et-placement-zone:focus-visible{
  transform:translateY(-1px);
  border-color:#1e66b8;
  background:#e4f0ff;
  outline:none;
  box-shadow:0 4px 12px rgba(26,92,169,.10);
}

.et-placement-zone.is-selected{
  border-style:solid;
  border-color:#0f56a8;
  color:#fff;
  background:linear-gradient(135deg,#145eae,#0b448c);
  box-shadow:0 6px 14px rgba(14,73,145,.18);
}

.et-placement-zone.is-selected small{
  color:#d8e9ff;
}

.et-site-map-duo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin:6px 0;
}

.et-placement-zone.is-home-duo{
  min-height:42px;
  display:grid;
  align-content:center;
}

.et-placement-zone.is-home-sidebar,
.et-placement-zone.is-article-sidebar,
.et-placement-zone.is-category-sidebar{
  min-height:74px;
  display:grid;
  align-content:center;
}

.et-placement-zone.is-article-inline{
  margin:6px 0;
}

.et-placement-zone.is-home-footer,
.et-placement-zone.is-article-bottom{
  margin-top:6px;
}

.et-placement-selection{
  position:sticky;
  top:18px;
  min-height:330px;
  padding:17px;
  border:1px solid #dce5ef;
  border-radius:14px;
  background:#f9fbfd;
}

.et-placement-selection-empty{
  min-height:292px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  text-align:center;
}

.et-placement-selection-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#1b5aa6;
  background:#eaf2fc;
  border:1px solid #d9e6f6;
  font-weight:900;
}

.et-placement-selection-empty strong{
  color:#1b3c60;
  font-size:.82rem;
}

.et-placement-selection-empty p{
  max-width:210px;
  margin:0;
  color:#7e8c9e;
  font-size:.66rem;
  line-height:1.5;
}

.et-placement-selection-active{
  display:grid;
  gap:11px;
}

.et-placement-selection-active[hidden]{
  display:none !important;
}

.et-placement-selection-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.et-placement-selection-top>span{
  color:#6e7d90;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.08em;
}

.et-placement-selection-top small{
  padding:4px 6px;
  border-radius:6px;
  color:#195596;
  background:#eaf2fc;
  font-size:.48rem;
  font-weight:900;
}

.et-placement-selection h3{
  margin:0;
  color:#14375e;
  font-size:1rem;
}

.et-placement-selection-active>p{
  margin:0;
  color:#738196;
  font-size:.68rem;
  line-height:1.55;
}

.et-placement-selection dl{
  display:grid;
  gap:6px;
  margin:3px 0 0;
}

.et-placement-selection dl div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 9px;
  border:1px solid #e1e7ef;
  border-radius:8px;
  background:#fff;
}

.et-placement-selection dt{
  color:#8290a1;
  font-size:.57rem;
}

.et-placement-selection dd{
  margin:0;
  color:#1d4168;
  font-size:.62rem;
  font-weight:850;
  text-align:right;
}

.et-placement-selection-help{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:8px;
  align-items:start;
  margin-top:3px;
  padding:9px;
  border:1px solid #d4e8da;
  border-radius:9px;
  color:#426f51;
  background:#f5faf6;
}

.et-placement-selection-help>span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#fff;
  background:#398159;
  font-size:.58rem;
  font-weight:900;
}

.et-placement-selection-help p{
  margin:0;
  font-size:.57rem;
  line-height:1.45;
}

/* The interactive guide occupies the whole quote form row. */
.et-quote-layout>.et-placement-guide{
  grid-column:1 / -1;
}

@media(max-width:1120px){
  .et-placement-guide-layout{
    grid-template-columns:1fr;
  }

  .et-placement-selection{
    position:static;
    min-height:0;
  }

  .et-placement-selection-empty{
    min-height:120px;
  }

  .et-placement-maps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .et-placement-guide{
    padding:15px;
  }

  .et-placement-guide-head{
    display:grid;
    gap:10px;
  }

  .et-placement-guide-badge{
    width:max-content;
  }

  .et-placement-maps{
    grid-template-columns:1fr;
  }

  .et-site-map{
    min-height:310px;
  }
}


/* v29.35: orden real de la portada */
.et-site-map--home .is-home-top{margin-bottom:6px}
.et-site-map--home .et-site-map-hero{height:60px;margin-bottom:5px}
.et-site-map--home .et-site-map-duo{margin:6px 0}
.et-site-map--home .is-home-middle{margin:6px 0}
.et-site-map--home .et-site-map-content.is-home-lower{grid-template-columns:minmax(0,1fr) 28%;align-items:stretch}
.et-site-map--home .is-home-sidebar{height:100%;min-height:84px}
.et-site-map--home .is-home-footer{margin-top:6px}


/* v29.37 · Inventario comercial simplificado */
.et-site-map--article .et-site-map-main,
.et-site-map--category .et-site-map-main{
  align-content:start;
}