/* ==========================================================================
   QUARTA CWB — Páginas institucionais (Política / Segurança)
   ========================================================================== */
:root {
  --orange:    #FF5A00;
  --d1:        #0D0D0D;
  --d2:        #121212;
  --d3:        #1A1A1A;
  --text:      #FFFFFF;
  --muted:     #D9D9D9;
  --dim:       #8A8A8A;
  --stroke:    rgba(255,255,255,.08);
  --font-title:'Staatliches','Arial Narrow',Arial,sans-serif;
  --font-body: 'Roboto',system-ui,sans-serif;
  --maxw:      760px;
  --gutter:    clamp(20px,5vw,48px);
}
*,*::before,*::after { box-sizing: border-box; }
* { margin: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  background: var(--d1);
  color: var(--text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: var(--orange); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ── Header ───────────────────────────────────────────────────────────────── */
.policy-header {
  position: sticky; top: 0; z-index: 10;
  background: rgba(13,13,13,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--stroke);
  padding: 14px var(--gutter);
  display: flex; align-items: center; gap: 20px;
}
.policy-header .back {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--dim); font-size: .88rem; font-family: var(--font-body);
  transition: color .2s;
}
.policy-header .back:hover { color: var(--text); text-decoration: none; }
.policy-header .back i { font-size: .8rem; }
.policy-header .site-name {
  font-family: var(--font-title); font-size: 1.3rem; letter-spacing: .04em;
  color: var(--text);
}

/* ── Content ──────────────────────────────────────────────────────────────── */
.policy-wrap {
  max-width: var(--maxw);
  margin-inline: auto;
  padding: 60px var(--gutter) 100px;
}

.policy-badge {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .72rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--orange); margin-bottom: 16px; font-family: var(--font-body); font-weight: 500;
}
.policy-badge::before {
  content: ''; display: block; width: 24px; height: 2px; background: var(--orange);
}

.policy-title {
  font-family: var(--font-title);
  font-size: clamp(2.2rem, 6vw, 3.2rem);
  line-height: 1; text-transform: uppercase;
  margin-bottom: 10px;
}

.policy-date {
  color: var(--dim); font-size: .88rem; margin-bottom: 48px;
  padding-bottom: 28px; border-bottom: 1px solid var(--stroke);
}

/* Sections */
.policy-section { margin-bottom: 44px; }

.policy-section h2 {
  font-family: var(--font-title);
  font-size: clamp(1.3rem, 3vw, 1.7rem);
  text-transform: uppercase; letter-spacing: .02em;
  color: var(--orange); margin-bottom: 16px; line-height: 1.1;
}

.policy-section h3 {
  font-family: var(--font-title);
  font-size: 1.1rem; text-transform: uppercase; letter-spacing: .04em;
  color: var(--muted); margin: 22px 0 10px;
}

.policy-section p {
  color: var(--muted); margin-bottom: 14px; font-size: .97rem;
}

.policy-section ul {
  list-style: none; padding: 0; margin: 0 0 14px;
}
.policy-section ul li {
  color: var(--muted); font-size: .97rem;
  padding: 7px 0 7px 20px; position: relative;
  border-bottom: 1px solid var(--stroke);
}
.policy-section ul li:last-child { border-bottom: 0; }
.policy-section ul li::before {
  content: ''; position: absolute; left: 0; top: 50%;
  transform: translateY(-50%);
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--orange);
}

.policy-contact {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--d3); border: 1px solid var(--stroke);
  border-radius: 8px; padding: 14px 20px;
  color: var(--orange); font-weight: 500; font-size: .97rem;
  margin: 8px 0;
}
.policy-contact i { font-size: 1rem; }

/* Alert / highlight box */
.policy-alert {
  background: rgba(255,90,0,.08);
  border-left: 3px solid var(--orange);
  border-radius: 0 8px 8px 0;
  padding: 16px 20px; margin: 16px 0 24px;
  color: var(--muted); font-size: .95rem;
}
.policy-alert strong { color: var(--text); display: block; margin-bottom: 4px; }

/* ── Footer ───────────────────────────────────────────────────────────────── */
.policy-footer {
  border-top: 1px solid var(--stroke);
  padding: 24px var(--gutter);
  text-align: center; color: var(--dim); font-size: .82rem;
}
.policy-footer a { color: var(--orange); }