/* #660 Lot 4 bis (#732, #748) — feuille des compositions de la revue de design : positions FUTURE de la cabecera A et du pie B,
   aviso legal A, blocs réservés, famille d'utilité (Próximamente, 404, 500, 503) et coques d'accès conceptuelles.
   Chargée APRÈS la feuille de l'accueil (`inicio.css` : polices, jetons, cabecera et pie CURRENT). Aucun jeton nouveau. */
/* bandes de gabarit et annotations de design : jamais du texte public */
.fixb{background:var(--azafran-t);color:var(--tinta);border-bottom:1.5px solid var(--tinta);font:500 12px/1.5 var(--m);letter-spacing:.02em}
.fixb .fr{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;padding:9px 0}.fixb b{font-weight:600}
/* position d'une page bloquée : un bloc réservé, ni lien ni libellé */
.rsv{display:flex;align-items:center;min-height:44px;font:500 13px var(--m);letter-spacing:.02em;color:var(--tinta-80);padding:0 .3em;background:oklch(0.82 0.13 82 / .26);width:fit-content}
.links .rsv{min-height:44px}
.ann{display:inline-flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-height:34px;padding:5px 11px;border:1.5px dashed var(--tinta-60);color:var(--tinta-80);font:500 14.5px/1.3 var(--t);text-decoration:none}
.ann i{font:500 11px/1.3 var(--m);font-style:normal;letter-spacing:.04em;color:var(--caqui-ink)}
/* valeur synthétique ‹…› */
.fx{font-family:var(--m);font-size:.86em;letter-spacing:0;padding:0 .18em;background:oklch(0.82 0.13 82 / .26);box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}
/* cabecera : identité en texte (503 / 500), position future de « Acceder », destination courante */
/* (« Acceder », son séparateur et la destination courante vivent dans la feuille de l'accueil depuis #743 : CURRENT) */
.ficha .more[aria-current]{text-decoration:underline;text-decoration-color:var(--caqui);text-underline-offset:5px}
.rgl a[aria-current]{text-decoration-thickness:3px}
/* aviso legal A et document légal */
.alh{position:relative;padding:96px 0 64px}
.alh::before{content:"";position:absolute;top:0;height:100px;width:1.5px;left:calc(max(var(--mg),(100% - 1312px)/2) + 11px);background:var(--caqui)}
.alh h1{margin:0;font:600 68px/1 var(--d);letter-spacing:-.037em}
.alh .lead{max-width:30em}
.alh .upd{margin:22px 0 0;font:500 12.5px var(--m);color:var(--tinta-60);letter-spacing:.03em}
.alS{position:relative;background:var(--papel);padding:96px 0 112px;box-shadow:0 -1px 0 var(--rule-2),0 1px 0 var(--rule-2)}
.alS .cg{align-items:start}
.toc{position:sticky;top:28px}
.toc h2{margin:0;color:var(--tinta-60)}
.toc ol{list-style:none;margin:16px 0 0;padding:0;border-left:1.5px solid var(--tinta)}
.toc a{position:relative;display:flex;gap:12px;align-items:baseline;min-height:44px;padding:11px 0 9px 16px;text-decoration:none;font-size:15px;line-height:1.3;color:var(--tinta-80)}
.toc a .n{font:500 11.5px var(--m);color:var(--tinta-60)}
.toc a::before{content:"";position:absolute;left:-1.5px;top:9px;bottom:9px;width:3px;background:var(--caqui);transform:scaleY(0);transition:transform .16s var(--ease)}
.toc a:hover,.toc a:focus-visible{color:var(--tinta)}.toc a:hover::before,.toc a:focus-visible::before{transform:none}
.toc a:focus-visible{outline-offset:-3px}
.adoc{max-width:48em}
.adoc section{scroll-margin-top:24px;padding-bottom:60px}
.adoc section+section{padding-top:52px;border-top:1px solid var(--rule-2)}
.adoc h2{display:flex;gap:18px;align-items:baseline;margin:0 0 26px;font:600 34px/1.1 var(--d);letter-spacing:-.024em}
.adoc h2 .n{font:500 12px var(--m);letter-spacing:.06em;color:var(--caqui-ink);transform:translateY(-7px)}
.adoc p{margin:0 0 14px;color:var(--tinta-80);max-width:36em}
.kv{margin:0;border-top:1.5px solid var(--tinta)}
.kv>div{display:grid;grid-template-columns:minmax(0,12em) minmax(0,1fr);gap:28px;padding:17px 0;border-bottom:1px solid var(--rule)}
.kv dt{padding-top:3px;font-size:15px;font-weight:500;color:var(--tinta-60)}
.kv dd{margin:0;font:500 19px/1.45 var(--t);overflow-wrap:anywhere}
.kv small{display:block;margin-top:5px;font:400 14.5px/1.45 var(--t);color:var(--tinta-60)}
.addr{display:block;font:500 23px/1.42 var(--d);font-style:normal;letter-spacing:-.008em;max-width:26em;padding:22px 0 24px;border-top:1.5px solid var(--tinta);border-bottom:1px solid var(--rule)}
.addr span{display:block}
.reg{margin:0;padding:22px 0 24px;border-top:1.5px solid var(--tinta);border-bottom:1px solid var(--rule);font:400 19.5px/1.65 var(--t);color:var(--tinta);max-width:34em}
.adoc .pn{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1.5px solid var(--tinta)}
.path{padding:24px 0 28px;border-bottom:1px solid var(--rule);scroll-margin-top:24px}.path.w{grid-column:1/-1}
.path h3{margin:0 0 8px;font:600 21px/1.25 var(--d);letter-spacing:-.01em}
.path p{font-size:16px}
.path dl{margin:14px 0 0}.path dt{font-size:13.5px;font-weight:500;color:var(--tinta-60)}.path dd{margin:2px 0 0;font-size:17px;overflow-wrap:anywhere}
.links{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--tinta)}
.links li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 24px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--rule)}
.links a{display:inline-flex;align-items:center;min-height:44px;font:600 18px/1.3 var(--d)}
.links .s{font-size:15px;color:var(--tinta-60)}
.tbd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.adoc .ann{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:3px;width:fit-content;max-width:100%;padding:8px 12px}
/* blocs réservés (page bloquée, accès) : un statut et ce qui manque, jamais une information */
.slot{display:flex;flex-direction:column;gap:5px;padding:15px 18px 16px;border:1.5px dashed var(--tinta-60);background:repeating-linear-gradient(135deg,transparent 0 9px,oklch(0.29 0.075 258 / .05) 9px 10px)}
.slot b{font:500 11.5px/1.4 var(--m);letter-spacing:.04em;color:var(--caqui-ink)}
.slot span{font-size:15.5px;line-height:1.45;color:var(--tinta-80)}
.slots{display:grid;gap:10px}
.kv dd .slot{font-weight:400}
.blk{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;max-width:40em;margin:28px 0 0;padding:14px 18px;border:1.5px solid var(--tinta);background:var(--papel);font-size:15.5px;line-height:1.45}
.blk b{font:600 12px var(--m);letter-spacing:.05em;color:var(--caqui-ink)}
@media (max-width:999px){
.alh{padding:60px 0 40px}.alh::before{left:20px;height:62px}.alh h1{font-size:42px}
.alS{padding:48px 0 72px}.toc{position:static;margin-bottom:12px}.toc .mark{margin-left:0}
.adoc section{padding-bottom:44px}.adoc section+section{padding-top:40px}.adoc h2{font-size:26px;gap:12px;margin-bottom:20px}
.kv>div{grid-template-columns:1fr;gap:4px;padding:14px 0}.kv dt{font-size:14px;padding:0}.kv dd{font-size:17.5px}
.addr{font-size:19.5px}.reg{font-size:17.5px}
.paths{grid-template-columns:1fr}.links a{font-size:17px}
}
/* famille d'utilité : Próximamente · 404 · 500 · 503 · accès */
body.util{min-height:100vh;display:flex;flex-direction:column}
body.util main{flex:1}
.ut{position:relative;padding:120px 0 136px}
.ut::before,.acx::before{content:"";position:absolute;top:0;height:120px;width:1.5px;left:calc(max(var(--mg),(100% - 1312px)/2) + 11px);background:var(--caqui)}
.ut .cg{align-items:start}
.motif{position:relative;width:96px;height:96px;margin-top:4px}
.motif i{position:absolute;left:0;top:0;width:64px;height:64px;border:1.5px solid var(--tinta)}
.motif i+i{left:26px;top:26px;border-color:var(--caqui-ink)}
.m-404 i+i{left:50px;top:-16px;border-style:dashed}
.m-prox i+i{border-style:dashed}
.m-503 i+i{border-color:var(--tinta-60);border-style:dotted}
.ut .k,.acx .k{margin:0 0 18px;font:500 13px var(--m);letter-spacing:.05em;color:var(--caqui-ink)}
.ut h1,.acx h1{margin:0;font:600 60px/1.02 var(--d);letter-spacing:-.035em;max-width:14em}
.ut .lead{max-width:31em}
.acts{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:40px}
.act{display:inline-flex;align-items:center;gap:16px;min-height:52px;padding:0 22px;border:1.5px solid var(--tinta);background:var(--papel);font:600 16.5px var(--t);text-decoration:none}
.act::after{content:"";width:28px;height:1.5px;background:var(--tinta);transition:width .2s var(--ease),background .2s var(--ease)}
.act:hover::after,.act:focus-visible::after{width:40px;background:var(--caqui-ink)}
.mean{margin-top:56px;max-width:36em;border-top:1.5px solid var(--tinta)}
.mean h2{margin:16px 0 4px;color:var(--tinta-60)}
.mean ul{list-style:none;margin:0;padding:0}
.mean li{border-bottom:1px solid var(--rule)}
.mean a{display:flex;align-items:center;min-height:52px;font-size:16.5px;text-decoration:none}
.mean a:hover{color:var(--caqui-ink)}
.fs{background:var(--arena-2);border-top:1.5px solid var(--tinta)}
.fs .fr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 32px;padding:16px 0 20px}
.fs p{margin:0;display:flex;align-items:center;gap:12px;font-size:15px;color:var(--tinta-80)}.fs p b{color:var(--tinta);font-weight:600}
.fs .mk{color:var(--tinta)}.fs .mk::after{border-color:var(--caqui-ink)}
.fs ul{list-style:none;display:flex;flex-wrap:wrap;gap:0 24px;margin:0;padding:0}.fs a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
/* acceder / crear cuenta — conceptuels */
.acx{position:relative;padding:112px 0 128px}
.acx-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:88px;align-items:start}
.acx .lead{max-width:24em}
.acx .back{margin-top:36px}
.res{position:relative;isolation:isolate;background:var(--papel);box-shadow:0 0 0 1.5px var(--tinta),0 26px 44px -34px oklch(0.23 0.06 258 / .5);padding:26px 32px 22px}
.res::before{content:"";position:absolute;inset:0;transform:translate(12px,12px);box-shadow:0 0 0 1px var(--rule-2);z-index:-1}
.res .k{margin:0;color:var(--caqui-ink)}
.res h2{margin:14px 0 0;padding-bottom:18px;border-bottom:1.5px solid var(--tinta);font:600 24px/1.15 var(--d);letter-spacing:-.015em}
.bars{display:grid;gap:12px;margin:22px 0 22px}
.bar{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:10px 16px;border:1.5px dashed var(--tinta-60);background:repeating-linear-gradient(135deg,transparent 0 9px,oklch(0.29 0.075 258 / .05) 9px 10px)}
.bar b{font:500 11.5px var(--m);letter-spacing:.04em;color:var(--caqui-ink)}.bar span{font-size:15px;color:var(--tinta-80)}
.res .sw{margin:0;padding-top:12px;border-top:1px solid var(--rule-2);font-size:15.5px;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.res .sw a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
@media (max-width:999px){
.ut{padding:64px 0 80px}.ut::before,.acx::before{left:20px;height:64px}
.motif{width:64px;height:64px;margin:0 0 4px}.motif i{width:42px;height:42px}.motif i+i{left:17px;top:17px}.m-404 i+i{left:34px;top:-10px}
.ut .mark{margin-left:0}
.ut h1,.acx h1{font-size:38px;letter-spacing:-.028em}
.acts{margin-top:28px;flex-direction:column;align-items:flex-start;gap:8px}.act{width:100%;justify-content:space-between}
.mean{margin-top:40px}
.acx{padding:64px 0 80px}.acx-g{grid-template-columns:1fr;gap:44px}.res{padding:22px 20px 18px;margin-right:12px}
.fs .fr{flex-direction:column;align-items:flex-start;padding:14px 0 18px}
}

/* índice de recepción visual (#745) */
.rv{padding:72px 0 88px}.rv h1{margin:10px 0 0;font:600 56px/1.02 var(--d);letter-spacing:-.034em}.rv .lead{max-width:34em}
.rv-w{max-width:880px}.rv-l{list-style:none;margin:28px 0 0;padding:0;border-top:1.5px solid var(--tinta)}
.rv-i{padding:18px 0 20px;border-bottom:1px solid var(--rule)}
.rv-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px}
.rv-h a{display:inline-flex;align-items:center;min-height:44px;font:600 20px/1.3 var(--d)}
.rv-s{padding:3px 10px;border:1.5px solid var(--tinta-60);color:var(--tinta-80);font:500 11.5px/1.4 var(--m);letter-spacing:.05em;text-transform:uppercase}
.rv-s.rv-on{border-color:var(--tinta);background:var(--tinta);color:var(--on)}
.rv-s.rv-blk{border-style:dashed;color:var(--caqui-ink)}
.rv-t{display:inline-flex;align-items:center;min-height:44px;font:600 20px/1.3 var(--d);color:var(--tinta-80)}
.rv-g{margin:52px 0 0;color:var(--tinta-60)}.rv-g+.rv-l{margin-top:12px}
.rv-n{margin:2px 0 8px;max-width:40em;color:var(--tinta-80);font-size:16px}
.rv-m{display:flex;flex-wrap:wrap;gap:2px 22px;margin:0;font:500 12px/1.5 var(--m);letter-spacing:.03em;color:var(--tinta-60)}
.rv-b{margin-top:48px;max-width:40em;border-top:1.5px solid var(--tinta)}.rv-b h2{margin:16px 0 6px;color:var(--tinta-60)}
.rv-b ul{margin:0;padding-left:20px;color:var(--tinta-80);font-size:16px}.rv-b li{margin:6px 0}
@media (max-width:999px){.rv{padding:44px 0 56px}.rv h1{font-size:38px}.rv-h a{font-size:18px}}

/* statut provisoire d'un fait d'une page servie (D-230) : jamais une information présentée comme établie */
.adoc .st{padding:12px 16px;border-left:3px solid var(--caqui);background:oklch(0.82 0.13 82 / .16);color:var(--tinta-80)}
.adoc .st b{color:var(--tinta)}
.adoc .blk{max-width:44em;margin:0 0 40px}
.kv dd a,.path dd a,.adoc p a{overflow-wrap:anywhere}