/* Páginas de texto (termos.html, privacidade.html). Usa o topo e o rodapé de acompanhar.css (pg-*). */
.lg { padding: var(--space-6) var(--space-5); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-1); line-height: 1.6; color: var(--color-ink-2); font-size: var(--fs-15); }
@media (min-width: 900px) { .lg { padding: var(--space-8) var(--space-10); } }
.lg h1 { margin: 0 0 var(--space-1); font-size: var(--fs-26); font-weight: var(--fw-extrabold); letter-spacing: var(--ls-display); color: var(--color-ink); line-height: 1.2; }
.lg__data { margin: 0 0 var(--space-5); font-size: var(--fs-13); font-weight: var(--fw-semibold); color: var(--color-ink-3); }
.lg h2 { margin: var(--space-6) 0 var(--space-2); font-size: var(--fs-18); font-weight: var(--fw-extrabold); color: var(--color-ink); line-height: 1.3; }
.lg p { margin: 0 0 var(--space-3); }
.lg ul { margin: 0 0 var(--space-3); padding-left: var(--space-5); }
.lg li { margin-bottom: var(--space-1-5); }
.lg strong { color: var(--color-ink); }
.lg a { color: var(--color-ink); font-weight: var(--fw-bold); }
.lg code { padding: 0 var(--space-1); border-radius: var(--radius-xs); background: var(--color-bg); font-size: 0.92em; }
.lg-preencher { padding: 0 var(--space-1); border-radius: var(--radius-xs); background: var(--color-brand-100); color: var(--color-ink); font-weight: var(--fw-bold); }
.lg__wa { margin-top: var(--space-6); text-decoration: none; }

/* Tutorial do chip (tutorial-chip/): vídeo 16:9 ou aviso "em breve" */
.tut__video { position: relative; aspect-ratio: 16 / 9; margin: var(--space-4) 0 var(--space-2); border-radius: var(--radius-lg); overflow: hidden; background: var(--color-ink); }
.tut__video--vertical { aspect-ratio: 9 / 16; max-width: 360px; margin-inline: auto; }
.tut__video video, .tut__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tut__em-breve { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-4); text-align: center; color: var(--color-on-dark-2); font-size: var(--fs-14); line-height: 1.4; }
.tut__em-breve strong { color: var(--color-brand); font-size: var(--fs-18); }
.tut__em-breve .btn { margin-top: var(--space-2); color: var(--color-ink); text-decoration: none; }