/* Pagina informativa privacy - eredita le variabili da index.custom.css */

.privacy-hero {
  background: linear-gradient(145deg, var(--ana-navy-950), var(--ana-navy-800));
  color: #ffffff;
  padding: 72px 0 104px;
  border-bottom: 1px solid rgba(208, 168, 48, 0.25);
}

.privacy-hero-logo {
  max-height: 40px;
  margin-bottom: 26px;
}

.privacy-kicker {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ana-gold-500);
}

.privacy-hero h1 {
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 800;
  line-height: 1.18;
  margin: 0.65rem 0 0.85rem;
}

.privacy-hero-sub {
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  max-width: 720px;
  margin: 0;
}

.privacy-back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.88rem;
  font-weight: 500;
  transition: color 0.2s ease;
}

.privacy-back:hover {
  color: var(--ana-gold-400);
}

.privacy-body {
  padding-bottom: 88px;
}

.privacy-card {
  background: var(--ana-white);
  border-radius: var(--ana-radius-lg);
  box-shadow: var(--ana-shadow-soft);
  padding: clamp(26px, 4vw, 58px);
  margin-top: -56px;
}

.privacy-card h2 {
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ana-navy-900);
  margin: 2.6rem 0 1rem;
  padding-bottom: 0.55rem;
  border-bottom: 2px solid rgba(208, 168, 48, 0.35);
}

.privacy-card h2:first-child {
  margin-top: 0;
}

.privacy-card h3 {
  font-size: 0.96rem;
  font-weight: 700;
  color: var(--ana-text-900);
  margin: 1.7rem 0 0.6rem;
}

.privacy-card p,
.privacy-card li {
  font-size: 0.94rem;
  color: var(--ana-text-700);
}

.privacy-card p {
  text-align: justify;
  margin-bottom: 1rem;
}

.privacy-card ul,
.privacy-card ol {
  padding-left: 1.4rem;
  margin-bottom: 1.1rem;
}

.privacy-card li {
  margin-bottom: 0.5rem;
}

.privacy-card li::marker {
  color: var(--ana-gold-500);
  font-weight: 700;
}

.privacy-card ol > li {
  padding-left: 0.2rem;
}

.privacy-card ol ul {
  margin-top: 0.55rem;
}

.privacy-card a {
  color: #017cbf;
  font-weight: 500;
  border-bottom: 1px solid rgba(1, 124, 191, 0.28);
}

.privacy-card a:hover {
  color: #00a9e3;
  border-bottom-color: rgba(0, 169, 227, 0.5);
}

.privacy-card strong {
  color: var(--ana-text-900);
}

@media (max-width: 767.98px) {
  .privacy-hero {
    padding: 56px 0 84px;
  }

  .privacy-card p {
    text-align: left;
  }
}