/* ============================================================
   Estilo das páginas internas (legais, contato, entrega).
   Usa os mesmos tokens da página de vendas.
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ink:#0f1720;--ink-2:#26313d;--muted:#5b6b7c;--line:#e3e9f0;
  --blue:#2563c9;--blue-dark:#1b47a0;--wash:#eef4fc;
  --cta:#ff6a1f;--cta-dark:#e8560c;
  --green:#12a06b;--green-wash:#e8f7f1;
  --red:#d8412f;--red-wash:#fdeceb;
  --bg:#fff;--soft:#f4f7fb;
  --shadow:0 4px 24px rgba(15,23,32,.08);
  --shadow-lg:0 18px 50px rgba(15,23,32,.14);
  --wrap:780px;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:var(--soft);line-height:1.68;font-size:16px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(1.7rem,4.5vw,2.4rem)}
h2{font-size:clamp(1.15rem,2.8vw,1.4rem);margin-top:2.2em}
h3{font-size:1.02rem;margin-top:1.6em}
p,li{color:var(--ink-2)}
p{margin:0 0 1em}
ul,ol{padding-left:1.25em;margin:0 0 1.1em}
li{margin-bottom:.45em}
a{color:var(--blue)}
strong{font-weight:700;color:var(--ink)}

header.topo{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.topo__in{max-width:var(--wrap);margin:0 auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:1rem;text-decoration:none;color:var(--ink)}
.logo__mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--blue),#1b47a0);display:grid;place-items:center;color:#fff;font-size:1rem;flex:none}
.logo small{display:block;font-size:.56rem;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.voltar{font-size:.85rem;font-weight:700;text-decoration:none;color:var(--blue);white-space:nowrap}

main{max-width:var(--wrap);margin:0 auto;padding:clamp(28px,5vw,52px) 22px 64px}
.folha{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(26px,5vw,48px);box-shadow:var(--shadow)}
.selo{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);background:var(--wash);padding:7px 15px;border-radius:99px;margin-bottom:16px}
.atualizado{font-size:.85rem;color:var(--muted);margin:-.4em 0 2em}

.nota{border-radius:12px;padding:16px 20px;margin:22px 0;font-size:.93rem;border:1px solid var(--line);background:#fbfcfe}
.nota--azul{background:var(--wash);border-color:#cfe0f5}
.nota--verde{background:var(--green-wash);border-color:#c2e9da}
.nota--vermelha{background:var(--red-wash);border-color:#f3cdc8}
.nota b{display:block;margin-bottom:5px;color:var(--ink)}
.nota p:last-child{margin:0}

.preencher{background:#fff4d6;border-bottom:1.5px solid #e0b64a;padding:0 4px;border-radius:3px;font-weight:600;color:#7a5a12}

table{width:100%;border-collapse:collapse;font-size:.93rem;margin:1em 0}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--wash);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--blue-dark)}
tr:last-child td{border-bottom:0}

footer.rodape{background:var(--ink);color:#9aa8b6;padding:36px 0;font-size:.85rem}
.rodape__in{max-width:var(--wrap);margin:0 auto;padding:0 22px;display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:space-between;align-items:center}
.rodape a{color:#c8d3de;text-decoration:none}
.rodape a:hover{text-decoration:underline}
.rodape__links{display:flex;flex-wrap:wrap;gap:8px 18px}

@media (max-width:620px){
  .topo__in{padding:11px 16px}
  main{padding-left:16px;padding-right:16px}
  .rodape__in{flex-direction:column;align-items:flex-start}
}
