/* ══════════════════════════════════════════
   SECTION TITLES
══════════════════════════════════════════ */
.section-title {
  display: flex; align-items: center;
  background: var(--dark); height: 30px;
  margin-bottom: 16px;
  border-bottom: 3px solid var(--accent);
}
.section-title h2 {
  font-family: var(--font-head); font-size: 13px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  background: var(--accent); color: #fff;
  height: 30px; line-height: 30px; padding: 0 14px;
}
.section-title a.ver-todo {
  margin-left: auto; margin-right: 10px;
  font-family: var(--font-head); font-size: 10px;
  text-transform: uppercase; color: #aaa; letter-spacing: .06em;
  transition: color .2s;
}
.section-title a.ver-todo:hover { color: #fff; }

/* ══════════════════════════════════════════
   POST CARDS — GRID
══════════════════════════════════════════ */
.post-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 24px; }
.post-card {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius); overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.post-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.card-thumb { position: relative; overflow: hidden; height: 168px; background: var(--bg); }
.card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: opacity .3s, transform .4s; }
.post-card:hover .card-thumb img { opacity: .88; transform: scale(1.04); }
.card-cat {
  position: absolute; top: 10px; left: 10px;
  background: var(--accent); color: #fff;
  font-family: var(--font-head); font-size: 9px; text-transform: uppercase;
  padding: 2px 8px; letter-spacing: .08em;
}
.card-body { padding: 14px; }
.card-title {
  font-family: var(--font-head); font-size: 16px; font-weight: 600;
  color: var(--dark); line-height: 1.35em; margin-bottom: 8px;
}
.card-title a { color: var(--dark); }
.card-title a:hover { color: var(--accent); }
.card-excerpt { font-size: 13px; color: var(--text-light); line-height: 1.55em; margin-bottom: 10px; }
.card-meta { display: flex; gap: 12px; align-items: center; font-size: 11px; color: #999; }
.card-meta i { color: var(--accent); margin-right: 3px; }
.card-meta .read-more {
  margin-left: auto; font-family: var(--font-head); font-size: 10px;
  text-transform: uppercase; color: var(--accent); letter-spacing: .06em;
}

/* ── LIST POSTS ── */
.post-list { margin-bottom: 24px; }
.post-list-item {
  display: grid; grid-template-columns: 110px 1fr; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--border);
}
.post-list-item:first-child { border-top: 1px solid var(--border); }
.list-thumb { width: 110px; height: 76px; object-fit: cover; border-radius: var(--radius); }
.list-title { font-family: var(--font-head); font-size: 15px; font-weight: 600; color: var(--dark); margin-bottom: 6px; }
.list-title a { color: var(--dark); }
.list-title a:hover { color: var(--accent); }
.list-excerpt { font-size: 12px; color: var(--text-light); line-height: 1.5em; margin-bottom: 6px; }
.list-meta { font-size: 11px; color: #999; }
.list-meta i { color: var(--accent); margin-right: 3px; }