.privacy-page{overflow:hidden}

.privacy-hero{background:var(--color-text-accent);color:#fff}
.privacy-hero__content{max-width:980px;margin-inline:auto}
.privacy-hero__content::before{content:'JOGI INFORMÁCIÓ / 01';display:block;margin-bottom:24px;font-size:12px;font-weight:600;letter-spacing:.15em}
.privacy-hero h1,.privacy-hero p{color:#fff}
.privacy-hero p{max-width:760px;font-size:18px}

.privacy-controller{background:var(--color-surface-primary)}
.privacy-controller__box{max-width:820px;padding:38px;background:var(--color-surface-accent)}
.privacy-email{font-weight:600}

.privacy-data{background:var(--color-surface-secondary)}
.privacy-data__content,.privacy-legal__content,.privacy-security__content,.privacy-rights__content{max-width:900px}
.privacy-block{padding:24px 0;border-top:1px solid var(--color-border)}
.privacy-block+.privacy-block{margin-top:0}

.privacy-legal{background:var(--color-surface-primary)}
.privacy-security{background:var(--color-surface-dark);color:#fff}
.privacy-security h2,.privacy-security h3,.privacy-security p{color:#fff}
.privacy-rights{background:var(--color-surface-secondary)}
.privacy-rights ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;padding:0;list-style:none}
.privacy-rights li{padding:18px;border:1px solid var(--color-border)}

.privacy-offline{background:var(--color-surface-accent)}
.privacy-offline__box{max-width:980px;padding:0}
.privacy-contact{background:var(--color-text-accent);color:#fff}
.privacy-contact__content{max-width:820px}
.privacy-contact h2,.privacy-contact p,.privacy-contact a{color:#fff}

@media(max-width:700px){
  .privacy-rights ul{grid-template-columns:1fr}
  .privacy-controller__box{padding:24px}
}