/* catena.css — páginas da Catena Aurea por capítulo (scripts/build-paginas-catena.mjs).
   Mesma família visual da Liturgia Diária (Inria Serif, títulos em itálico, rubrica vermelha, cruz
   entre as seções), mas em uma coluna só: aqui é leitura longa, sem lateral. */

@font-face {
  font-family: 'Inria Serif'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/fonts/inria-serif-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inria Serif'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('/assets/fonts/inria-serif-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Inria Serif'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/assets/fonts/inria-serif-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Inria reserva';
  src: local('Georgia'), local('Times New Roman');
  size-adjust: 102.9%; ascent-override: 95.2%; descent-override: 21.4%; line-gap-override: 0%;
}

:root {
  --ca-fundo: #fcfaf7;
  --ca-tinta: #000;
  --ca-texto: rgba(0, 0, 0, 0.72);
  --ca-suave: rgba(0, 0, 0, 0.58);
  --ca-linha: rgba(0, 0, 0, 0.09);
  --ca-vermelho: #cb2e2e;
  --ca-largura: 640px;
  --font-titulo: 'Times New Roman', Times, Georgia, serif;
  --font-leitura: 'Inria Serif', 'Inria reserva', Georgia, serif;
  --font-sans: system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html, body { background: var(--ca-fundo); min-height: 100%; }
body.ca {
  font-family: var(--font-leitura);
  font-size: 17px;
  line-height: 1.62;
  color: var(--ca-texto);
  -webkit-font-smoothing: antialiased;
}
.ca a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(203, 46, 46, 0.45); }
.ca a:hover { text-decoration-color: var(--ca-vermelho); }

/* ── Cabeçalho ───────────────────────────────────────────────────────────── */
.ca-cabeca, .ca-corpo, .ca-missa, .ca-capitulos, .ca-rodape {
  width: min(var(--ca-largura), 100% - 32px);   /* 16px de cada lado no celular */
  margin-inline: auto;
}
.ca-cabeca { padding-top: 2.5rem; }

.ca-trilha {
  font-family: var(--font-sans); font-size: 0.72rem; letter-spacing: 0.04em; color: var(--ca-suave);
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; margin-bottom: 2.4rem;
}
.ca-trilha a { text-decoration: none; }
.ca-trilha a:hover { text-decoration: underline; }
.ca-trilha-sep { opacity: 0.5; }

.ca-sobretitulo {
  font-family: var(--font-sans); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--ca-vermelho); margin-bottom: 0.9rem;
}
.ca-titulo {
  font-family: var(--font-titulo); font-style: italic; font-weight: 400;
  font-size: clamp(44px, 9vw, 72px); line-height: 0.95; letter-spacing: -0.03em; color: var(--ca-tinta);
  margin: 0 0 1.4rem;
}
.ca-titulo-sub {
  display: block; font-size: 0.42em; line-height: 1.2; letter-spacing: -0.01em; margin-top: 0.55rem;
  color: var(--ca-texto);
}
.ca-lide { font-size: 1.02rem; color: var(--ca-texto); margin: 0 0 1rem; }

/* ── Seções por perícope ─────────────────────────────────────────────────── */
.ca-corpo { padding-bottom: 2rem; }
.ca-lectio { scroll-margin-top: 1.5rem; }
.ca-lectio + .ca-lectio::before, .ca-missa::before {
  content: ''; display: block; width: min(300px, 100%); height: 60px; margin: 3.6rem auto;
  background: url('/assets/img/liturgia-divisor.svg') center / contain no-repeat; opacity: 0.9;
}
.ca-cabeca + .ca-corpo .ca-lectio:first-child { margin-top: 2.6rem; }

.ca-lectio-ref {
  font-family: var(--font-titulo); font-style: italic; font-weight: 400;
  font-size: 40px; line-height: 1.2; letter-spacing: -0.03em; color: var(--ca-tinta); margin: 0 0 1rem;
}
.ca-lectio-ref a { text-decoration: none; }
.ca-lectio-ref a:hover::after { content: ' #'; color: var(--ca-suave); font-size: 0.6em; }

/* o Evangelho como epígrafe, antes dos Padres */
.ca-evangelho {
  margin: 0 0 1.8rem; padding: 0 0 0 1.1rem; border-left: 2px solid rgba(203, 46, 46, 0.4);
  font-size: 1.06rem; line-height: 1.6; color: var(--ca-tinta);
}
.ca-evangelho p { margin: 0; }
.ca-verso {
  font-family: var(--font-sans); font-size: 0.6rem; font-weight: 600; color: var(--ca-vermelho);
  vertical-align: super; line-height: 0; margin-right: 0.15rem;
}

