/* /privacidade/ only — layout comes from .termos-only (termos-page.css)
   and .cookies-only (cookies-page.css); this file adds the privacy extras. */

body.page-privacidade .site-main {
  background: linear-gradient(180deg, #f5f9ff 0%, #fafcff 420px, #fff 100%);
}

.priv-only .termos-note a {
  color: var(--tm-blue);
  font-weight: 600;
}

.priv-only .termos-card .cookies-checks {
  margin-top: 4px;
}

.priv-only .termos-card .cookies-checks li {
  line-height: 1.55;
}

.priv-only .termos-card .cookies-checks strong {
  color: #111827;
}

.priv-only .termos-card .cookies-checks a {
  color: var(--tm-blue);
}

/* sidebar hero */

.priv-hero-card {
  position: relative;
  min-height: 300px;
  padding: 30px 24px 26px;
  border: 1px solid var(--tm-line);
  border-radius: 16px;
  background:
    radial-gradient(260px 240px at 86% 40%, #d6e6fb 0%, rgba(214, 230, 251, 0) 75%),
    linear-gradient(135deg, #f4f8ff 0%, #e8f1fd 100%);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.priv-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 58%;
}

.priv-only .priv-hero-card h2 {
  margin: 0 0 12px;
  font-size: 1.75rem;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--tm-navy);
}

.priv-only .priv-hero-card p {
  margin: 0 0 14px;
  font-size: 0.95rem;
  line-height: 1.45;
  color: #374151;
}

.priv-only .priv-hero-checks {
  margin: 0;
}

.priv-only .priv-hero-checks li {
  gap: 12px;
  padding: 4px 0;
  font-size: 0.95rem;
  white-space: nowrap;
}

.priv-only .priv-hero-checks svg {
  color: #22a55b;
}

.priv-hero-art {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 24px;
  width: 46%;
  overflow: hidden;
  pointer-events: none;
}

.priv-only .priv-hero-art img {
  position: absolute;
  left: 50%;
  top: 44%;
  width: 240%;
  max-width: none;
  height: auto;
  margin: 0;
  transform: translate(-50%, -50%);
  mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(30% 42% at 50% 50%, #000 62%, rgba(0, 0, 0, 0) 100%);
  mask-image: radial-gradient(30% 42% at 50% 50%, #000 62%, rgba(0, 0, 0, 0) 100%);
}

.priv-hero-note {
  position: absolute;
  right: 20px;
  bottom: 18px;
  max-width: 10rem;
  font-family: Georgia, "Palatino Linotype", Palatino, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 0.86rem;
  line-height: 1.3;
  text-align: right;
  color: #1d4ed8;
  transform: rotate(-6deg);
  pointer-events: none;
}

.priv-hero-note::after {
  content: "";
  display: block;
  margin: 4px 0 0 auto;
  width: 70%;
  height: 6px;
  border-radius: 0 0 60% 60%;
  border-bottom: 3px solid #f7c948;
}

/* responsive */

@media (max-width: 1300px) {
  .priv-hero-copy {
    max-width: 64%;
  }

  .priv-hero-art {
    width: 38%;
  }

  .priv-only .priv-hero-checks li {
    white-space: normal;
  }

  .priv-hero-note {
    display: none;
  }
}

@media (max-width: 1100px) {
  .priv-only .priv-hero-card h2 {
    font-size: 1.4rem;
  }
}

@media (max-width: 900px) {
  .priv-hero-note {
    display: block;
  }
}

@media (max-width: 600px) {
  .priv-hero-art {
    width: 40%;
  }

  .priv-hero-note {
    display: none;
  }
}

/* dark */

html[data-theme="dark"] body.page-privacidade .site-main {
  background: #0f1420;
}

html[data-theme="dark"] .priv-hero-card {
  background: linear-gradient(135deg, #16203a 0%, #131a2b 100%);
}

html[data-theme="dark"] .priv-only .priv-hero-card p,
html[data-theme="dark"] .priv-only .priv-hero-checks li {
  color: #a8b6cc;
}

html[data-theme="dark"] .priv-only .termos-card .cookies-checks strong {
  color: #e5e7eb;
}

html[data-theme="dark"] .priv-only .priv-hero-art img {
  mix-blend-mode: normal;
  opacity: 0.95;
}

html[data-theme="dark"] .priv-hero-note {
  color: #93c5fd;
}