/* ==========================================================================
   doc.css  |  Páginas institucionais (privacidade, termos, cookies, jogo resp.)
   Requer base.css.
   ========================================================================== */

/* ---------- Header (barra escura sólida) ---------- */
header.nav{background:var(--dark);color:#fff}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.back{font-size:13.5px;font-weight:600;color:#cdd7ee;white-space:nowrap}
.back:hover{color:#fff}

/* ---------- Cabeçalho do documento ---------- */
.doc-head{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:54px 0 42px}
.doc-head .wrap{max-width:840px}
.doc-head h1{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em;margin-top:10px}
.updated{margin-top:14px;color:var(--muted);font-size:13.5px}

/* ---------- Conteúdo ---------- */
main{padding:50px 0 74px}
main .wrap{max-width:840px}
.doc h2{font-size:19px;font-weight:800;margin:36px 0 12px}
.doc h2:first-child{margin-top:0}
.doc p{color:#33404f;margin:12px 0;font-size:15.5px}
.doc ul{margin:12px 0 14px 20px}
.doc li{margin:7px 0;color:#33404f;font-size:15.5px}
.doc a{color:var(--blue);font-weight:600}
.doc a:hover{text-decoration:underline}
.doc strong{color:var(--ink);font-weight:700}
.callout{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:10px;padding:16px 18px;margin:22px 0}
.callout p{margin:6px 0}

/* ---------- Responsivo ---------- */
@media (max-width:640px){
  .nav-inner{padding:0 18px;height:60px}
  .doc-head{padding:40px 0 32px}
  main{padding:38px 0 58px}
  .doc h2{font-size:18px;margin:30px 0 10px}
}