/* Páginas legais — mesmo mundo visual do index: aresta reta, linha de rejunte, Montserrat + Open Sans */
:root{
  --carvao:#16242D; --carvao-2:#1E313C; --marfim:#FFFDF5; --areia:#EBEFEF;
  --terracota:#04414C; --terracota-claro:#0A5F6E;
  --texto:#16242D; --texto-fraco:#5A6A70; --rejunte:#D2DCDE;
  --f:'Open Sans',system-ui,sans-serif; --e:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--f);
  background:var(--marfim);color:var(--texto);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--terracota);color:#fff}
:focus-visible{outline:2px solid var(--terracota);outline-offset:3px}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}
.d{letter-spacing:-.032em;line-height:1.04;text-wrap:balance}
svg{display:block;flex:none}

nav{position:sticky;top:0;z-index:20;background:rgba(246,242,237,.9);
  backdrop-filter:blur(14px);box-shadow:inset 0 -1px 0 var(--rejunte)}
nav .wrap{max-width:1200px;display:flex;align-items:center;justify-content:space-between;
  height:70px;gap:24px}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;
  font-size:18px;letter-spacing:-.03em;white-space:nowrap}
.marca i{width:25px;height:25px;background:var(--terracota);display:grid;
  grid-template:1fr 1fr/1fr 1fr;gap:2.5px;padding:3.5px;flex:none}
.marca i b{background:var(--marfim)}
.voltar{font-size:15px;color:var(--texto-fraco);text-decoration:none;
  display:flex;align-items:center;gap:8px;}
.voltar:hover{color:var(--terracota)}

header.topo{padding:72px 0 44px;box-shadow:inset 0 -1px 0 var(--rejunte)}
header.topo h1{font-size:clamp(34px,5.4vw,54px)}
header.topo .data{margin-top:20px;font-size:14.5px;color:var(--texto-fraco)}
header.topo .lede{margin-top:22px;font-size:19px;color:var(--texto-fraco);max-width:62ch}

main{padding:8px 0 80px}
section.bloco{padding:40px 0;box-shadow:inset 0 1px 0 var(--rejunte)}
section.bloco:first-of-type{box-shadow:none}
h2{font-size:clamp(23px,2.8vw,29px);margin-bottom:16px;
  letter-spacing:-.028em;line-height:1.14}
h3{font-size:18px;margin:26px 0 10px;
  letter-spacing:-.018em}
p{margin-bottom:16px;max-width:70ch;color:var(--texto-fraco)}
p strong,li strong{color:var(--texto);}
ul{list-style:none;margin:0 0 18px;max-width:70ch}
li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;color:var(--texto-fraco);
  box-shadow:inset 0 1px 0 var(--rejunte)}
li svg{color:var(--terracota);margin-top:6px}
a.link{color:var(--terracota);text-underline-offset:3px}

/* o que não pode passar batido: consentimento de SMS e limite de orçamento */
.destaque{background:var(--areia);padding:26px 28px;margin:6px 0 20px;
  box-shadow:inset 3px 0 0 var(--terracota)}
.destaque p:last-child{margin-bottom:0}
.pendente{background:#FDF0E7;color:var(--terracota);padding:2px 7px;
  font-size:.92em;white-space:nowrap}

footer{background:var(--carvao);color:#8B9AA0;padding:48px 0;font-size:14.5px}
footer .wrap{max-width:1200px}
footer .marca{color:#fff;margin-bottom:16px}
footer .marca i b{background:var(--carvao)}
.f-links{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:26px}
.f-links a{text-decoration:none;color:#8B9AA0}
.f-links a:hover{color:var(--terracota-claro)}
.f-base{box-shadow:inset 0 1px 0 rgba(255,255,255,.1);padding-top:24px;font-size:13px}

@media(max-width:760px){
  .wrap{padding:0 20px}
  nav .wrap{height:60px}
  .marca{font-size:16px}
  .voltar span{display:none}
  header.topo{padding:44px 0 32px}
  header.topo .lede{font-size:17px}
  section.bloco{padding:30px 0}
  main{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
