/* ============================================================
   Estilos das páginas legais (política de privacidade e termos).
   Mesmos tokens do index.html: vermelho, preto e branco chapados,
   Montserrat em peso leve. Layout de leitura em coluna única.
   ============================================================ */
:root{
  --red:#A41A1F;--red-deep:#7E1418;--black:#121110;--ink:#1F1D1B;
  --body:#4A4643;--muted:#67635E;--bone:#F5F2EC;--bone-2:#EBE6DC;
  --white:#FFFFFF;--line:#DDD7CC;--dim:#A8A29B;
  --gutter:clamp(1.25rem,5vw,2.5rem);
  --sans:"Montserrat","Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.25,.46,.45,.94);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--white);color:var(--body);font:400 1rem/1.75 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--red);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
ul,ol{padding-left:1.3rem}
img{display:block;max-width:100%;height:auto}

/* ---- topo preto, igual ao do site ---- */
.hdr{background:var(--black);position:sticky;top:0;z-index:10}
.hdr .in{max-width:860px;margin-inline:auto;padding:0 var(--gutter);height:72px;display:flex;align-items:center;gap:1rem}
.hdr .logo{height:26px;width:auto}
.hdr .back{
  margin-left:auto;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;color:var(--dim);transition:color .2s var(--ease);
}
.hdr .back:hover{color:var(--bone)}

main{max-width:860px;margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) var(--gutter) 5rem}
h1{font-size:clamp(1.9rem,1.35rem + 2.2vw,2.85rem);font-weight:500;color:var(--ink);letter-spacing:-.022em;line-height:1.1;text-wrap:pretty}
.upd{
  margin-top:1.1rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red);
}
.intro{margin-top:1.9rem;font-size:1.1rem;line-height:1.65;color:var(--muted);max-width:60ch}

h2{
  font-size:clamp(1.12rem,1rem + .55vw,1.35rem);font-weight:600;color:var(--ink);
  letter-spacing:-.012em;line-height:1.3;margin:3rem 0 1rem;padding-top:1.9rem;
  border-top:1px solid var(--line);
}
h2:first-of-type{border-top:0;padding-top:0;margin-top:2.6rem}
h3{font-size:1rem;font-weight:600;color:var(--ink);margin:1.7rem 0 .5rem}
p{margin-bottom:1.05rem}
li{margin-bottom:.55rem}
strong{color:var(--ink);font-weight:600}

/* ---- caixas: fundo quente e uma barra vermelha à esquerda ---- */
.box{background:var(--bone);border-left:3px solid var(--line);border-radius:0 12px 12px 0;padding:1.5rem 1.6rem;margin:1.6rem 0}
.box p:last-child,.box ul:last-child,.box address:last-child{margin-bottom:0}
.box.alert{background:var(--bone);border-left-color:var(--red)}
address{font-style:normal;line-height:1.9}
address .rz{font-weight:600;color:var(--ink);display:block;letter-spacing:.01em}

table{width:100%;border-collapse:collapse;margin:1.4rem 0;font-size:.92rem}
th,td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
th{
  font-weight:600;color:var(--ink);background:var(--bone);
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
}
.tw{overflow-x:auto}

kbd{font:600 .9em/1 var(--sans);background:#FBEDED;color:var(--red);border-radius:4px;padding:.16em .42em;white-space:nowrap}

/* ---- rodapé preto ---- */
.ftr{background:var(--black);color:var(--dim);font-size:.88rem}
.ftr .in{max-width:860px;margin-inline:auto;padding:2.75rem var(--gutter)}
.ftr .rz{font-weight:600;color:var(--bone);display:block}
.ftr a{color:var(--dim);text-decoration:underline;text-underline-offset:3px}
.ftr a:hover{color:var(--bone)}
.ftr nav{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem}
.ftr nav a{
  font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;padding-block:.2rem;
}