/* ==========================================================================
   Segurança e privacidade: componentes próprios da página.
   Usa os tokens e as classes de site.css; aqui só o que é desta página.
   ========================================================================== */

/* lista do cofre em seção branca: cartões em off-white */
.seg__lista.seg-pg__lista li{background:var(--off)}

/* faixa escura "o robô não adivinha" */
.seg-pg__duvida .bloco__c .lead{max-width:none}
.destaque.seg-pg__destaque{margin-top:26px;color:var(--grafite)}
.seg-pg__destaque strong{display:block;font:700 19px/1.2 var(--display);margin-bottom:6px;color:var(--grafite)}
.seg-pg__destaque p{margin:0;font-size:16.5px;color:#3a3d45}

/* canal de privacidade */
.seg-pg__canal{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:start;margin-top:28px;background:var(--off);border-radius:16px;padding:20px 22px}
.seg-pg__canal strong{display:block;font:700 19px/1.2 var(--display);margin-bottom:4px}
.seg-pg__canal span{display:block;font-size:16px;color:#3a3d45;margin-bottom:12px}
.seg-pg__canal .lnk{overflow-wrap:anywhere}

/* boas práticas */
.seg-pg__boas{background:var(--papel);border-radius:18px;padding:28px 28px 30px}
.seg-pg__boas h3{font:700 22px/1.2 var(--display);letter-spacing:-.015em;margin:0 0 16px}

@media (max-width:860px){
  .seg-pg__boas{padding:22px 20px 24px}
  .seg-pg__canal{padding:18px}
}