/* Estils compartits de les pàgines legals de websfera.ai (privacitat, avís legal, cookies) */
:root { --bg:#0a1628; --bg-soft:#0f1d35; --line:#1e2d49; --mint:#1FC59F; --mint-dark:#17a589; --text:#fff; --muted:#a0aec0; --muted-soft:#6b7280; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin:0; background:var(--bg); color:var(--text); line-height:1.7;
  font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; text-decoration:none; }
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }

header.legal-header { border-bottom:1px solid var(--line); background:rgba(10,22,40,.85); backdrop-filter:blur(10px); position:sticky; top:0; z-index:10; }
header.legal-header .wrap { display:flex; align-items:center; justify-content:space-between; height:68px; max-width:1180px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:19px; letter-spacing:-.02em; }
.brand-mark { width:24px; height:24px; background-color:var(--mint);
  -webkit-mask:url("/kms/websfera/img/websfera.svg?v=1") no-repeat center/contain;
  mask:url("/kms/websfera/img/websfera.svg?v=1") no-repeat center/contain; }
.brand .dot { color:var(--mint); }
.back { font-size:14.5px; color:var(--muted); font-weight:500; }
.back:hover { color:var(--mint); }

main { padding:60px 0 90px; }
h1 { font-size:clamp(28px,4vw,40px); font-weight:700; letter-spacing:-.02em; line-height:1.15; margin:0 0 12px; }
.updated { color:var(--muted-soft); font-size:14px; margin:0 0 44px; }
h2 { font-size:20px; font-weight:600; letter-spacing:-.01em; margin:44px 0 12px; padding-top:26px; border-top:1px solid var(--line); }
h2:first-of-type { border-top:none; padding-top:0; }
h3 { font-size:16px; font-weight:600; margin:26px 0 8px; }
p, li { color:var(--muted); font-weight:300; font-size:16px; }
p { margin:0 0 14px; }
ul { margin:0 0 14px; padding-left:22px; }
li { margin-bottom:7px; }
strong, b { color:var(--text); font-weight:600; }
main a:not(.btn) { color:var(--mint); border-bottom:1px solid rgba(31,197,159,.35); }
main a:not(.btn):hover { border-color:var(--mint); }
table { width:100%; border-collapse:collapse; margin:0 0 18px; font-size:15px; }
th, td { text-align:left; padding:11px 12px; border-top:1px solid var(--line); color:var(--muted); font-weight:300; vertical-align:top; }
thead th { color:var(--text); font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.05em; border-top:none; }
.box { background:var(--bg-soft); border:1px solid var(--line); border-radius:14px; padding:22px 24px; margin:0 0 20px; }
.box p:last-child { margin-bottom:0; }

footer.legal-footer { border-top:1px solid var(--line); padding:30px 0 46px; }
footer.legal-footer .wrap { display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; justify-content:center; font-size:14px; color:var(--muted-soft); }
footer.legal-footer a { color:var(--muted); }
footer.legal-footer a:hover { color:var(--mint); }
@media (max-width:640px) { main { padding:44px 0 64px; } h2 { margin-top:34px; } }