/* Páginas de leitura (privacidade.html e termos.html). Usa as cores e a fonte do :root de styles.css,
   sem mexer na landing. Texto em ~720 px, cabeçalho fixo no topo e tabelas que rolam sozinhas no celular. */

.doc-page{background:radial-gradient(at 85% 0%,#21372155,transparent 55%),var(--bg)}

/* cabeçalho: na landing ele flutua sobre a arte; aqui fica preso ao topo, com fundo próprio */
.doc-page .site-header.doc-header{position:sticky;top:0;inset:auto;height:84px;justify-content:space-between;background:#0d1d15f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #fff3d51f}
.doc-page .header-actions{gap:16px}
.doc-back{gap:10px}
.doc-back svg{transform:rotate(180deg)}
.no-js .language{display:none}
.doc-noscript{max-width:720px;margin:20px auto 0;padding:0 24px;font-size:13px;color:var(--muted)}

/* área de leitura */
.doc-main{padding:56px 24px 96px}
.doc-main:focus{outline:none}
.doc{max-width:720px;margin:0 auto}
.doc-hero{padding-bottom:28px;border-bottom:1px solid #fff3d51c;margin-bottom:32px}
.doc-hero .eyebrow{margin-bottom:16px}
.doc h1{font-size:clamp(34px,5.4vw,52px);letter-spacing:-1.6px;line-height:1.08;margin:0 0 14px;max-width:none;text-shadow:none}
.doc-meta{margin:0;font-size:14px;color:var(--muted)}
.doc h2{font-size:clamp(23px,3vw,28px);font-weight:750;letter-spacing:-.6px;line-height:1.2;margin:0 0 14px;scroll-margin-top:100px}
.doc h3{font-size:18px;font-weight:650;letter-spacing:-.2px;line-height:1.3;margin:28px 0 8px;color:var(--gold)}
.doc p,.doc li{font-size:16.5px;line-height:1.75;color:#ece6cf}
.doc p{margin:0 0 16px}
.doc ul,.doc ol{margin:0 0 18px;padding-left:22px}
.doc li{margin-bottom:8px}
.doc li::marker{color:var(--lime)}
.doc strong{color:var(--cream);font-weight:650}
.doc code{font-family:ui-monospace,Consolas,monospace;font-size:.86em;background:#ffffff12;border:1px solid #ffffff1c;border-radius:5px;padding:1px 6px;overflow-wrap:anywhere}
.doc a{color:var(--gold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.doc a:hover{color:#ffdf89}

/* resumo e sumário no topo */
.doc-summary{background:#152a1ecc;border:1px solid #e4c26338;border-radius:14px;padding:26px 28px 12px;margin:0 0 22px;box-shadow:0 20px 50px #0003}
.doc-summary h2{font-size:22px;color:var(--gold)}
.doc-summary li,.doc-summary p{font-size:16px}
.doc-toc{border:1px solid #fff3d51f;border-radius:14px;padding:22px 28px 10px;margin:0 0 44px}
.doc-toc h2{font-size:12px;font-weight:650;letter-spacing:2.2px;text-transform:uppercase;color:var(--lime);margin-bottom:12px}
.doc-toc ol{columns:2 260px;column-gap:28px;margin:0 0 10px;padding-left:24px}
.doc-toc li{font-size:15px;margin-bottom:8px;break-inside:avoid;color:var(--muted)}
.doc-toc a{color:var(--cream);text-decoration:none}
.doc-toc a:hover{color:var(--gold);text-decoration:underline}

/* seções */
.doc-section{padding:30px 0 14px;border-top:1px solid #fff3d514;scroll-margin-top:96px}
.doc-section:first-of-type{border-top:0;padding-top:0}

/* tabelas: no celular, cada linha vira um cartão (os roles mantêm a leitura de tabela) */
.doc-table{margin:6px 0 20px;border:1px solid #fff3d51f;border-radius:12px;background:#11241a;overflow:hidden}
.doc table{border-collapse:collapse;width:100%;font-size:15px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #fff3d514;line-height:1.55}
.doc thead th{font-size:11px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:var(--lime);background:#152a1e}
.doc tbody th{font-weight:600;color:var(--cream)}
.doc td{color:#e2dcc4}
.doc tbody tr:last-child>*{border-bottom:0}

.nowrap{white-space:nowrap}
.doc-signature{font-size:14px!important;color:var(--muted)!important}
.doc-end{margin-top:40px;padding-top:26px;border-top:1px solid #fff3d51c}
.doc-end p{color:var(--muted)}
.doc-end .text-link{text-decoration:none;margin-top:4px;gap:14px}
.doc-end .text-link svg{transform:rotate(180deg)}
.doc-end .text-link:hover svg{transform:rotate(180deg) translateX(5px)}

.doc-page .footer-bottom a[aria-current="page"]{color:var(--cream)}

@media(max-width:800px){
  .doc-page .site-header.doc-header{height:72px}
  .doc-main{padding:36px 16px 72px}
  .doc-noscript{padding:0 16px}
  .doc-summary,.doc-toc{padding:20px 18px 8px}
  .doc p,.doc li{font-size:16px}
  .doc h2{scroll-margin-top:86px}
}
@media(max-width:600px){
  .doc table,.doc tbody,.doc tr,.doc th,.doc td{display:block}
  .doc thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .doc tbody tr{padding:14px 16px;border-bottom:1px solid #fff3d51a}
  .doc tbody tr:last-child{border-bottom:0}
  .doc th,.doc td{padding:0;border:0}
  .doc tbody th{font-size:16px;margin-bottom:8px}
  .doc td{margin-top:6px}
  .doc td::before{content:attr(data-label);display:block;font-size:10.5px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;color:var(--lime)}
}
@media(max-width:460px){
  .doc-page .site-header.doc-header{padding:0 16px;gap:10px}
  .doc-page .header-actions{gap:8px}
  .doc-back{min-height:40px;padding:9px 12px}
  .doc-back span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .doc-toc ol{columns:1}
  .doc h1{letter-spacing:-1px}
}