.terms-page{overflow:hidden}

.terms-intro{background:var(--color-surface-dark);color:#fff}
.terms-intro__inner{max-width:980px;margin-inline:auto;padding-inline:40px}
.terms-intro__inner::before{content:'JOGI INFORMÁCIÓ / 03';display:block;margin-bottom:24px;font-size:12px;font-weight:600;letter-spacing:.15em}
.terms-intro h1,.terms-intro p{color:#fff}
.terms-intro p{max-width:760px;font-size:18px}

.terms-service{background:var(--color-surface-secondary)}
.terms-service__inner,.terms-access__inner,.terms-obligations__inner,.terms-liability__inner,.terms-ip__inner,.terms-contact__inner{max-width:900px}
.terms-service__group{display:flex;flex-direction:column;gap:24px}
.terms-service__highlight{padding:28px;background:var(--color-surface-accent);border:1px solid var(--color-border)}

.terms-access{background:var(--color-surface-primary)}
.terms-access__content{display:flex;flex-direction:column;gap:20px}

.terms-obligations{background:var(--color-surface-accent)}
.terms-obligations__list{display:flex;flex-direction:column;gap:0}
.terms-obligations__item{padding:24px 0;border-top:1px solid var(--color-border)}

.terms-liability{background:var(--color-surface-secondary)}
.terms-liability__inner,.terms-ip__inner{margin-inline:auto;padding-inline:40px}
.terms-ip{background:var(--color-text-accent);color:#fff}
.terms-ip h2,.terms-ip p{color:#fff}

.terms-contact{background:var(--color-surface-primary)}
.terms-contact__box{margin-bottom:30px;padding:28px;background:var(--color-surface-accent);border:1px solid var(--color-border)}

@media(max-width:768px){
  .terms-intro__inner,.terms-liability__inner,.terms-ip__inner{padding-inline:16px}
}