/* KLONK · les pàgines legals (/privacidad, /condiciones, /como-calculamos, /borrar-cuenta i /soporte).
   (16-10-2026, l'Albert: «Perquè es veu tots aquests textos amb el disseny antic?») Fins avui duien la farga del 27-09 (Cinzel,
   Noto Serif, bronze i crema), que l'app va deixar el 03-10. Ara són el full de la Noche obert al web: la Nunito, el blau de nit,
   la menta i la lila de l'app, amb els mateixos valors (src/nit.js, .nt; el dia, body.v-nit.v-dia), perquè qui arriba des de
   la botiga reconegui KLONK. De nit per defecte, com l'app; de dia si el mòbil va en mode clar. */
@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(assets/fonts/Nunito-latin.woff2) format("woff2")}
:root{
  --fons:#0d1217; --fons-2:#131b22; --halo:#18222c;   /* el fons de la Noche i la llum de dalt */
  --sup:#19212a; --sup-2:#212b35;                     /* les superfícies: el resum i el formulari */
  --vora:rgb(255 255 255 / .07);
  --tinta:#e7edf2; --suau:#8b98a4;
  --menta:#86d9c6; --lila:#a89be0;                    /* l'accent de l'app (--m-rgb 134 217 198) i el segon (--l-rgb 168 155 224) */
  --enllac:var(--menta); --punt:var(--lila);
  --o1:0 8px 20px -14px rgb(0 0 0 / .9),inset 0 1px 0 rgb(255 255 255 / .05);
  --logo:url(assets/beta/klonk-logo-clar.webp);
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --fons:#f3f6f9; --fons-2:#f7fafd; --halo:#ffffff;
    --sup:#ffffff; --sup-2:#f0f3f6;
    --vora:rgb(15 23 32 / .09);
    --tinta:#121a22; --suau:#4f5b67;
    --enllac:#226b5a; --punt:#634cc7;                   /* la menta i la lila de text del dia de l'app (--mtx-rgb 34 107 90, --ltx-rgb 99 76 199) */
    --o1:0 8px 20px -14px rgb(15 23 32 / .28),inset 0 1px 0 rgb(255 255 255 / .7);
    --logo:url(assets/beta/klonk-logo-fosc.webp);
    color-scheme:light;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--fons)}
body{margin:0;min-height:100vh;color:var(--tinta);font-family:"Nunito",system-ui,sans-serif;font-weight:500;font-size:17px;line-height:1.6;
  background:radial-gradient(120% 420px at 50% 0%,var(--halo) 0%,transparent 100%) no-repeat,linear-gradient(180deg,var(--fons-2),var(--fons) 420px);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--enllac);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--enllac);outline-offset:3px;border-radius:6px}

.cap{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:calc(10px + env(safe-area-inset-top)) max(16px,calc(50% - 21rem + 16px)) 10px;
  background:color-mix(in srgb,var(--fons) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--vora)}
/* el logo de l'app (el mateix de l'entrada), amb el nom a dins per als lectors de pantalla */
.marca{display:block;width:108px;height:27px;flex:none;background:var(--logo) no-repeat left center/contain;
  color:transparent;overflow:hidden;white-space:nowrap;text-indent:120%}
.tornar{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--sup);
  border:1px solid var(--vora);color:var(--tinta);font-weight:800;font-size:15px;text-decoration:none;box-shadow:var(--o1)}
.tornar:hover{background:var(--sup-2)}

main{max-width:42rem;margin:0 auto;padding:30px 16px 12px}
h1{font-weight:900;font-size:clamp(30px,8vw,40px);line-height:1.1;letter-spacing:-.01em;margin:6px 0 8px;color:var(--tinta)}
.data{margin:0 0 30px;color:var(--suau);font-size:15px}
h2{font-weight:800;font-size:22px;line-height:1.25;margin:38px 0 10px;color:var(--tinta)}
h3{font-weight:800;font-size:18px;line-height:1.3;margin:24px 0 6px;color:var(--tinta)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:1.25em}
li{margin:0 0 9px;padding-left:.1em}
li::marker{color:var(--punt)}
strong{font-weight:800;color:var(--tinta)}
.curt{background:var(--sup);border:1px solid var(--vora);border-radius:22px;padding:6px 20px 10px;margin-top:8px;box-shadow:var(--o1)}
.curt h2{margin-top:16px}
.peu{max-width:42rem;margin:44px auto 0;padding:22px 16px calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--vora);
  color:var(--suau);font-size:15px}
.peu p{margin:0 0 10px}
.peu a{margin-right:18px}
/* (02-10-2026, LA LLISTA L67) la taula de les divisions de l'ELO, a /como-calculamos */
table{border-collapse:collapse;width:100%;max-width:22rem;margin:4px 0 12px;font-size:16px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid var(--vora)}
th{color:var(--suau);font-weight:800}td:last-child,th:last-child{text-align:right}
/* (02-10 nit) el model de formulari de desistiment, a /condiciones: un bloc que es pot copiar (com al full de l'app) */
.formulari{margin:8px 0 16px;padding:12px 16px;border-left:3px solid var(--punt);border-radius:0 14px 14px 0;background:var(--sup)}
.formulari p{margin:0 0 8px}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }