/* =====================================================================
   Política de Privacidade — identidade das landings do Desafio
   Inter self-hospedada, navy #001731 / azul #024284, fundo claro.
   Página de texto longo: a régua de leitura manda (~68 caracteres/linha).
   ===================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/inter.woff2') format('woff2')}

:root{
  --navy:#001731;
  --blue:#024284;
  --bg:#fdfdfd;
  --ink:#212121;
  --ink-2:#4c4c4c;
  --muted:#6c6c6c;
  --line:#e3eaf3;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
.container{max-width:820px;margin:0 auto;padding:0 24px}

/* ---------- Topo ---------- */
.topbar{background:var(--navy)}
/* só a logo no topo: a página é compartilhada entre produtos (Desafio, IFHFLIX…),
   então não pode ter link de volta para um deles */
.topbar__inner{display:flex;align-items:center;padding:16px 24px;max-width:1200px;margin:0 auto}
/* a arte da logo é branca, feita pro rodapé escuro. No topo claro, um
   fundo navy no próprio cabeçalho resolve sem filtro (invert sujava a cor) */
.topbar__logo{width:150px}

/* ---------- Cabeçalho ---------- */
.head{background:linear-gradient(180deg,#fdfdfd 0%,#eef4fb 100%);border-bottom:1px solid var(--line);padding:56px 0 44px}
.head h1{font-weight:600;font-size:clamp(28px,5vw,40px);line-height:1.18;letter-spacing:-.01em;color:var(--navy)}
.head p{margin-top:14px;font-size:15px;line-height:1.6;color:var(--muted)}

/* ---------- Corpo ---------- */
.doc{padding:44px 0 64px}
/* 17px/1.75 numa coluna de 820px dá ~68 caracteres por linha, que é a faixa
   confortável para texto jurídico corrido */
.doc p{font-size:17px;line-height:1.75;color:var(--ink-2);margin-bottom:16px}
.doc h2{margin:40px 0 14px;font-weight:700;font-size:clamp(19px,3.4vw,23px);line-height:1.3;color:var(--navy);scroll-margin-top:20px}
.doc h2:first-of-type{margin-top:8px}
.doc ul{margin:0 0 18px 22px}
.doc li{font-size:17px;line-height:1.7;color:var(--ink-2);margin-bottom:9px}
.doc a{color:var(--blue)}

/* ---------- Rodapé (mesmo das landings) ---------- */
.footer{background:#010a18;border-top:1px solid rgba(255,255,255,.15);padding:40px 0}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}
.footer__logo{width:150px;opacity:.92}
.footer__addr{text-align:right;font-size:12.5px;line-height:1.7;color:#8ea0ba}

@media (max-width:767px){
  .topbar__inner{padding:14px 16px}
  .topbar__logo{width:140px}
  .container{padding:0 18px}
  .head{padding:36px 0 30px}
  .doc{padding:32px 0 48px}
  .doc p,.doc li{font-size:16px}
  .footer__inner{flex-direction:column;text-align:center}
  .footer__addr{text-align:center}
}