/* Slide 16:9 — medidas em cqw para ficar idêntico na miniatura e no telão */
.slide {
  --ouro: #C9A56B; --texto: #F3EEE4; --sub: #BDB5A6; --fundo: #0E0D0B;
  --brilho: rgba(201,165,107,.10); --brilho-2: rgba(255,255,255,.04);
  --escala: 1;
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  container-type: inline-size;
  overflow: hidden;
  color: var(--texto);
  background:
    radial-gradient(120% 90% at 85% 0%, var(--brilho), transparent 55%),
    radial-gradient(90% 80% at 0% 100%, var(--brilho-2), transparent 60%),
    var(--fundo);
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.slide .sl { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 7cqw 9cqw; }
.slide .sl-preto { background: #000; }

.sl-kicker {
  font: 500 calc(1.35cqw * var(--escala)) / 1 "Inter", system-ui, sans-serif;
  letter-spacing: .28em; text-transform: uppercase; color: var(--ouro);
}
.sl h1, .sl h2, .sl blockquote { font-family: "Fraunces", Georgia, serif; font-weight: 400; margin: 0; text-wrap: balance; }

.sl-titulo h1 { font-size: calc(6.4cqw * var(--escala)); line-height: 1.04; letter-spacing: -.02em; margin: 2.4cqw 0 3cqw; }
.sl-titulo h1.longo { font-size: calc(5cqw * var(--escala)); }
.sl-titulo h1.muito-longo { font-size: calc(4cqw * var(--escala)); }
.sl-fio { display: block; width: 6cqw; height: .22cqw; background: var(--ouro); }
.sl-sub { margin: 2.4cqw 0 0; font: 400 calc(2cqw * var(--escala)) / 1.3 "Inter", system-ui, sans-serif; color: var(--sub); letter-spacing: .02em; }

.sl-secao { align-items: flex-start; }
.sl-num { font: 400 calc(3.2cqw * var(--escala)) / 1 "Fraunces", Georgia, serif; color: var(--ouro); margin-bottom: 2.4cqw; font-variant-numeric: lining-nums; }
.sl-secao h2 { font-size: calc(5.6cqw * var(--escala)); line-height: 1.08; letter-spacing: -.02em; max-width: 80%; }
.sl-secao h2.longo { font-size: calc(4.4cqw * var(--escala)); }
.sl-secao h2.muito-longo { font-size: calc(3.4cqw * var(--escala)); }

.sl-versiculo { padding-left: 12cqw; padding-right: 12cqw; }
.sl-aspas { font: 400 calc(9cqw * var(--escala)) / .6 "Fraunces", Georgia, serif; color: var(--ouro); height: 4cqw; }
.sl-versiculo blockquote { font-size: calc(3.7cqw * var(--escala)); line-height: 1.32; letter-spacing: -.005em; }
.sl-versiculo blockquote.longo { font-size: calc(3cqw * var(--escala)); }
.sl-versiculo blockquote.muito-longo { font-size: calc(2.4cqw * var(--escala)); }
.sl-versiculo cite {
  margin-top: 3cqw; font: 500 calc(1.35cqw * var(--escala)) / 1 "Inter", system-ui, sans-serif;
  font-style: normal; letter-spacing: .24em; text-transform: uppercase; color: var(--ouro);
}

.sl-pontos ul { list-style: none; margin: 3.2cqw 0 0; padding: 0; display: grid; gap: 2.2cqw; }
.sl-pontos li {
  position: relative; padding-left: 4cqw;
  font: 400 calc(3.6cqw * var(--escala)) / 1.2 "Fraunces", Georgia, serif; letter-spacing: -.01em;
}
.sl-pontos li::before {
  content: ""; position: absolute; left: 0; top: .5em;
  width: 1.1cqw; height: 1.1cqw; transform: rotate(45deg); border: .18cqw solid var(--ouro);
}
.sl-pontos ul.longo li { font-size: calc(2.9cqw * var(--escala)); }
.sl-pontos ul.muito-longo li { font-size: calc(2.3cqw * var(--escala)); }

/* Temas — o pregador escolhe por pregação */
.slide.tema-papel { --fundo: #F5F1E8; --texto: #1B1915; --sub: #6F6A62; --ouro: #9A7A48; --brilho: rgba(154,122,72,.10); --brilho-2: rgba(255,255,255,.6); }
.slide.tema-oceano { --fundo: #0B1722; --texto: #EEF3F6; --sub: #9FB2C0; --ouro: #D2B47C; --brilho: rgba(88,140,180,.20); --brilho-2: rgba(255,255,255,.03); }
.slide.tema-vinho { --fundo: #1A0C10; --texto: #F6ECE8; --sub: #C7AFA8; --ouro: #D9A77A; --brilho: rgba(170,60,70,.22); --brilho-2: rgba(255,255,255,.03); }
.slide.tema-oliva { --fundo: #11140E; --texto: #EFF0E6; --sub: #B3B6A3; --ouro: #C8B06E; --brilho: rgba(120,140,80,.20); --brilho-2: rgba(255,255,255,.03); }