.ca-comentarios p { margin: 0 0 1rem; }
.ca-padre {
  font-variant: small-caps; letter-spacing: 0.05em; font-weight: 700; color: var(--ca-vermelho);
  cursor: help; text-decoration: none;
}
.ca-padre-obra { font-variant: normal; font-weight: 400; font-style: italic; letter-spacing: 0; }
.ca-padre-quando { font-family: var(--font-sans); font-size: 0.68rem; color: var(--ca-suave); margin-left: 0.35rem; }
.lp-lema { font-style: italic; }   /* as palavras do Evangelho dentro do comentário, como na glosa */

.ca-parcial {
  margin: 0.4rem 0 0; font-size: 0.86rem; font-style: italic; color: var(--ca-suave);
}

/* ── Na missa, outros capítulos, rodapé ──────────────────────────────────── */
.ca-rotulo {
  font-family: var(--font-sans); font-size: 0.66rem; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ca-vermelho); margin: 0 0 0.8rem;
}
.ca-missa ul { list-style: none; padding: 0; margin: 0; font-size: 0.98rem; }
.ca-missa li { margin: 0 0 0.45rem; }
.ca-missa-ref, .ca-missa-dia { color: var(--ca-suave); }

.ca-capitulos {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center;
  margin-top: 3.5rem; padding-top: 1.4rem; border-top: 1px solid var(--ca-linha);
  font-family: var(--font-sans); font-size: 0.8rem; letter-spacing: 0.02em;
}
.ca-capitulos a { text-decoration: none; color: var(--ca-tinta); }
.ca-capitulos a:hover { text-decoration: underline; }
.ca-capitulos a[rel="next"] { text-align: right; }
.ca-capitulos a:nth-child(2) { color: var(--ca-suave); }

.ca-rodape {
  margin-top: 3rem; padding: 1.6rem 0 4rem; border-top: 1px solid var(--ca-linha);
  font-size: 0.86rem; line-height: 1.55; color: var(--ca-suave);
}
.ca-rodape p { margin: 0 0 0.6rem; }
.ca-rodape-links { font-family: var(--font-sans); font-size: 0.74rem; letter-spacing: 0.03em; margin-top: 1rem; }

/* ── Índice ──────────────────────────────────────────────────────────────── */
.ca-indice .ca-titulo-sub { font-size: 0.4em; }
.ca-apresentacao { margin: 2.4rem 0 3rem; }
.ca-apresentacao p { margin: 0 0 1rem; }
.ca-evangelho-lista + .ca-evangelho-lista { margin-top: 2.6rem; }
.ca-ev-nome {
  font-family: var(--font-titulo); font-style: italic; font-weight: 400;
  font-size: 34px; line-height: 1.2; letter-spacing: -0.03em; color: var(--ca-tinta); margin: 0 0 0.8rem;
}
.ca-caps { list-style: none; padding: 0; margin: 0; }
.ca-caps li { border-top: 1px solid var(--ca-linha); }
.ca-caps li:last-child { border-bottom: 1px solid var(--ca-linha); }
.ca-caps a {
  display: grid; grid-template-columns: auto 1fr auto; gap: 0.3rem 1rem; align-items: baseline;
  padding: 0.75rem 0.25rem; text-decoration: none;
}
.ca-caps a:hover { background: rgba(0, 0, 0, 0.025); }
.ca-cap-num { font-family: var(--font-titulo); font-style: italic; font-size: 1.25rem; color: var(--ca-tinta); white-space: nowrap; }
.ca-cap-refs { font-size: 0.92rem; color: var(--ca-suave); }
.ca-cap-n { font-family: var(--font-sans); font-size: 0.7rem; letter-spacing: 0.04em; color: var(--ca-vermelho); white-space: nowrap; }

@media (max-width: 520px) {
  body.ca { font-size: 16.5px; }
  .ca-cabeca { padding-top: 1.6rem; }
  .ca-trilha { margin-bottom: 1.8rem; }
  .ca-lectio-ref { font-size: 32px; }
  .ca-caps a { grid-template-columns: 1fr auto; }
  .ca-cap-refs { grid-column: 1 / -1; }
}