/* ALL TYPE · Privacidade e cookies — a document like the Currículo: the topic on the left, the text on the right, a hairline
   between. Loaded after home.css, which brings the header, the footer, the buttons and the tokens. */

.priv { padding: 0 var(--gut) 104px; }
.priv-head { padding: 22px 0 48px; }
.priv-head h1 { font: 600 clamp(56px, 7.4vw, 106px)/.92 var(--serif); letter-spacing: -.01em; text-wrap: balance; }
.priv-lede { max-width: 58ch; margin-top: 28px; font: 500 19px/1.55 var(--sans); }
.priv-date { margin-top: 20px; font: 700 11px/1.7 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--label); }

.priv-sec { --priv-side: clamp(180px, 24vw, 320px); display: grid; grid-template-columns: var(--priv-side) minmax(0, 1fr); gap: 0 clamp(24px, 4vw, 56px); padding: 32px 0 40px; border-top: 1px solid var(--ink); scroll-margin-top: 24px; }
.priv-sec:first-of-type { border-top: 8px solid var(--lime); }
.priv-sec h2 { font: 600 28px/1.15 var(--serif); text-wrap: balance; }
.priv-body > p { max-width: 65ch; font: 500 17px/1.6 var(--sans); }
.priv-body > * + * { margin-top: 14px; }
.priv-body a { text-decoration-color: var(--lime); text-decoration-thickness: 3px; text-underline-offset: .2em; }
.priv-body .cta { cursor: pointer; }

/* the cookies: a plain table that scrolls on its own on a narrow screen, never the page */
.priv-table { overflow-x: auto; }
.priv-table table { width: 100%; min-width: 560px; border-collapse: collapse; font: 500 15px/1.5 var(--sans); }
.priv-table th, .priv-table td { padding: 12px 16px 12px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--soft); }
.priv-table thead th { font: 700 11px/1.7 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--label); border-bottom-color: var(--ink); }
.priv-table tbody th { font-weight: 700; white-space: nowrap; }

@media (max-width: 640px) {
  .priv-head { padding-bottom: 32px; }
  .priv-lede { font-size: 17px; }
  .priv-sec { display: block; padding: 24px 0 32px; }
  .priv-sec h2 { margin-bottom: 14px; }
}

@media print {
  .priv-body .cta { display: none; }
  .priv-table table { min-width: 0; }
}