/* Secciones editoriales de páginas interiores */
.inner-spotlight,.inner-depth,.inner-route {
  padding:85px 0
}

.inner-spotlight {
  background:#edf3f7
}

.inner-spotlight-grid {
  display:grid;
  grid-template-columns:1fr .8fr;
  gap:75px;
  align-items:center
}

.inner-spotlight h2,.inner-depth h2,.inner-route h2 {
  font-size:clamp(2.1rem,3.8vw,3.5rem)
}

.inner-spotlight p,.inner-route>div>p,.inner-lead {
  font-size:1.15rem;
  line-height:1.65;
  color:#42576b;
  max-width:850px
}

.inner-spotlight img {
  width:100%;
  height:360px;
  object-fit:cover
}

.inner-depth-grid,.inner-route-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px
}

.inner-depth-grid article {
  background:#f1f5f8;
  border-top:3px solid var(--red);
  padding:30px;
  min-height:230px
}

.inner-depth-grid article span,.inner-route-grid b {
  font:800 1rem Manrope,sans-serif;
  color:var(--red)
}

.inner-depth-grid h3,.inner-route-grid h3 {
  font-size:1.35rem;
  margin-top:22px
}

.inner-depth-grid p,.inner-route-grid p {
  color:var(--muted);
  margin:0
}

.inner-route {
  background:#e9f0f5
}

.inner-route-grid {
  margin-bottom:30px
}

.inner-route-grid>div {
  border-top:1px solid #aabac7;
  padding-top:20px
}

.inner-route .actions {
  margin-top:30px
}

@media(max-width:900px) {
  .inner-spotlight-grid {
    gap:30px
  }
  .inner-spotlight,.inner-depth,.inner-route {
    padding:65px 0
  }
}

@media(max-width:650px) {
  .inner-spotlight-grid,.inner-depth-grid,.inner-route-grid {
    grid-template-columns:1fr
  }
  .inner-spotlight img {
    height:240px
  }
  .inner-depth-grid article {
    min-height:0
  }
}
