/* Leitura de texto longo das páginas legais (termos, reembolso, privacidade). O resto vem do g10.css. */

/* a página cresce com o texto: o palco do g10.css centraliza um cartão curto */
.palco { min-height: 0; place-items: start center; }

/* 72ch de texto + o padding do cartão (34px de cada lado) */
.texto {
  max-width: calc(72ch + 68px);
  font-size: 17px; line-height: 1.65; color: var(--body);
  overflow-wrap: anywhere;
}
.texto h1 { font-size: clamp(30px, 7vw, 42px); margin-bottom: 20px; }
.texto h2 {
  margin: 34px 0 10px;
  font-size: 21px; line-height: 1.25; letter-spacing: -.015em; color: var(--ink);
  text-wrap: balance;
}
.texto p, .texto ul, .texto ol { margin: 0 0 14px; }
.texto ul, .texto ol { padding-left: 1.3em; }
.texto li + li { margin-top: 8px; }
.texto strong { color: var(--ink); font-weight: 700; }
.texto a:not(.btn-main) { color: var(--inst); text-underline-offset: 3px; } /* sem :not, o link vence o .btn-main e o texto do botão some */
.texto a:not(.btn-main):hover { color: var(--deep); }
html.dark .texto a:not(.btn-main):hover { color: var(--vivo); }

/* botão "Pedir reembolso": no tamanho do texto, não na largura do cartão */
.texto .acao { margin: 18px 0 8px; }
.texto .acao .btn-main { width: auto; margin-top: 0; }

/* Nenhum texto de hoje tem tabela. Se vier uma: cada td leva data-label="Coluna"; abaixo de 768px a tabela vira lista. */
.texto table { width: 100%; margin: 0 0 14px; border-collapse: collapse; font-size: 15px; }
.texto th, .texto td { padding: 8px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
@media (max-width: 767px) {
  .texto thead { display: none; }
  .texto table, .texto tbody, .texto tr, .texto td { display: block; }
  .texto tr { padding: 10px 0; border-bottom: 1px solid var(--line); }
  .texto td { padding: 2px 0; border: 0; }
  .texto td[data-label]::before { content: attr(data-label) ": "; font-weight: 700; color: var(--ink); }
}

@media (max-width: 560px) {
  .texto { font-size: 16.5px; }
  .texto .acao .btn-main { width: 100%; }
}