/* Política de privacidade — modelo Info4RT (vindo da Hangar Marcas, 22/10/2026; regra de 24/10/2026).
   Cores e fontes em variáveis: trocar só o bloco :root/.i4-pol pelo da marca. Tudo sob .i4-pol, nada vaza. */
.i4-pol { --pol-acento:#F59E0B; --pol-texto:#E5E7EB; --pol-forte:#F3F4F6; --pol-suave:#D1D5DB; --pol-titulo:"Poppins",sans-serif; --pol-corpo:"Roboto",sans-serif;
  --pol-cartao:linear-gradient(160deg,rgba(30,58,138,.35),rgba(31,41,55,.2)); --pol-vidro:rgba(243,244,246,.05); --pol-linha:rgba(243,244,246,.08); --pol-topo:89px; }
.i4-pol { color: var(--pol-texto); font: 400 17px/1.7 var(--pol-corpo); }
.i4-pol a { color: var(--pol-acento); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.i4-pol a:hover { text-decoration-thickness: 2px; }
.i4-pol__topo { padding: clamp(40px, 6vw, 88px) 0 clamp(28px, 4vw, 48px); border-bottom: 1px solid color-mix(in srgb, var(--pol-acento) 35%, transparent); margin-bottom: 40px; }
.i4-pol__selo { display: inline-block; margin: 0 0 18px; padding: 8px 14px; border: 1px solid color-mix(in srgb, var(--pol-acento) 60%, transparent); border-radius: 999px; color: var(--pol-acento); font: 600 14px/1 var(--pol-titulo); letter-spacing: 0.08em; text-transform: uppercase; }
.i4-pol h1 { margin: 0 0 16px; color: var(--pol-forte) !important; font: 700 clamp(36px, 5vw, 60px)/1.08 var(--pol-titulo) !important; letter-spacing: -0.02em; text-wrap: balance; }
.i4-pol__lead { max-width: 720px; margin: 0 0 24px; color: var(--pol-suave); font-size: clamp(17px, 1.6vw, 20px); text-wrap: pretty; }
.i4-pol__meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.i4-pol__meta li { padding: 8px 14px; border-radius: 8px; background: color-mix(in srgb, var(--pol-forte) 6%, transparent); color: var(--pol-suave); font-size: 14px; line-height: 1.3; }
.i4-pol__resumo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 56px; }
.i4-pol__cartao { padding: 24px; border: 1px solid color-mix(in srgb, var(--pol-acento) 45%, transparent); border-radius: 14px; background: var(--pol-cartao); }
.i4-pol__cartao p { margin: 0; font-size: 16px; line-height: 1.6; }
.i4-pol__cartao-t { margin-bottom: 8px !important; color: var(--pol-acento); font: 600 18px/1.3 var(--pol-titulo) !important; }
.i4-pol__grade { display: grid; grid-template-columns: 260px 1fr; gap: clamp(32px, 5vw, 72px); align-items: start; padding-bottom: 80px; }
.i4-pol__sumario { position: sticky; top: calc(var(--pol-topo) + 24px); padding: 20px 0 20px 20px; border-left: 2px solid color-mix(in srgb, var(--pol-acento) 35%, transparent); }
.i4-pol__sumario-t { margin: 0 0 12px; color: var(--pol-acento); font: 600 14px/1 var(--pol-titulo); letter-spacing: 0.12em; text-transform: uppercase; }
.i4-pol__sumario ol { margin: 0; padding: 0; list-style: none; counter-reset: sum; }
.i4-pol__sumario li { counter-increment: sum; }
.i4-pol__sumario a { display: flex; gap: 10px; padding: 7px 0; color: var(--pol-suave); font-size: 15px; line-height: 1.35; text-decoration: none; transition: color 0.2s; }
.i4-pol__sumario a::before { content: counter(sum, decimal-leading-zero); color: color-mix(in srgb, var(--pol-forte) 45%, transparent); font-variant-numeric: tabular-nums; }
.i4-pol__sumario a:hover, .i4-pol__sumario a.ativo { color: var(--pol-acento); }
.i4-pol__sumario a.ativo::before { color: var(--pol-acento); }
.i4-pol__texto section { scroll-margin-top: calc(var(--pol-topo) + 24px); padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid color-mix(in srgb, var(--pol-forte) 8%, transparent); }
.i4-pol__texto section:last-child { border-bottom: 0; margin-bottom: 0; }
.i4-pol h2 { display: flex; align-items: baseline; gap: 14px; margin: 0 0 18px; color: var(--pol-forte) !important; font: 600 clamp(24px, 2.4vw, 30px)/1.25 var(--pol-titulo) !important; }
.i4-pol__n { color: var(--pol-acento); font-size: 0.6em; font-variant-numeric: tabular-nums; }
.i4-pol h3 { margin: 0 0 10px; color: var(--pol-acento) !important; font: 600 17px/1.3 var(--pol-titulo) !important; }
.i4-pol p { margin: 0 0 14px; text-wrap: pretty; }
.i4-pol strong { color: var(--pol-forte); }
.i4-pol__tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.i4-pol__bloco { padding: 20px; border-radius: 12px; background: color-mix(in srgb, var(--pol-forte) 5%, transparent); border: 1px solid color-mix(in srgb, var(--pol-forte) 8%, transparent); }
.i4-pol__bloco ul, .i4-pol__lista { margin: 0 0 14px; padding: 0; list-style: none; }
.i4-pol__bloco li, .i4-pol__lista li { position: relative; padding: 4px 0 4px 22px; }
.i4-pol__bloco li::before, .i4-pol__lista li::before { content: ""; position: absolute; left: 0; top: 0.85em; width: 8px; height: 8px; border-radius: 2px; background: var(--pol-acento); transform: rotate(45deg); }
.i4-pol__bloco li { font-size: 16px; }
.i4-pol__bases { display: grid; gap: 10px; margin: 0 0 14px; padding: 0; list-style: none; }
.i4-pol__bases li { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: baseline; padding: 14px 18px; border-radius: 10px; background: color-mix(in srgb, var(--pol-forte) 5%, transparent); }
.i4-pol__bases span { color: var(--pol-acento); font: 600 15px/1.3 var(--pol-titulo); }
.i4-pol__direitos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 18px; padding: 0; list-style: none; }
.i4-pol__direitos li { padding: 16px 18px; border-radius: 10px; border: 1px solid color-mix(in srgb, var(--pol-acento) 30%, transparent); font-size: 15px; line-height: 1.5; color: var(--pol-suave); }
.i4-pol__direitos strong { display: block; margin-bottom: 4px; color: var(--pol-forte); font: 600 16px/1.3 var(--pol-titulo); }
.i4-pol__contato { margin: 0 0 18px; padding: 24px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--pol-acento) 60%, transparent); background: color-mix(in srgb, var(--pol-acento) 6%, transparent); }
.i4-pol__contato p { margin: 0 0 6px; }
.i4-pol__contato-t { color: var(--pol-acento); font: 600 17px/1.3 var(--pol-titulo); margin-bottom: 10px !important; }
@media (max-width: 1024px) {
  .i4-pol { padding-inline: 20px; }
  .i4-pol__grade { grid-template-columns: 1fr; }
  .i4-pol__sumario { position: static; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--pol-acento) 35%, transparent); border-radius: 12px; }
  .i4-pol__sumario ol { columns: 2; column-gap: 24px; }
  .i4-pol__resumo, .i4-pol__tres { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .i4-pol { font-size: 16px; }
  .i4-pol__sumario ol { columns: 1; }
  .i4-pol__bases li { grid-template-columns: 1fr; gap: 4px; }
  .i4-pol__direitos { grid-template-columns: 1fr; }
}

/* fundo claro: trocar as variáveis, não as regras */
.i4-pol.i4-pol--claro { --pol-texto:#2B2B2B; --pol-forte:#111; --pol-suave:#444; --pol-cartao:color-mix(in srgb,var(--pol-acento) 8%,#fff); }
@media (prefers-reduced-motion: reduce) { .i4-pol * { transition: none !important; } }
