/* AImogàvers — full d'estil compartit per les pàgines legals */

/* Tipografies del mateix domini. Les rutes son relatives a AQUEST fitxer,
   que viu a assets/, o sigui que van sense el "assets/" del davant.
   Declarades aqui una sola vegada per a les tres pagines legals. */
@font-face{
  font-family:'Sora'; font-style:normal; font-weight:600; font-display:swap;
  src:url('fonts/sora-v17-latin-600.woff2') format('woff2');
}
@font-face{
  font-family:'Sora'; font-style:normal; font-weight:700; font-display:swap;
  src:url('fonts/sora-v17-latin-700.woff2') format('woff2');
}
@font-face{
  font-family:'Montserrat'; font-style:normal; font-weight:300; font-display:swap;
  src:url('fonts/montserrat-v31-latin-300.woff2') format('woff2');
}
@font-face{
  font-family:'Montserrat'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/ibm-plex-mono-v20-latin-regular.woff2') format('woff2');
}

:root{
  --ink:#070C16;
  --menu:#0D6CA7;
  --teal:#0FA3B1;
  --teal-deep:#0B8894;
  --paper:#E9EBF5;
  --paper-ink:#0B1220;
  --paper-muted:#4C6076;
  --paper-line:rgba(11,18,32,0.14);
  --text:#E9EBF5;
  --muted:#93A6BA;
  --dim:#647A91;
  --font-head:'Sora','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-body:'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  --gut:32px;
}
*{box-sizing:border-box; margin:0; padding:0;}
img,svg{max-width:100%; display:block;}
a{color:inherit;}
::selection{background:var(--teal); color:var(--ink);}
:focus-visible{outline:2px solid var(--teal-deep); outline-offset:3px;}

body{
  background:var(--paper); color:var(--paper-ink);
  font-family:var(--font-body); font-weight:300; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:820px; margin:0 auto; padding-left:var(--gut); padding-right:var(--gut);}

/* barra superior */
.topbar{
  background:var(--menu);
  border-bottom:1px solid rgba(233,235,245,0.14);
  padding:12px var(--gut);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.topbar img{height:34px; width:159px;}
.topbar .back{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.09em; text-transform:uppercase;
  color:var(--text); text-decoration:none; border-bottom:1px solid rgba(233,235,245,0.4);
  padding-bottom:2px; transition:border-color .2s ease;
}
.topbar .back:hover{border-bottom-color:var(--text);}

/* contingut */
main{padding:64px 0 88px;}
.kicker{
  font-family:var(--font-mono); font-size:12px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--teal-deep); margin-bottom:16px; display:flex; align-items:center; gap:10px;
}
.kicker::before{content:''; width:22px; height:1px; background:var(--teal-deep); flex:none;}

h1{
  font-family:var(--font-head); font-weight:700; letter-spacing:-0.015em; line-height:1.18;
  font-size:clamp(28px,4vw,40px); text-wrap:balance;
}
.updated{
  font-family:var(--font-mono); font-size:12px; color:var(--paper-muted);
  letter-spacing:0.04em; margin-top:14px;
}
h2{
  font-family:var(--font-head); font-weight:700; font-size:19px; line-height:1.35;
  margin:46px 0 12px; padding-top:22px; border-top:1px solid var(--paper-line);
}
h3{font-family:var(--font-head); font-weight:600; font-size:15.5px; margin:26px 0 8px;}
p{margin:12px 0; font-size:15.5px; color:var(--paper-ink); max-width:68ch;}
p.note{color:var(--paper-muted); font-size:14.5px;}
ul,ol{margin:12px 0 12px 22px; max-width:68ch;}
li{margin:7px 0; font-size:15.5px;}
a.inline{color:var(--paper-ink); text-decoration:none; border-bottom:1px solid var(--paper-line);}
a.inline:hover{border-bottom-color:var(--teal-deep);}

/* dades encara per completar — visibles a proposit */
.todo{
  background:#FBF3DB; color:#7A5200; border:1px dashed #C9A227;
  border-radius:3px; padding:1px 7px; font-family:var(--font-mono); font-size:13px;
  white-space:nowrap;
}

table{border-collapse:collapse; width:100%; margin:18px 0; font-size:14.5px;}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--paper-line); vertical-align:top;}
th{font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--paper-muted); font-weight:400;}
.table-scroll{overflow-x:auto;}

/* peu */
footer{background:var(--ink); color:var(--text); padding:34px 0 44px;}
.foot-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}
.foot-row img{height:26px; width:122px;}
.foot-legal{display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center;}
.foot-legal a{
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.05em;
  color:var(--muted); text-decoration:none; transition:color .2s ease;
}
.foot-legal a:hover{color:var(--teal);}
.fine{font-family:var(--font-mono); font-size:11px; color:var(--dim); letter-spacing:0.04em;}

@media (max-width:900px){
  :root{--gut:22px;}
  main{padding:48px 0 64px;}
  .foot-row{flex-direction:column; align-items:flex-start;}
  .topbar img{height:28px; width:131px;}
}