/* =========================================================
   CONTENIDO · índice de capítulos y anexos
   ========================================================= */

.toc { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.chapter {
  padding: 30px 28px 32px; min-height: 230px; display: flex; flex-direction: column;
  transition: transform .35s var(--ease-out), border-color .3s;
}
.chapter:hover { transform: translateY(-4px); border-color: rgba(var(--rgb-accent), .35); }
.chapter-num { font-family: var(--font-serif); font-size: 54px; line-height: 1; color: var(--color-accent); margin-bottom: auto; }
.chapter-label { font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--color-text-faint); margin: 28px 0 8px; }
.chapter h3 { font-size: 21px; letter-spacing: -.015em; margin-bottom: 10px; line-height: 1.2; }
.chapter p { font-size: 15px; color: var(--color-text-muted); line-height: 1.55; }

.annex {
  margin-top: var(--grid-gap); padding: 26px 30px;
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
}
.annex b { font-weight: 600; }
.annex-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.annex-chips span {
  font-size: 13px; padding: 8px 14px; border-radius: var(--radius-pill);
  border: 1px solid var(--color-line-strong); color: var(--color-text-muted);
}

@media (max-width: 1024px) {
  .toc { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .toc { grid-template-columns: 1fr; }
}