/* tudoposso.org — arquétipo typographic-poster
   Paleta: black-and-gold-leaf (negro de prelo e folha de ouro).
   Ornamento: letterpress-texture — a textura de impressão tipográfica é
   simulada em CSS puro (gradientes de baixíssima opacidade); nenhum arquivo
   de imagem acompanha este build. Abertura: verse-first, o versículo como
   cartaz. Folha composta só para este site.

   FONTES. A matriz determina Instrument Serif (display) e Karla (texto),
   auto-hospedadas e subsetadas. Nenhum arquivo de fonte é enviado: a licença
   de cada artefato exato ainda não foi verificada (pendência pré-implantação
   registrada no SPEC). As pilhas de sistema abaixo fazem as vezes do desenho
   até lá. Fonte por CDN de terceiros: nunca. */

:root {
  --negro: #100e0c;
  --negro-chapa: #191512;
  --ouro: #cfa64a;
  --ouro-claro: #e8cf94;
  --papel-osso: #d8cdb6;
  --disp: "Instrument Serif", "Didot", "Bodoni MT", "Playfair Display", "Times New Roman", serif;
  --grot: "Karla", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 18% 12%, rgba(207, 166, 74, 0.05), transparent 42%),
    radial-gradient(circle at 82% 78%, rgba(207, 166, 74, 0.04), transparent 46%),
    var(--negro);
  color: var(--papel-osso);
  font-family: var(--grot);
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.12rem);
  line-height: 1.62;
}

/* textura de prelo: pontilhado sutil sobre as chapas, sem imagens */
.chapa {
  background-image: repeating-radial-gradient(circle at 0 0, rgba(216, 205, 182, 0.022) 0, transparent 3px);
}

.regua-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.9rem;
  padding: 0.95rem 1.25rem;
  border-bottom: 5px solid var(--ouro);
  font-size: 0.85rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.regua-nav a { color: var(--ouro-claro); text-decoration: none; }
.regua-nav a:hover, .regua-nav a:focus { color: var(--ouro); text-decoration: underline; text-underline-offset: 0.3em; }
.regua-nav [aria-current="page"] { color: var(--ouro); border-bottom: 2px solid var(--ouro); padding-bottom: 2px; }

.cartaz {
  text-align: center;
  padding: clamp(2.5rem, 8vw, 6rem) 1.25rem clamp(1.6rem, 4vw, 3rem);
  max-width: 60rem;
  margin: 0 auto;
}
.cartaz h1 {
  font-family: var(--disp);
  font-weight: 400;
  color: var(--ouro);
  font-size: clamp(2.1rem, 6.5vw, 4.6rem);
  line-height: 1.06;
  margin: 0 0 1.4rem;
}
.cartaz [data-scripture-slot] {
  font-family: var(--disp);
  font-size: clamp(1.5rem, 4.2vw, 2.8rem);
  line-height: 1.25;
  color: var(--ouro-claro);
  display: block;
  margin: 0 auto 0.8rem;
  max-width: 46rem;
}
.cartaz .credito-cartaz {
  display: block;
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ouro);
}

.prosa {
  max-width: 37rem;
  margin: 0 auto;
  padding: 0.8rem 1.25rem 2.8rem;
}
.prosa h2 {
  font-family: var(--disp);
  font-weight: 400;
  color: var(--ouro);
  font-size: clamp(1.4rem, 1.15rem + 1.1vw, 1.95rem);
  margin: 2.3rem 0 0.75rem;
}
.prosa p { margin: 0 0 1.1rem; }
.prosa a { color: var(--ouro-claro); }
.prosa q { quotes: "\201C" "\201D" "\2018" "\2019"; color: var(--ouro-claro); }
.prosa q::before, .prosa q::after { color: var(--ouro); }

.tipo-batido {
  border-top: 1px solid var(--ouro);
  border-bottom: 1px solid var(--ouro);
  padding: 1.1rem 0.5rem;
  margin: 1.5rem 0;
  text-align: center;
}
.tipo-batido .marca-verso {
  display: block;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ouro);
  margin-bottom: 0.45rem;
}
.tipo-batido [data-scripture-slot] { font-family: var(--disp); font-size: 1.25rem; line-height: 1.4; color: var(--ouro-claro); }

.puxada {
  font-family: var(--disp);
  font-size: clamp(1.3rem, 1.1rem + 1.2vw, 1.9rem);
  line-height: 1.3;
  color: var(--ouro);
  text-align: center;
  margin: 2rem 0;
}

.duvida-bloco { margin: 0 0 1.9rem; }
.duvida-bloco h3 {
  font-family: var(--disp);
  font-weight: 400;
  color: var(--ouro);
  font-size: 1.22rem;
  margin: 0 0 0.4rem;
}

.banda-final {
  border-top: 8px solid var(--ouro);
  background: var(--negro-chapa);
  text-align: center;
  padding: 2rem 1.25rem 2.4rem;
}
.banda-final p { margin: 0 0 0.6rem; font-size: 0.95rem; }
.banda-final a {
  font-family: var(--disp);
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  color: var(--ouro);
  text-decoration: underline;
  text-decoration-thickness: 0.09em;
  text-underline-offset: 0.2em;
}

.oficina {
  color: #9c9077;
  font-size: 0.84rem;
  padding: 1.5rem 1.25rem 2.4rem;
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}
.oficina i { color: var(--papel-osso); }