/* Estilo compartilhado das paginas legais — mesma paleta e tipografia do
   site, sem repetir o CSS inteiro do index.html. */
:root{
  --terracota:#7D3022; --terracota-claro:#9A4433; --ouro:#C9A84C;
  --creme:#F5F0E8; --branco-ambar:#FFFCF5; --carvao:#1A1A1A;
  --texto:#1A1A1A; --texto-suave:#1A1A1Ab3; --borda:#1A1A1A1a;
  --display:'Cormorant Garamond',Georgia,serif;
  --corpo:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--creme); color:var(--texto);
  font-family:var(--corpo); font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.env{max-width:760px; margin:0 auto; padding:0 24px}
header{position:sticky; top:0; z-index:40; background:#F5F0E8f2; backdrop-filter:blur(10px); border-bottom:1px solid var(--borda)}
.barra{display:flex; align-items:center; justify-content:space-between; height:68px; max-width:760px; margin:0 auto; padding:0 24px}
.marca{display:flex; align-items:center; gap:11px; text-decoration:none; color:inherit}
.marca img{width:32px; height:32px}
.marca span{font-family:var(--display); font-size:22px; letter-spacing:.17em}
.voltar{font-size:14px; color:var(--terracota); text-decoration:none; min-height:44px; display:flex; align-items:center}
.nav-direita{display:flex; align-items:center; gap:16px}
#idioma-legal{
  appearance:none; -webkit-appearance:none; min-height:36px; padding:0 24px 0 10px;
  border-radius:8px; border:1px solid #1A1A1A26; background:transparent;
  font-family:var(--corpo); font-size:14px; color:var(--texto-suave); cursor:pointer;
}
/* devanagari e cjk nao combinam com as serifadas latinas */
html[lang^="hi"] h1,html[lang^="hi"] h2{font-family:'Noto Sans Devanagari','Nirmala UI',var(--corpo); font-weight:400}
html[lang^="zh"] h1,html[lang^="zh"] h2{font-family:'PingFang SC','Microsoft YaHei',var(--corpo); font-weight:400}
main{padding:56px 0 90px}
h1{font-family:var(--display); font-weight:400; font-size:clamp(32px,5vw,46px); margin:0 0 8px; line-height:1.15}
.atualizado{font-size:14px; color:var(--texto-suave); margin:0 0 44px}
h2{font-family:var(--display); font-weight:500; font-size:24px; color:var(--terracota); margin:40px 0 14px}
p{margin:0 0 16px}
ul{margin:0 0 16px; padding-left:22px}
li{margin-bottom:8px}
a{color:var(--terracota)}
.aviso{
  background:var(--branco-ambar); border:1px solid #C9A84C55; border-left:4px solid var(--ouro);
  border-radius:8px; padding:16px 20px; margin:0 0 36px; font-size:15px;
}
.marcador{
  background:#fff3cd; border:1px dashed #C17D2A; border-radius:6px;
  padding:1px 7px; font-weight:600; color:#7a4d0f;
}
footer{border-top:1px solid var(--borda); padding:32px 0; font-size:14px; color:var(--texto-suave)}
.rodape{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; max-width:760px; margin:0 auto; padding:0 24px}
.rodape a{color:var(--terracota); text-decoration:none}