:root{--bg:#15181C;--bg-top:#1B1F24;--panel:#1E2228;--panel2:#23282E;
  --edge:rgba(255,255,255,.075);--edge2:rgba(255,255,255,.14);
  --txt:#EDEFF1;--dim:#969CA4;--dim2:#6E747C;
  --chrome:linear-gradient(176deg,#FFFFFF 4%,#D3D9DF 26%,#848B93 48%,#F2F5F7 66%,#A7AEB6 88%,#E9EDF0 100%);
  --gut:clamp(20px,5vw,60px);--mw:860px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--txt);background:var(--bg);overflow-x:hidden;
  background-image:radial-gradient(900px 480px at 50% -8%,rgba(255,255,255,.045),transparent 62%);
  background-repeat:no-repeat;
  font:16.5px/1.75 'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--mw);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:'Archivo Black','Archivo',system-ui,sans-serif;font-weight:400;
  letter-spacing:-.035em;line-height:1.08;margin:0;text-transform:uppercase}
h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.045em}
h2{font-size:clamp(19px,2.3vw,25px);margin:44px 0 14px;text-transform:none;letter-spacing:-.03em}
h3{font-size:17px;margin:26px 0 10px;text-transform:none;letter-spacing:-.02em}
p,li{color:var(--dim)}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}
strong,b{color:var(--txt);font-weight:600}
.lbl{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--dim2);text-transform:uppercase}
.chr{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{position:sticky;top:0;z-index:90;backdrop-filter:blur(20px);background:rgba(21,24,28,.78);
  border-bottom:1px solid var(--edge)}
.nav-in{display:flex;align-items:center;gap:20px;height:64px;max-width:var(--mw);margin:0 auto;padding:0 var(--gut)}
.mark{font-family:'Archivo Black';font-size:16px;letter-spacing:-.03em;text-decoration:none;text-transform:uppercase}
.back{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dim);text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.back:hover{color:var(--txt)}
header.pg{padding:clamp(44px,6vw,80px) 0 clamp(26px,3vw,40px)}
header.pg .lbl{display:block;margin-bottom:16px}
.upd{color:var(--dim2);font-size:13.5px;margin-top:18px;padding-top:16px;border-top:1px solid var(--edge)}
.toc{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:22px 26px;margin:0 0 40px}
.toc .lbl{display:block;margin-bottom:12px}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:30px}
.toc li{margin-bottom:6px;font-size:14.5px}
.toc a{text-decoration:none;color:var(--dim)}
.toc a:hover{color:var(--txt)}
@media(max-width:600px){.toc ol{columns:1}}
main{padding-bottom:clamp(50px,6vw,90px)}
section{scroll-margin-top:80px}
.box{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:20px 24px;margin:20px 0}
.box.warn{border-color:rgba(255,255,255,.2);background:var(--panel2)}
.box p:last-child{margin:0}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0;
  background:var(--panel);border:1px solid var(--edge);border-radius:12px;overflow:hidden}
th{text-align:left;background:var(--panel2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim2);padding:13px 16px;font-weight:600;border-bottom:1px solid var(--edge)}
td{padding:13px 16px;border-bottom:1px solid var(--edge);color:var(--dim);vertical-align:top}
tr:last-child td{border-bottom:0}
.tbl-w{overflow-x:auto}
a.inl{color:var(--txt);text-decoration:none;border-bottom:1px solid var(--edge2)}
a.inl:hover{border-bottom-color:var(--txt)}
.ft{padding:28px 0 calc(28px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--dim2);
  border-top:1px solid var(--edge)}
.ft-in{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:baseline}
.ft a{text-decoration:none}.ft a:hover{color:var(--txt)}
.ft-l{display:flex;flex-wrap:wrap;gap:20px}
/* banner cookies */
#ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:var(--panel);
  border:1px solid var(--edge2);border-radius:14px;padding:20px 22px;max-width:620px;margin:0 auto;
  box-shadow:0 30px 70px rgba(0,0,0,.65);display:none;text-align:center}
#ckb.on{display:block}
#ckb p{margin:0 auto 18px;font-size:14.5px;line-height:1.6;max-width:52ch}
#ckb .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#ckb button{font:inherit;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:11px 20px;border-radius:8px;cursor:pointer;border:1px solid var(--edge2);
  background:rgba(255,255,255,.05);color:var(--txt);transition:background .2s}
#ckb button.y{background:#F1F3F5;color:#15181C;border-color:#F1F3F5}
#ckb button:hover{background:rgba(255,255,255,.14)}
#ckb button.y:hover{background:#fff}
#ckb a{color:var(--txt)}

.miss{background:rgba(255,154,60,.16);color:#FFB35C;border:1px dashed rgba(255,154,60,.5);
 border-radius:5px;padding:1px 8px;font-size:.92em;font-weight:600;white-space:nowrap}
.ident{background:var(--panel2);border:1px solid var(--edge2);border-radius:12px;padding:22px 26px;margin:18px 0}
.ident dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 22px;font-size:15px}
.ident dt{color:var(--dim2);white-space:nowrap}
.ident dd{margin:0;color:var(--txt)}
@media(max-width:560px){.ident dl{grid-template-columns:1fr;gap:3px 0}
 .ident dt{margin-top:10px}.ident dt:first-child{margin-top:0}}

/* buton WhatsApp */
.wa{position:fixed;right:20px;bottom:20px;z-index:150;width:56px;height:56px;border-radius:50%;
 background:#25D366;display:grid;place-items:center;text-decoration:none;
 box-shadow:0 12px 30px rgba(37,211,102,.4),0 0 0 1px rgba(255,255,255,.14);
 transition:transform .22s,box-shadow .22s}
.wa:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 20px 44px rgba(37,211,102,.55),0 0 0 1px rgba(255,255,255,.22)}
.wa svg{width:30px;height:30px;fill:#fff;display:block}
.wa span{position:absolute;right:68px;white-space:nowrap;background:#1E2228;color:#EDEFF1;
 border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;
 opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .22s,transform .22s;
 box-shadow:0 12px 30px rgba(0,0,0,.5)}
.wa:hover span{opacity:1;transform:none}
body.ckb-on .wa{bottom:auto;top:calc(100vh - 20px - 56px - 140px)}
@media(max-width:700px){.wa{width:52px;height:52px;right:16px;bottom:16px}.wa span{display:none}
 body.ckb-on .wa{top:auto;bottom:230px}}
@media(prefers-reduced-motion:reduce){.wa,.wa span{transition:none}}
