/* Páginas internas do site (termos, privacidade, callback, 404): o mesmo papel e a mesma tipografia da home. */
@font-face{font-family:"Bricolage";font-weight:600;font-display:swap;src:url("assets/fontes/bricolage-grotesque-600.ttf") format("truetype")}
@font-face{font-family:"Bricolage";font-weight:800;font-display:swap;src:url("assets/fontes/bricolage-grotesque-800.ttf") format("truetype")}
:root{--papel:#F4EBDD;--tinta:#15151A;--laranja:#FF8A1F;--laranja-escuro:#E2700A;--jeans:#3E6BA8;--carimbo:#D7261E;--branco:#FFFDF8;--suave:#5E584F;
  --titulo:"Bricolage","Arial Black","Segoe UI",system-ui,sans-serif;--texto:"Bricolage","Segoe UI",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--papel);color:var(--tinta)}
body{font-family:var(--texto);font-weight:600;line-height:1.55;-webkit-font-smoothing:antialiased;padding-inline:16px}
a{color:var(--jeans)}
:focus-visible{outline:3px solid var(--jeans);outline-offset:3px;border-radius:6px}
.topo{max-width:860px;margin:0 auto;padding-block:calc(env(safe-area-inset-top,0px) + 18px) 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font:800 22px var(--titulo)}
.marca img{width:34px;height:34px}
.marca .nome span{color:var(--laranja-escuro)}
.topo nav{display:flex;gap:16px;font:800 15px var(--titulo)}
.topo nav a{color:var(--tinta)}
.folha{position:relative;max-width:860px;margin:18px auto 40px;background:var(--branco);padding:clamp(22px,5vw,56px);box-shadow:0 18px 40px rgba(21,21,26,.12);transform:rotate(-.3deg)}
.folha h1{font:800 clamp(32px,5vw,54px)/1 var(--titulo);letter-spacing:-.02em;margin-bottom:8px;text-wrap:balance}
.folha h2{font:800 clamp(19px,2.2vw,24px)/1.2 var(--titulo);margin:30px 0 8px}
.folha p,.folha li{max-width:66ch;margin-bottom:10px;color:#2c2a26}
.folha ul{padding-left:22px}
.data{display:inline-block;font:800 13px var(--titulo);color:var(--carimbo);border:3px solid var(--carimbo);border-radius:6px;padding:5px 9px 4px;transform:rotate(-2deg);margin-bottom:20px;text-transform:uppercase;letter-spacing:.03em}
.nota{background:#FFF8D6;padding:14px 16px;margin:14px 0;transform:rotate(.4deg);box-shadow:0 6px 14px rgba(21,21,26,.1)}
.email{user-select:all;font-weight:800}
.rodape{max-width:860px;margin:0 auto;padding-block:0 calc(env(safe-area-inset-bottom,0px) + 36px);font-size:13.5px;color:var(--suave);display:flex;flex-wrap:wrap;gap:6px 16px}
.rodape a{color:var(--tinta)}
/* callback e 404 */
.simples{text-align:center;display:grid;justify-items:center;gap:14px}
.simples img{width:min(240px,60vw);height:auto}
.codigo{width:100%;max-width:560px;background:var(--tinta);color:var(--branco);border-radius:10px;padding:16px;font:15px/1.5 ui-monospace,Consolas,monospace;word-break:break-all;user-select:all;text-align:left}
.botao{display:inline-block;font:800 15px/1 var(--titulo);border:2.5px solid var(--tinta);background:var(--laranja);color:var(--tinta);padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:3px 3px 0 var(--tinta);cursor:pointer}