.legal-page{max-width:760px;margin:0 auto;padding:48px 20px 80px;width:100%;box-sizing:border-box}
.legal-card{background:var(--soft);border:1px solid var(--line);padding:36px 32px;box-sizing:border-box}
.legal-card h1{font-family:Georgia,serif;font-size:28px;color:var(--primary);margin:0 0 8px;text-transform:uppercase;letter-spacing:.02em}
.legal-sub{color:var(--muted);font-size:15px;margin:0 0 12px;line-height:1.6}
.legal-updated{font-size:13px;color:var(--muted);margin:0 0 32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.legal-content{font-size:15px;line-height:1.75;color:var(--text)}
.legal-content h2{font-family:Georgia,serif;font-size:18px;color:var(--primary);margin:32px 0 12px;text-transform:uppercase;letter-spacing:.02em}
.legal-content h2:first-child{margin-top:0}
.legal-content p{margin:0 0 16px}
.legal-content ul,.legal-content ol{margin:0 0 16px;padding-left:24px}
.legal-content li{margin-bottom:8px}
.legal-content a{color:var(--primary);font-weight:700;text-decoration:underline}
.legal-content strong{font-weight:700}
.faq-list{display:flex;flex-direction:column;gap:24px}
.faq-item{padding-bottom:24px;border-bottom:1px solid var(--line)}
.faq-item:last-child{padding-bottom:0;border-bottom:0}
.faq-item h2{font-size:17px;margin:0 0 10px;text-transform:none;letter-spacing:0}
.faq-item p{margin:0}
@media(max-width:600px){.legal-card{padding:28px 20px}}

/* ==========================================================================
   REFINAMENTOS — páginas de conteúdo (políticas, entrega, FAQ)
   ========================================================================== */
.legal-page {
  animation: rise-in var(--dur-3) var(--ease-out) both;
}

.legal-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  padding: 44px 40px;
}

.legal-card h1 {
  font-family: inherit;
  font-size: 30px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: -0.02em;
  color: var(--text);
}

.legal-sub {
  font-size: 16px;
}

.legal-content h2 {
  font-family: inherit;
  font-size: 19px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: -0.01em;
  color: var(--text);
  margin-top: 36px;
  padding-left: 12px;
  border-left: 3px solid var(--brand-2);
}

.legal-content a {
  color: var(--primary);
  text-decoration-color: var(--brand-1);
  text-underline-offset: 3px;
}

.legal-content a:hover {
  color: var(--primary-hover);
}

.legal-content li::marker {
  color: var(--brand-1);
}

.faq-list {
  gap: 18px;
}

.faq-item {
  padding: 20px 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  transition: border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
}

.faq-item:hover {
  border-color: var(--brand-1);
  box-shadow: var(--shadow-sm);
}

.faq-item:last-child {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.faq-item h2 {
  font-size: 17px;
  padding-left: 0;
  border-left: 0;
  margin-top: 0;
}

@media (max-width: 600px) {
  .legal-card {
    padding: 28px 20px;
  }

  .legal-card h1 {
    font-size: 25px;
  }
}