@font-face{font-family:'Archivo';font-style:normal;font-weight:600 900;font-stretch:62% 100%;font-display:swap;src:url(/fuentes/archivo-latin-4c18bb.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:200 400;font-display:swap;src:url(/fuentes/jost-latin-b58a58.woff2) format('woff2')}
:root{--bleu:#2C5CF6;--fond:#050A14;--texte:rgba(255,255,255,.86);--doux:rgba(255,255,255,.58);--trait:rgba(255,255,255,.13);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--fond)}
body{margin:0;background:radial-gradient(120% 70% at 50% 0,#0b1736 0,var(--fond) 62%);color:var(--texte);
  font-family:'Jost',-apple-system,'Helvetica Neue',sans-serif;font-weight:300;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
  padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
a{color:#8fb0ff;text-underline-offset:3px}
a:hover{color:#fff}
header{max-width:820px;margin:0 auto;padding:28px 0 0;display:flex;justify-content:space-between;align-items:center}
.marque{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;letter-spacing:-.01em;color:#fff;text-decoration:none;line-height:1}
.marque small{display:block;font-family:'Jost',sans-serif;font-weight:300;font-size:9px;letter-spacing:.4em;margin-top:4px;opacity:.86}
.marque small b{display:inline-block;width:.62em;height:.62em;border-radius:50%;background:var(--bleu);vertical-align:-.05em;box-shadow:0 0 10px 2px rgba(44,92,246,.45)}
header nav{display:flex;gap:18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
header nav a{color:var(--doux);text-decoration:none}
header nav a[aria-current]{color:#fff}
main{max-width:820px;margin:0 auto;padding:56px 0 72px}
h1{font-family:'Archivo',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(2.2rem,6vw,3.6rem);margin:0 0 12px;color:#fff;text-wrap:balance}
.maj{color:var(--doux);font-size:13px;letter-spacing:.08em;margin:0 0 40px}
h2{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:15px;color:#fff;margin:44px 0 12px;
  padding-top:22px;border-top:1px solid var(--trait)}
p,li{max-width:68ch}
ul{padding-left:20px}
dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0}
dt{color:var(--doux)}
dd{margin:0}
.tabla{overflow-x:auto;margin:8px 0}
table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
th,td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--trait)}
th{font-weight:400;color:var(--doux);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
mark.manque{background:rgba(255,196,64,.16);color:#ffd27a;border:1px dashed rgba(255,196,64,.6);border-radius:4px;padding:0 6px}
button.gerer{font:inherit;color:#fff;background:none;border:1px solid rgba(255,255,255,.5);border-radius:40px;padding:10px 20px;cursor:pointer;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
button.gerer:hover{border-color:var(--bleu);background:rgba(44,92,246,.15)}
.nota{color:var(--doux);font-size:14px}
footer{max-width:820px;margin:0 auto;padding:22px 0 calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--trait);
  display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:12px;letter-spacing:.08em;color:var(--doux)}
footer a{color:var(--doux)}
@media(max-width:560px){dl{grid-template-columns:minmax(0,1fr)}dt{margin-top:8px}header nav{gap:12px;font-size:11px}}