/* Portadas del índice: imágenes del proyecto y esquemas de sus artículos. */
.tep-blog .post-card { --post-inset: 26px; padding: var(--post-inset); }
.tep-blog .post-cover {
  flex: none;
  position: relative;
  display: grid;
  aspect-ratio: 16 / 9;
  width: calc(100% + var(--post-inset) * 2);
  margin: calc(var(--post-inset) * -1) calc(var(--post-inset) * -1) 6px;
  overflow: hidden;
  border-radius: 9px 9px 0 0;
  background: #ebe6dd;
  color: #18354b;
}
.tep-blog .post-cover img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.tep-blog .post-cover-store img { object-position: center 35%; }
.tep-blog .post-cover-prendas img { object-fit: contain; padding: 12px; }
.tep-blog .post-cover-playera img { object-position: center 45%; }
.tep-blog .post-cover-uniformes img { object-position: center 35%; }
.tep-blog .post-cover-compare { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; background: #fff; }
.tep-blog .post-cover-compare > div { position: relative; min-width: 0; min-height: 0; }
.tep-blog .post-cover-compare img { object-position: center 40%; }
.tep-blog .post-cover-compare span { position: absolute; bottom: 12px; left: 12px; background: #102f43; color: white; padding: 5px 9px; font-size: .65rem; font-weight: 700; }
.tep-blog :is(.post-cover-factores, .post-cover-empezar, .post-cover-recursos, .post-cover-enlaces) {
  padding: clamp(14px, 2vw, 22px);
  align-content: center;
  gap: 12px;
}
.tep-blog .post-cover-kicker { font-size: .65rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.tep-blog .post-cover-factores { background: #112f43; color: #fff; }
.tep-blog .post-cover-factors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tep-blog .post-cover-factors span { border: 1px solid #668292; padding: 10px 12px; font-size: .8rem; }
.tep-blog .post-cover-empezar { background: #f5e0ce; }
.tep-blog .post-cover-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tep-blog .post-cover-steps span { display: grid; gap: 6px; font-size: .8rem; }
.tep-blog .post-cover-steps b { color: #a34800; font-size: 1.7rem; border-bottom: 1px solid #ccab8f; padding-bottom: 7px; }
.tep-blog .post-cover-recursos { background: #e4ece9; }
.tep-blog .post-cover-notes { display: grid; gap: 6px; }
.tep-blog .post-cover-notes span { display: flex; justify-content: space-between; background: #fff; padding: 5px 12px; font-size: .75rem; line-height: 1.35; }
.tep-blog .post-cover-notes b { color: #a34800; }
.tep-blog .post-cover-enlaces { background: #dce4ef; }
.tep-blog .post-cover-bookmarks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tep-blog .post-cover-bookmarks span { display: flex; justify-content: space-between; border: 1px solid #9eafc1; padding: 10px; font-size: .8rem; font-weight: 700; }
@media (max-width: 680px) {
  .tep-blog .post-card { --post-inset: 22px; }
}