:root{
  color-scheme:light;
  --bg:#0b3d7e;
  --bg-2:#f0f0f0;
  --panel:#ffffff;
  --panel-2:#f3f6fa;
  --fg:#1b1b1b;
  --mut:#454545;
  --dim:#6b6b6b;
  --line:#d9d9d9;
  --line-2:#b9b9b9;
  --rule:#ececec;
  --sig:#ff5a1f;
  --sig-2:#ff8a3d;
  --on-sig:#ffffff;
  --vio:#2e6fd6;
  --head:#1e3287;
  --link:#0066cc;
  --pink:#ff5fa2;
  --yellow:#fff7b0;
  --lime:#8ed04a;
  --green:#3fa535;
  --ink:#1b1b1b;
  --paper:#ffffff;
  --f-sans:"Segoe UI","Noto Sans",system-ui,-apple-system,sans-serif;
  --f-display:"Segoe UI","Noto Sans",system-ui,sans-serif;
  --f-mono:Consolas,"IBM Plex Mono",ui-monospace,monospace;
  --gut:clamp(12px,3vw,44px);
  --inset:clamp(8px,1.2vw,18px);
  --max:1320px;
  --nav-h:0px;
  --task:46px;
  --tb:31px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  --spring:cubic-bezier(.34,1.35,.64,1);
  --t0:3.45s;
  --glass:linear-gradient(180deg,rgba(255,255,255,.62) 0,rgba(255,255,255,.3) 14px,rgba(255,255,255,.14) 15px,rgba(185,215,240,.16) 60%,rgba(150,190,225,.22)),rgba(120,170,215,.34);
  --glass-dark:linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.08) 50%,rgba(0,0,0,.08) 51%,rgba(0,0,0,.18)),rgba(14,26,44,.62);
  --win-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 0 1px rgba(0,0,0,.55),0 12px 40px -6px rgba(0,0,0,.55);
  --btn:linear-gradient(180deg,#f6f6f6 0,#ebebeb 49%,#dcdcdc 50%,#cfcfcf 100%);
  --btn-hot:linear-gradient(180deg,#eaf6fd 0,#d9f0fc 49%,#bee6fd 50%,#a7d9f5 100%);
  --btn-sig:linear-gradient(180deg,#ffb27a 0,#ff8a3d 48%,#ff5a1f 50%,#ff7a2b 100%);
  --sel:linear-gradient(180deg,#f1f8fe,#d8ebfc);
  --caption:url("/assets/img/caption.svg?v=20261017-4");
}
.no-veil{--t0:.1s}

*,*::before,*::after{box-sizing:border-box}
html{background:#0b3d7e url("/assets/img/desktop.svg?v=20261017-4") center/cover fixed;-webkit-text-size-adjust:100%;overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  position:relative;margin:0;min-height:100vh;overflow-x:clip;color:var(--fg);padding-bottom:var(--task);
  font:400 16px/1.55 var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg{max-width:100%}
a{color:var(--link)}
b,strong{font-weight:600;color:inherit}
::selection{background:#3399ff;color:#ffffff}
:focus-visible{outline:1px dotted #000;outline-offset:2px}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mono{font-family:var(--f-mono)}
.wrap{width:min(var(--max),100% - 2 * var(--gut));margin-inline:auto}

.label{
  display:inline-flex;align-items:center;gap:.6em;width:max-content;max-width:100%;margin:0;
  font:400 13px/1.2 var(--f-sans);letter-spacing:0;text-transform:none;color:#000;
  text-shadow:0 0 8px #fff,0 0 3px #fff,0 0 1px #fff;
}
.big{
  margin:0;font:300 clamp(40px,5vw,84px)/1.04 var(--f-display);letter-spacing:-.02em;color:var(--head);text-wrap:balance;
}
.big em{font-style:normal}
.big em.hl{color:var(--sig)}
.big em.mk{color:var(--sig);background:none;padding:0;margin:0}
.lede{margin:0;max-width:48ch;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:var(--mut);text-wrap:pretty}

.btn{
  --b-bg:var(--btn);--b-fg:#1b1b1b;--b-bd:#707070;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 20px;
  border:1px solid var(--b-bd);border-radius:3px;background:var(--b-bg);color:var(--b-fg);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);
  font:400 15px/1 var(--f-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;
}
.btn > span{display:block}
.btn svg{width:16px;height:16px;flex:0 0 auto}
.btn:hover{--b-bg:var(--btn-hot);--b-bd:#3c7fb1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 0 6px rgba(60,160,230,.45)}
.btn:active{--b-bg:linear-gradient(180deg,#e5f4fc,#c4e5f6 49%,#98d1ef 50%,#68b3db);--b-bd:#2c628b;box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.btn:not(.ghost):not(.sm){--b-bg:var(--btn-sig);--b-fg:#ffffff;--b-bd:#a83a0b;text-shadow:0 1px 1px rgba(120,30,0,.55);box-shadow:inset 0 0 0 1px rgba(255,220,190,.55),0 2px 6px rgba(150,50,0,.35);font-weight:600}
.btn:not(.ghost):not(.sm):hover{--b-bg:linear-gradient(180deg,#ffc79f 0,#ffa05f 48%,#ff6d33 50%,#ff8e46 100%);box-shadow:inset 0 0 0 1px rgba(255,230,200,.7),0 0 14px rgba(255,120,40,.65)}
.btn.ghost{--b-bg:var(--btn);--b-fg:#1b1b1b;--b-bd:#707070}
.btn.ink{--b-bg:var(--btn-sig);--b-fg:#ffffff;--b-bd:#a83a0b}
.btn.sm{height:32px;padding:0 14px;font-size:14px}
button.btn{font-family:var(--f-sans)}

.flap{display:inline-flex;flex-wrap:wrap;gap:.16em .42em;vertical-align:middle}
.flap .fw{display:inline-flex;gap:.1em;white-space:nowrap}
.fc{
  position:relative;display:inline-grid;place-items:center;width:1.2em;height:1.56em;border-radius:.18em;
  background:linear-gradient(#3a3a3a 0 50%,#222 50% 100%);color:#f4f4f4;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.6);
  font:600 1em/1 var(--f-mono);text-transform:uppercase;
}
.fc::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .5px);height:1px;background:rgba(0,0,0,.65)}
.fc b{display:block;min-width:.6em;font:inherit;color:inherit;text-align:center}
.fc.go b{animation:flapA .07s linear}
.fc.go2 b{animation:flapB .07s linear}
@keyframes flapA{from{transform:scaleY(.15) translateY(-40%);opacity:.5}to{transform:none;opacity:1}}
@keyframes flapB{from{transform:scaleY(.15) translateY(-40%);opacity:.5}to{transform:none;opacity:1}}
.flap.hot .fc{background:linear-gradient(#ff8a3d 0 50%,#f05a1a 50% 100%);color:#ffffff}
.flap.hot .fc::after{background:rgba(90,25,0,.4)}

.nav{
  position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--task);display:flex;align-items:center;gap:6px;padding:0 6px 0 4px;
  background:var(--glass-dark);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
  border-top:1px solid rgba(0,0,0,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 -2px 12px rgba(0,0,0,.25);
}
.nav.hide{translate:none}
.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.nav .brand{position:relative;flex:0 0 auto;width:54px;height:54px;margin:-14px 6px 0 0;justify-content:center}
.nav .brand-word{display:none}
.brand-mark{
  position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#ffffff;
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.95) 0,rgba(255,255,255,.35) 22%,transparent 46%),radial-gradient(circle at 50% 75%,#ffd2a8 0,#ff8a3d 35%,#e2490d 62%,#7a2205 100%);
  border:1px solid rgba(40,10,0,.75);box-shadow:inset 0 0 0 1px rgba(255,210,170,.5),0 0 12px rgba(255,140,60,.55),0 2px 6px rgba(0,0,0,.5);
  transition:box-shadow .25s,filter .25s;
}
.brand-mark svg{width:20px;height:20px;display:block;filter:drop-shadow(0 1px 1px rgba(90,25,0,.8))}
.nav .brand:hover .brand-mark,.nav .brand[aria-expanded="true"] .brand-mark{filter:brightness(1.12) saturate(1.1);box-shadow:inset 0 0 0 1px rgba(255,230,200,.7),0 0 22px rgba(255,160,80,.9),0 2px 6px rgba(0,0,0,.5)}
.brand-word{font:600 22px/1 var(--f-display);letter-spacing:-.01em}
.nav-links{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}
.nav-links a{
  position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border:1px solid transparent;border-radius:3px;
  color:#ffffff;text-decoration:none;font:400 13.5px/1 var(--f-sans);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;
}
.nav-links a::before{content:"";width:18px;height:18px;border-radius:3px;flex:0 0 auto;background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.5)}
.nav-links a:nth-child(2)::before{background:linear-gradient(180deg,#ffd3a8,#ff8a3d 55%,#d4490d)}
.nav-links a:nth-child(3)::before{background:linear-gradient(180deg,#c7f5a8,#6bc33d 55%,#2f8a1d)}
.nav-links a:nth-child(4)::before{background:linear-gradient(180deg,#ffc6e3,#ff5fa2 55%,#c22a6e)}
.nav-links a:nth-child(5)::before{background:linear-gradient(180deg,#fff2a8,#f6c315 55%,#b88600)}
.nav-links a:hover,.nav-links a[aria-current="page"]{border-color:rgba(0,0,0,.55);background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 51%,rgba(255,255,255,.2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 10px rgba(130,200,255,.35)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:4px;height:100%;padding-left:8px;border-left:1px solid rgba(0,0,0,.4);box-shadow:inset 1px 0 0 rgba(255,255,255,.15)}
.nav .btn.sm{--b-bg:transparent;--b-fg:#ffffff;--b-bd:transparent;height:36px;padding:0 10px;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.8);font-size:13px}
.nav .btn.sm:hover{--b-bg:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1));--b-bd:rgba(0,0,0,.5)}
.tray-clock{display:grid;justify-items:center;gap:2px;min-width:74px;padding:0 8px;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8);font:400 12px/1.15 var(--f-sans);cursor:default}
.tray-clock small{font-size:11.5px}
.show-desk{align-self:stretch;width:12px;margin-right:-6px;border-left:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04))}

.lang{position:relative}
.lang-btn{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 9px;border:1px solid transparent;border-radius:3px;
  background:transparent;color:#ffffff;font:600 12px/1 var(--f-sans);letter-spacing:.02em;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.8);
}
.lang-btn:hover,.lang.open .lang-btn{border-color:rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1))}
.chev{transition:rotate .3s var(--ease)}
.lang.open .chev{rotate:180deg}
.lang-menu{
  position:absolute;bottom:calc(100% + 8px);right:0;z-index:70;min-width:200px;padding:3px;display:grid;gap:1px;
  background:#f0f0f0;border:1px solid #979797;border-radius:0;box-shadow:2px 2px 6px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;translate:0 6px;transition:opacity .2s,translate .25s var(--ease),visibility 0s .2s;
}
.lang.open .lang-menu{opacity:1;visibility:visible;translate:0 0;transition:opacity .2s,translate .25s var(--ease)}
.lang-menu button{
  display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:3px;background:none;color:#1b1b1b;
  font:400 14px/1 var(--f-sans);text-align:left;cursor:pointer;
}
.lang-menu button:hover{background:var(--sel);border-color:#a8d8f8}
.lang-menu button.on{font-weight:600}
.lang-menu .tick{margin-left:auto;opacity:0;color:currentColor}
.lang-menu button.on .tick{opacity:1}
.flag{display:inline-block;flex:0 0 auto;width:16px;height:16px;border-radius:2px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.flag-br{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' fill='%23009b3a'/%3E%3Cpath d='M15 5 27 15 15 25 3 15z' fill='%23fedf00'/%3E%3Ccircle cx='15' cy='15' r='5.2' fill='%23002776'/%3E%3C/svg%3E")}
.flag-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' fill='%23fff'/%3E%3Cpath d='M0 1.2h30M0 5.8h30M0 10.4h30M0 15h30M0 19.6h30M0 24.2h30M0 28.8h30' stroke='%23b22234' stroke-width='2.3'/%3E%3Crect width='14' height='16' fill='%233c3b6e'/%3E%3C/svg%3E")}
.flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect width='30' height='30' fill='%23aa151b'/%3E%3Crect y='7.5' width='30' height='15' fill='%23f1bf00'/%3E%3C/svg%3E")}

.start-menu{
  position:fixed;left:4px;bottom:calc(var(--task) + 2px);z-index:65;display:grid;grid-template-columns:minmax(0,250px) 190px;width:min(452px,100vw - 8px);
  padding:6px;border-radius:8px 8px 4px 4px;background:var(--glass-dark);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 1px rgba(0,0,0,.65),0 10px 40px rgba(0,0,0,.6);animation:startIn .22s var(--ease) both;
}
@keyframes startIn{from{opacity:0;translate:0 14px}}
.sm-left{display:grid;align-content:start;gap:1px;padding:6px;background:#ffffff;border:1px solid rgba(0,0,0,.45);border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.sm-right{display:grid;align-content:start;gap:1px;padding:10px 6px 6px 10px;color:#ffffff}
.sm-head{display:grid;justify-items:center;gap:8px;margin:-34px 0 10px;padding:0}
.sm-pic{width:58px;height:58px;border-radius:6px;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 2px 8px rgba(0,0,0,.5);
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.9) 0,rgba(255,255,255,.3) 24%,transparent 48%),radial-gradient(circle at 50% 78%,#ffd2a8 0,#ff8a3d 36%,#e2490d 62%,#7a2205);display:grid;place-items:center}
.sm-pic svg{width:26px;height:26px;color:#fff;filter:drop-shadow(0 1px 1px rgba(90,25,0,.8))}
.sm-item{display:flex;align-items:center;gap:10px;min-height:34px;padding:6px 10px;border:1px solid transparent;border-radius:3px;color:#1b1b1b;text-decoration:none;font:400 14px/1.2 var(--f-sans)}
.sm-item::before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:4px;background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.35)}
.sm-item:hover{background:var(--sel);border-color:#a8d8f8}
.sm-right .sm-item{min-height:30px;padding:5px 8px;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.sm-right .sm-item::before{display:none}
.sm-right .sm-item:hover{background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.1));border-color:rgba(0,0,0,.4)}

/* A home é um computador: área de trabalho atrás, janelas por cima e a barra
   de tarefas embaixo. A página não rola; quem rola é o corpo de cada janela.
   Sem JS (sem a classe "wm" no <html>) tudo vira uma página comum. */
body.os{height:100vh;height:100svh;overflow:hidden;padding-bottom:0}
html:not(.wm) body.os{height:auto;overflow:auto;padding-bottom:var(--task)}
.desk{position:fixed;inset:0 0 var(--task) 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.desk::-webkit-scrollbar{display:none}
html:not(.wm) .desk{position:relative;inset:auto;overflow:visible}

.desk-icons{position:absolute;left:clamp(8px,1vw,16px);top:12px;bottom:12px;z-index:2;display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fill,78px);gap:4px;align-content:start;pointer-events:none}
.desk-icon{pointer-events:auto;display:grid;justify-items:center;align-content:start;gap:5px;width:86px;height:78px;padding:6px 4px;border:1px solid transparent;border-radius:3px;
  color:#ffffff;text-decoration:none;text-align:center;font:400 12.5px/1.2 var(--f-sans);text-shadow:0 1px 3px #000,0 0 2px #000}
.desk-icon i{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;font:600 15px/1 var(--f-sans);font-style:normal;color:#ffffff;
  background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 3px 8px rgba(0,0,0,.45)}
.desk-icon svg{width:24px;height:24px;fill:none;stroke:#ffffff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.desk-icon:hover{background:rgba(120,190,255,.25);border-color:rgba(160,215,255,.55)}
.desk-icon:active i{filter:brightness(.85)}
.desk-icon:focus-visible{outline:1px dotted #fff;background:rgba(80,160,240,.45)}
/* Como no Windows (wm.js): com mouse, um clique seleciona e o duplo clique abre;
   arrastar no fundo desenha o retângulo de seleção. No toque, um toque abre. */
.desk{user-select:none;-webkit-user-select:none}
.desk-icon.sel{background:rgba(80,160,240,.42);border-color:rgba(160,215,255,.8)}
.desk-icon.sel:hover{background:rgba(100,175,250,.5)}
.lasso{position:fixed;z-index:35;border:1px solid rgba(120,185,255,.95);background:rgba(70,150,240,.26);pointer-events:none}

/* Cor de cada programa: ícone da área de trabalho, da barra de título e da
   barra de tarefas. */
[data-win="sobre"]{--app:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5)}
[data-win="produtos"]{--app:linear-gradient(180deg,#ffd3a8,#ff8a3d 55%,#d4490d)}
[data-win="por-dentro"]{--app:linear-gradient(180deg,#c7f5a8,#6bc33d 55%,#2f8a1d)}
[data-win="comunidade"]{--app:linear-gradient(180deg,#c8c9ff,#5865f2 55%,#3a43b5)}
[data-win="releases"]{--app:linear-gradient(180deg,#fff2a8,#f6c315 55%,#b88600)}
[data-win="contato"]{--app:linear-gradient(180deg,#ffc6e3,#ff5fa2 55%,#c22a6e)}
[data-win="privacidade"],[data-win="termos"]{--app:linear-gradient(180deg,#ffffff,#dfe6ee 55%,#a9b6c4)}
.desk-icon[data-win] i{background:var(--app)}
.desk-icon.ext i{background:linear-gradient(180deg,#4b4b4b,#1d1d1d 55%,#0b0b0b)}

/* ---------- janelas ---------- */
.wins{position:fixed;inset:0 0 var(--task) 0;z-index:40;pointer-events:none}
html:not(.wm) .wins{position:static;display:grid;gap:24px;padding:24px var(--gut);pointer-events:auto}
.wm-win,.nf-in,.ann,.receipt{
  position:relative;isolation:isolate;border-radius:8px 8px 6px 6px;background:var(--glass);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--win-shadow);
}
.nf-in::before,.ann::before{content:"";position:absolute;z-index:-1;inset:var(--tb) 7px 7px 7px;background:var(--panel);border:1px solid rgba(0,0,0,.42);box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.nf-in::after{content:"";position:absolute;top:0;right:8px;width:97px;height:20px;background:var(--caption) no-repeat;pointer-events:none}

.wm .wm-win{position:absolute;left:0;top:0;display:none;max-height:calc(100% - 24px);pointer-events:auto;outline:none}
.wm .wm-win.open{display:flex;flex-direction:column}
.wm .wm-win.min{display:none}
.wm .wm-win.max{left:0!important;top:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0}
.wm-win:not(.active){
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.34) 14px,rgba(255,255,255,.22) 15px,rgba(215,228,240,.28)),rgba(175,198,222,.4);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 0 1px rgba(0,0,0,.38),0 6px 20px -6px rgba(0,0,0,.45);
}
.wm-bar{position:relative;flex:0 0 auto;height:var(--tb);display:flex;align-items:center;gap:7px;padding:0 128px 0 10px;cursor:default;user-select:none;-webkit-user-select:none;touch-action:none}
.wm-ico{width:16px;height:16px;flex:0 0 auto;border-radius:3px;background:var(--app,var(--btn-sig));box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 1px rgba(0,0,0,.4)}
.wm-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.2 var(--f-sans);color:#000;text-shadow:0 0 8px #fff,0 0 3px #fff,0 0 1px #fff}
.wm-caps{position:absolute;top:0;right:7px;z-index:2;display:flex}
.wm-caps button{
  display:block;height:19px;margin:0;padding:0;border:1px solid rgba(42,58,74,.75);border-top:0;cursor:default;
  background:var(--g) no-repeat center,linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.25) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.16);transition:box-shadow .15s,filter .15s;
}
.wm-caps button:hover{background:var(--g) no-repeat center,linear-gradient(180deg,#d9f1ff,#8fd0f8 45%,#3a9de0 50%,#7fd0ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 0 9px rgba(80,180,255,.85)}
.wm-caps button:active{filter:brightness(.82)}
.wm-caps button:focus-visible{outline:1px dotted #000;outline-offset:-3px}
.wm-min{width:27px;border-radius:0 0 0 5px;--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5' viewBox='0 0 12 5'%3E%3Crect x='.6' y='.6' width='10.8' height='3.6' rx='.6' fill='%23fff' stroke='%231d2b38' stroke-width='.9'/%3E%3C/svg%3E")}
.wm-max{width:26px;border-left:0!important;--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Crect x='1.5' y='1.5' width='11' height='9' rx='.6' fill='none' stroke='%231d2b38' stroke-width='2.6'/%3E%3Crect x='1.5' y='1.5' width='11' height='9' rx='.6' fill='none' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E")}
.wm-win.max .wm-max{--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M4.5 1.5h8v6M1.5 4.5h8v6h-8z' fill='none' stroke='%231d2b38' stroke-width='2.4'/%3E%3Cpath d='M4.5 1.5h8v6M1.5 4.5h8v6h-8z' fill='none' stroke='%23fff' stroke-width='1.1'/%3E%3C/svg%3E")}
.wm-x{width:46px;border-left:0!important;border-color:rgba(90,26,18,.85)!important;border-radius:0 0 5px 0;
  --g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13'%3E%3Cpath d='M2.5 2.2l9 8.6M11.5 2.2l-9 8.6' stroke='%233a0d08' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M2.5 2.2l9 8.6M11.5 2.2l-9 8.6' stroke='%23fff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
  background:var(--g) no-repeat center,linear-gradient(180deg,#e8a493,#d1695a 45%,#c0392b 50%,#d9604a)!important}
.wm-x:hover{background:var(--g) no-repeat center,linear-gradient(180deg,#f6c0b0,#ea7a63 45%,#d8331c 50%,#f2775a)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 0 10px rgba(255,80,40,.85)!important}
.wm-win:not(.active) .wm-x{border-color:rgba(42,58,74,.6)!important;background:var(--g) no-repeat center,linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.22) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.16))!important}
.wm-win:not(.active) .wm-caps{opacity:.8}
.wm-body{position:relative;flex:1 1 auto;min-height:0;margin:0 7px 7px;overflow:auto;overscroll-behavior:contain;container:wm / inline-size;
  background:var(--panel);border:1px solid rgba(0,0,0,.42);box-shadow:0 0 0 1px rgba(255,255,255,.55);
  scrollbar-color:#bcbcbc #eeeeee}
.wm-body::-webkit-scrollbar{width:17px;height:17px}
.wm-body::-webkit-scrollbar-track{background:linear-gradient(90deg,#e6e6e6,#f5f5f5);border-left:1px solid #d6d6d6}
.wm-body::-webkit-scrollbar-thumb{border:1px solid #9a9a9a;border-radius:3px;background:linear-gradient(90deg,#fbfbfb,#e8e8e8 50%,#d6d6d6 51%,#dedede)}
.wm-body::-webkit-scrollbar-thumb:hover{border-color:#3c7fb1;background:linear-gradient(90deg,#eaf6fd,#d9f0fc 50%,#bee6fd 51%,#a7d9f5)}
.wm-grip{position:absolute;right:4px;bottom:4px;z-index:3;width:20px;height:20px;cursor:nwse-resize;touch-action:none}
.wm-grip::after{content:"";position:absolute;right:4px;bottom:4px;width:13px;height:13px;pointer-events:none;
  background:radial-gradient(circle,#8c99a6 1.1px,transparent 1.4px) 0 0/4.33px 4.33px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.wm-win.max .wm-grip{display:none}
.wm-win.dragging,.wm-win.dragging *{cursor:default;user-select:none;-webkit-user-select:none}
html:not(.wm) .wm-caps,html:not(.wm) .wm-grip{display:none}

.pane{padding:clamp(22px,4cqi,44px) clamp(18px,4.4cqi,48px) clamp(26px,4cqi,48px)}
.sec-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:18px;margin-bottom:clamp(26px,4.4cqi,48px)}
.sec-head > .big{grid-column:1 / span 9}
.sec-head > .lede{grid-column:1 / span 7}
[data-split] .w{display:inline-block;overflow:clip;overflow-clip-margin:.14em;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
[data-split] .w > span{display:inline-block;translate:0 105%;transition:translate .8s var(--ease);transition-delay:calc(var(--k,0) * 40ms)}
[data-split].in .w > span{translate:0 0}
[data-split].done .w{overflow:visible}
[data-rv]{opacity:0;scale:.96;transition:opacity .35s ease-out,scale .45s var(--ease)}
[data-rv].in{opacity:1;scale:1}
.no-rv [data-rv],.no-rv [data-split] .w > span{opacity:1;scale:1;translate:none;transition:none}
.pane .sec-head > .label{position:static;grid-column:1 / -1;color:var(--dim);text-shadow:none;font-size:13px}
.pane .big{font-size:clamp(32px,6.4cqi,68px)}

/* ---------- barra de tarefas: programas fixados e abertos ---------- */
.nav-links a::before{background:var(--app,linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5))!important}
.nav-links a:not(.pin):not(.run){display:none}
.nav-links a.run{border-color:rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08) 50%,rgba(0,0,0,.04) 51%,rgba(255,255,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.nav-links a.act{border-color:rgba(0,0,0,.55);background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 51%,rgba(255,255,255,.26));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 12px rgba(130,200,255,.5)}
.nav-links a.run::after{content:"";position:absolute;left:6px;right:6px;bottom:1px;height:2px;border-radius:2px;background:rgba(160,215,255,.85);box-shadow:0 0 6px rgba(130,200,255,.9)}
.sm-copy{display:block;margin-top:10px;padding:8px 8px 0;border-top:1px solid rgba(255,255,255,.18);font:400 11px/1.4 var(--f-sans);color:rgba(255,255,255,.62)}

/* Abertura: a tela preta de inicialização, no ritmo do Windows 7. Quatro luzes
   entram devagar de lados diferentes e giram em espiral até o centro, cada uma
   com um rastro; no centro viram um brilho, e dele saem as placas "EVL". ~4 s,
   uma vez por sessão (home.js); com movimento reduzido não aparece. */
.veil{position:fixed;inset:0;z-index:200;pointer-events:none;background:#000;overflow:hidden;animation:veilFade .45s 3.5s ease forwards,veilGone 0s 3.95s forwards}
.orb{position:absolute;left:50%;top:46%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--c);
  box-shadow:0 0 14px 5px var(--g),0 0 44px 16px var(--g2);animation:orbSpiral var(--d) cubic-bezier(.42,.08,.36,1) var(--s) both}
.orb.tr{width:9px;height:9px;margin:-4.5px 0 0 -4.5px;filter:blur(3px);opacity:.55;animation-delay:calc(var(--s) + .14s)}
.o1{--a:-25deg;--r:min(300px,40vmin);--d:2.6s;--s:.15s;--c:#ffc39a;--g:rgba(255,138,61,.85);--g2:rgba(255,110,40,.32)}
.o2{--a:65deg;--r:min(260px,35vmin);--d:2.5s;--s:.25s;--c:#ffe28a;--g:rgba(255,208,77,.8);--g2:rgba(255,190,40,.3)}
.o3{--a:155deg;--r:min(320px,42vmin);--d:2.4s;--s:.35s;--c:#a8ddff;--g:rgba(108,200,255,.85);--g2:rgba(70,160,255,.32)}
.o4{--a:245deg;--r:min(280px,37vmin);--d:2.3s;--s:.45s;--c:#b6ef9c;--g:rgba(139,224,106,.8);--g2:rgba(90,200,70,.3)}
@keyframes orbSpiral{
  0%{transform:rotate(var(--a)) translateX(var(--r)) scale(.35);opacity:0}
  16%{opacity:1}
  55%{transform:rotate(calc(var(--a) + 150deg)) translateX(calc(var(--r) * .56)) scale(.85)}
  86%{transform:rotate(calc(var(--a) + 265deg)) translateX(calc(var(--r) * .12)) scale(1.08);opacity:1}
  100%{transform:rotate(calc(var(--a) + 305deg)) translateX(0) scale(.5);opacity:0}
}
.veil-mark{position:absolute;left:50%;top:46%;translate:-50% -50%;display:flex;gap:.08em;font-size:clamp(48px,9vw,120px);animation:markGlow 1.3s 2.7s ease-in-out both}
.veil-mark::before{content:"";position:absolute;left:50%;top:50%;width:2.6em;height:2.6em;translate:-50% -50%;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(255,170,90,.6),rgba(255,120,40,.14) 45%,transparent 70%);animation:bloom 1s 2.55s ease-out both}
@keyframes bloom{0%{opacity:0;scale:.15}55%{opacity:1;scale:1.12}100%{opacity:1;scale:1}}
@keyframes markGlow{0%{filter:drop-shadow(0 0 0 rgba(255,140,60,0))}45%{filter:drop-shadow(0 0 36px rgba(255,150,70,.9))}100%{filter:drop-shadow(0 0 22px rgba(255,140,60,.55))}}
.veil-mark .fc{width:1.1em;height:1.42em;font-size:1em;animation:tileIn .5s var(--ease) both;animation-delay:2.7s}
.veil-mark .fc:nth-child(2){animation-delay:2.78s}
.veil-mark .fc:nth-child(3){animation-delay:2.86s}
.veil-mark .fc b{animation:tileSpin .45s steps(6) 2.75s both}
@keyframes tileIn{from{opacity:0;transform:perspective(600px) rotateX(-80deg)}to{opacity:1;transform:none}}
@keyframes tileSpin{0%{filter:blur(3px);opacity:.3}100%{filter:none;opacity:1}}
@keyframes fadeIn{from{opacity:0}}
@keyframes veilFade{to{opacity:0}}
@keyframes veilGone{to{visibility:hidden}}
.no-veil .veil{display:none}

.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4cd137;box-shadow:0 0 0 0 rgba(76,209,55,.6);animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(76,209,55,.55)}70%{box-shadow:0 0 0 8px rgba(76,209,55,0)}100%{box-shadow:0 0 0 0 rgba(76,209,55,0)}}
@keyframes fadeUp{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}

.board{
  grid-column:7 / -1;display:grid;padding:10px;border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.06) 40%,rgba(0,0,0,.18)),rgba(18,28,44,.66);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 1px rgba(0,0,0,.6),0 14px 34px rgba(0,0,0,.45);
  font-size:clamp(12px,.96vw,15px);color:#ffffff;animation:fadeUp .8s var(--ease) both;animation-delay:calc(var(--t0) + .45s);
}
.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;padding:6px 8px 10px;border-bottom:1px solid rgba(255,255,255,.18);font:400 12px/1 var(--f-sans);color:rgba(255,255,255,.8)}
.board-top b{color:#ffffff;font-weight:600}
.board-clock{font-size:12px}
.board-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px 16px;padding:12px 10px;margin-top:4px;
  border:1px solid transparent;border-radius:5px;color:#ffffff;text-decoration:none;transition:background .2s,border-color .2s;
}
.board-row:hover{background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.08));border-color:rgba(160,215,255,.5)}
.board-name{display:grid;gap:7px;min-width:0}
.board-kind{font:400 12px/1.3 var(--f-sans);color:rgba(255,255,255,.72)}
.board-stat{display:inline-flex;align-items:center;gap:9px}
.board-go{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--btn);border:1px solid #707070;color:#1b1b1b;transition:background .2s}
.board-go svg{width:14px;height:14px}
.board-row:hover .board-go{background:var(--btn-sig);border-color:#a83a0b;color:#fff}

.about-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:clamp(36px,4vw,60px)}
.about-copy{grid-column:1 / -1;columns:2 320px;column-gap:44px}
.about-copy p{margin:0 0 1em;break-inside:avoid;color:var(--mut);font-size:16.5px;line-height:1.6}
.about-copy p:first-child{font:300 clamp(24px,2.1vw,32px)/1.25 var(--f-display);color:var(--head);column-span:all;max-width:40ch;margin-bottom:1.1em}
.about-copy p:first-child b{font-weight:600;color:var(--sig)}
.sectors{grid-column:1 / -1;display:grid;gap:12px}
.sectors > .label{position:static;color:var(--head);text-shadow:none;font-size:15px;font-weight:600}
.sectors > .label::before{display:none}
.sector-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.sector{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;row-gap:6px;padding:16px 18px;
  border:1px solid #e3e3e3;border-radius:4px;background:linear-gradient(180deg,#ffffff,#f6f9fc);color:var(--fg);transition:background .2s,border-color .2s;
}
.sector:hover{background:var(--sel);border-color:#a8d8f8}
.sector .n{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:6px;font:600 17px/1 var(--f-sans);color:#fff;
  background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.25)}
.sector:nth-child(2) .n{background:linear-gradient(180deg,#ffd3a8,#ff8a3d 55%,#d4490d)}
.sector h3{margin:0;font:400 22px/1.2 var(--f-display);color:var(--head)}
.sector p{grid-column:2 / -1;margin:0;max-width:62ch;color:var(--mut);font-size:15px}
.tag{
  display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border:1px solid #9ec99b;border-radius:3px;background:linear-gradient(180deg,#f2fbef,#dcf2d6);
  font:400 12px/1 var(--f-sans);color:#2d6b25;white-space:nowrap;
}
.tag .dot{width:7px;height:7px;animation:none;box-shadow:none;background:#3fa535}

.plates{display:grid;gap:18px}
.plate{--acc:var(--sig);position:relative;border:1px solid #c9d6e3;border-radius:4px;background:#ffffff;color:var(--fg);overflow:hidden;scroll-margin-top:12px}
.plate.tk{--acc:var(--vio)}
.plate-bar{display:flex;align-items:center;gap:10px 18px;height:36px;padding:0 14px;border-bottom:1px solid #d5e1ec;background:linear-gradient(180deg,#fdfeff,#e9f1f8);
  font:400 13px/1 var(--f-sans);color:#1b1b1b;white-space:nowrap;overflow:hidden}
.plate-bar b{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.plate-bar b::before{content:"";width:16px;height:16px;border-radius:3px;background:linear-gradient(180deg,#ffd3a8,#ff8a3d 55%,#d4490d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.plate.tk .plate-bar b::before{background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5)}
.plate-bar .tag{margin-left:auto}
.plate-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.plate-copy{display:flex;flex-direction:column;padding:clamp(20px,3.4cqi,40px)}
.plate h3{margin:0 0 14px;font:300 clamp(32px,5.4cqi,60px)/1 var(--f-display);letter-spacing:-.02em;color:var(--head)}
.plate .desc{margin:0 0 22px;max-width:48ch;font-size:clamp(15.5px,1.9cqi,18px);line-height:1.5;color:var(--mut)}
.checks{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:2px}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:7px 10px;border:1px solid transparent;border-radius:3px;font-size:15px;line-height:1.4;color:var(--fg)}
.checks li::before{content:"";width:16px;height:16px;margin-top:2px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#c9f2b8,#4cb33a 60%,#2b7a1e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.checks li:hover{background:var(--sel);border-color:#a8d8f8}
.plate-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto}
.dlmeta{font:400 12px/1 var(--f-sans);color:var(--dim)}

.plate-art{position:relative;display:grid;place-items:center;min-height:400px;margin:clamp(14px,1.6vw,22px);border:1px solid #c5d3e0;border-radius:3px;overflow:hidden;
  background:linear-gradient(180deg,#f5f9fd,#dde9f5)}
.plate-art::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(30,50,135,.06) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(30,50,135,.06) 1px,transparent 1px) 0 0/32px 32px}
.plate-art svg{position:relative;z-index:1;width:min(86%,420px);height:auto;overflow:visible}
.art-spin{transform-box:fill-box;transform-origin:center;animation:spin 14s linear infinite}
@keyframes spin{to{rotate:360deg}}
.art-needle{transform-box:view-box;transform-origin:220px 250px;rotate:-68deg;transition:rotate 1.8s var(--ease) .3s}
.plate.in .art-needle,.no-rv .art-needle{rotate:38deg}
.art-bar{transform-box:fill-box;transform-origin:bottom;scale:1 .08;transition:scale 1.2s var(--ease)}
.plate.in .art-bar,.no-rv .art-bar{scale:1 1}
.plate.in .art-bar:nth-of-type(2){transition-delay:.08s}
.plate.in .art-bar:nth-of-type(3){transition-delay:.16s}
.plate.in .art-bar:nth-of-type(4){transition-delay:.24s}
.plate.in .art-bar:nth-of-type(5){transition-delay:.32s}
.art-txt{font:600 12px var(--f-sans);letter-spacing:.06em;fill:var(--head)}
.a-disc{fill:#1b1b1b;stroke:none}
.a-groove{fill:none;stroke:rgba(255,255,255,.12)}
.a-sheen{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2;stroke-linecap:round}
.a-label{fill:#ff8a3d}
.a-notch{fill:#1b1b1b}
.a-hole{fill:#ffffff}
.a-lead{fill:none;stroke:var(--head);stroke-width:1.5}
.a-pt{fill:var(--head)}
.a-dim{fill:none;stroke:rgba(30,50,135,.45)}
.a-track{fill:none;stroke:rgba(30,50,135,.12);stroke-width:22}
.a-seg{fill:none;stroke-width:9;stroke-linecap:round}
.a-seg.s1{stroke:#4cb33a}
.a-seg.s2{stroke:#f6c315}
.a-seg.s3{stroke:#ff5a1f}
.a-tick{fill:none;stroke:rgba(30,50,135,.45);stroke-width:1.5}
.a-tick.major{stroke:var(--head)}
.art-needle{stroke:#1b1b1b;stroke-width:5;stroke-linecap:round}
.a-hub{fill:#1b1b1b}
.art-bar{fill:#7fb5ea}
.art-bar.hot{fill:#ff5a1f}

.w-card{position:relative;flex:0 0 auto;width:clamp(270px,23vw,340px);padding:26px 24px 26px;border-radius:2px;
  background:linear-gradient(180deg,#fdf8b6,#fbf191 100%);color:#2b2b18;box-shadow:0 0 0 1px rgba(150,140,40,.55),0 8px 22px rgba(0,0,0,.35)}
.w-card.w-step{padding-top:40px}
.w-card.w-step::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:linear-gradient(180deg,#fbf6a6,#f1e47a);border-bottom:1px solid rgba(150,140,40,.35)}
.w-card.w-step::after{content:"+";position:absolute;left:8px;top:2px;font:400 15px/18px var(--f-sans);color:#77703a}
.w-div{--acc:var(--vio);width:clamp(250px,20vw,300px);display:flex;flex-direction:column;justify-content:space-between;gap:36px;border-radius:8px;color:#ffffff;
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 45%,rgba(0,0,0,.1)),linear-gradient(160deg,#4fa3ec,#1d5aa5);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 1px rgba(0,0,0,.55),0 10px 26px rgba(0,0,0,.4);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.w-div.op{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.1) 45%,rgba(0,0,0,.1)),linear-gradient(160deg,#ff9a55,#d4490d)}
.w-div small{font:600 13px/1 var(--f-sans);letter-spacing:.04em}
.w-div b{display:block;font:300 clamp(40px,3.4vw,56px)/1 var(--f-display);color:inherit}
.w-kind{font:400 13px/1.4 var(--f-sans)}
.w-n{display:grid;place-items:center;width:38px;height:38px;margin-bottom:26px;border-radius:50%;font:600 15px/1 var(--f-sans);color:#ffffff;
  background:radial-gradient(circle at 50% 35%,#ffd3a8,#ff8a3d 55%,#d4490d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.25)}
.w-step h3{margin:0 0 10px;font:600 21px/1.2 var(--f-sans);color:#2b2b18}
.w-step p{margin:0;font-size:15px;line-height:1.55;color:#4a4730}

.receipt{width:clamp(300px,27vw,400px);padding:var(--tb) 7px 7px;border-radius:8px 8px 6px 6px;color:#c8c8c8;font-family:var(--f-mono)}
.rc-top{position:absolute;top:0;left:12px;right:112px;height:var(--tb);display:flex;align-items:center;gap:8px;font:400 13px/1 var(--f-sans);color:#000;text-shadow:0 0 8px #fff,0 0 3px #fff;white-space:nowrap;overflow:hidden}
.rc-top b{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.rc-top b::before{content:"C:\\";display:grid;place-items:center;width:18px;height:16px;border-radius:2px;background:#0c0c0c;color:#c8c8c8;font:600 8px/1 var(--f-mono);text-shadow:none}
.rc-top small{font-size:12.5px;color:#222}
.rc-body{display:grid;gap:12px;padding:16px 16px 18px;background:#0c0c0c;border:1px solid rgba(0,0,0,.6);box-shadow:0 0 0 1px rgba(255,255,255,.5);min-height:calc(100% - 0px)}
.rc-q{display:flex;align-items:center;gap:8px;font-size:13px;color:#c8c8c8}
.rc-q::before{content:"C:\\EVL>";color:#c8c8c8}
.caret{width:8px;height:3px;align-self:end;margin-bottom:3px;background:#c8c8c8;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.res{display:grid;grid-template-columns:auto minmax(12px,1fr) auto auto;align-items:baseline;gap:8px;font-size:12.5px;opacity:0;translate:0 4px}
.res small{font-size:12px;color:#8f8f8f}
.res .dots{border-bottom:1px dotted #555;translate:0 -3px}
.res b{font-weight:400;color:#ffffff}
.res .ok{color:#7fff7f}
.receipt.play .res{animation:fadeUp .4s var(--ease) forwards}
.receipt.play .res:nth-of-type(2){animation-delay:.2s}
.receipt.play .res:nth-of-type(3){animation-delay:.4s}
.receipt.play .res:nth-of-type(4){animation-delay:.6s}
.rc-stamp{justify-self:start;display:inline-block;padding:2px 6px;background:#c8c8c8;color:#0c0c0c;font:400 12.5px/1.4 var(--f-mono);opacity:0;transition:opacity .3s 1s}
.receipt.play .rc-stamp{opacity:1}
.queue{display:grid;gap:9px}
.qrow{display:grid;grid-template-columns:minmax(0,108px) minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:12px}
.qrow .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdbdbd}
.qrow .bar{height:14px;border:1px solid #6f6f6f;border-radius:2px;background:linear-gradient(180deg,#e6e6e6,#d0d0d0);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.qrow .bar i{display:block;width:0;height:100%;background:linear-gradient(180deg,#a6f19b 0,#5fd34f 45%,#2fb11d 50%,#56c94a 100%);transition:width 1.1s var(--ease)}
.qrow .pc{text-align:right;color:#ffffff}
.qtotal{display:flex;align-items:baseline;gap:10px;padding-top:12px;border-top:1px solid #333}
.qtotal b{font:400 34px/1 var(--f-mono);color:#7fff7f;font-variant-numeric:tabular-nums}
.qtotal span{font-size:12px;color:#8f8f8f}

.tabs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:2px;margin:0 0 -1px;padding:0 4px}
.tab{display:grid;gap:3px;justify-items:start;margin-top:3px;padding:7px 16px 6px;border:1px solid #898c95;border-radius:3px 3px 0 0;
  background:linear-gradient(180deg,#f7f7f7,#ececec 50%,#dedede 51%,#d3d3d3);color:#1b1b1b;font:400 14px/1.2 var(--f-sans);text-align:left;cursor:pointer}
.tab b{display:inline-flex;align-items:center;gap:8px;font-weight:400}
.tab b::before{content:"";width:14px;height:14px;border-radius:3px;background:linear-gradient(180deg,#9fd5ff,#3d8ad6 55%,#1d5aa5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.tab.op b::before{background:linear-gradient(180deg,#ffd3a8,#ff8a3d 55%,#d4490d)}
.tab small{font-size:11.5px;color:var(--dim)}
.tab:hover{background:var(--btn-hot);border-color:#3c7fb1}
.tab[aria-selected="true"]{margin-top:0;padding-bottom:9px;border-bottom-color:#ffffff;background:#ffffff}
.tab[aria-selected="true"] b{font-weight:600}
.tab-panel{padding:clamp(16px,3cqi,26px);border:1px solid #898c95;border-radius:0 3px 3px 3px;background:#ffffff}
.tab-kind{margin:0 0 16px;font:400 13px/1.3 var(--f-sans);color:var(--dim)}
.how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}
.how-steps{display:grid;gap:12px}
.how-grid .w-card{width:auto;flex:none}
.how-grid .w-card.w-step{padding:34px 20px 18px}
.how-grid .w-n{width:34px;height:34px;margin-bottom:12px;font-size:14px}
.how-grid .w-step h3{font-size:19px}
.how-grid .receipt{width:auto}

.comm{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end}
.comm > .sec-head{grid-column:1 / -1;margin:0}
.comm-side{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #c5d3e0;border-radius:3px;background:linear-gradient(180deg,#f5f9fd,#e3edf7)}
.comm-side .lede{max-width:56ch;font-size:17px}
.comm-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.comm-url{font:400 13px/1 var(--f-sans);color:var(--dim)}
.comm-act .btn svg{width:18px;height:18px}

.contact .sec-head{margin-bottom:clamp(24px,3vw,40px)}
.contact-act{display:grid;gap:16px}
.contact-act .btn{justify-self:start}
.mail-big{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;
  border:1px solid #abadb3;border-top-color:#828790;border-radius:2px;background:#ffffff;color:var(--fg);text-decoration:none;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08);transition:border-color .2s,box-shadow .2s;
}
.mail-big:hover{border-color:#3c7fb1;box-shadow:inset 0 1px 2px rgba(0,0,0,.08),0 0 6px rgba(60,160,230,.4)}
.mail-big small{display:inline-flex;align-items:center;height:30px;padding:0 14px;border:1px solid #707070;border-radius:3px;background:var(--btn);font:400 14px/1 var(--f-sans);color:#1b1b1b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.mail-big span{font:300 clamp(24px,4vw,58px)/1.15 var(--f-display);color:var(--head);overflow-wrap:anywhere}
.mail-big svg{width:clamp(22px,2.4vw,34px);height:auto;color:var(--head)}

.mail-big span{font-size:clamp(22px,6cqi,52px)}
.mail-big svg{width:clamp(20px,3.2cqi,32px)}
.contact-act{display:grid;gap:16px;justify-items:start}
.contact-act .mail-big{justify-self:stretch}

.empty{margin:0;padding:24px 20px;border-radius:6px;background:rgba(255,255,255,.85);font:400 14px/1.5 var(--f-sans);color:var(--mut)}

.rel-app{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;padding:calc(var(--tb) + clamp(22px,3vw,40px)) calc(7px + clamp(20px,3vw,40px)) calc(7px + clamp(22px,3vw,40px))}
.rel-app + .rel-app{margin-top:0}
.rel-top{grid-column:1 / span 3;display:grid;align-content:start;gap:8px}
.rel-top h2{margin:0;font:300 clamp(32px,3vw,46px)/1.05 var(--f-display);color:var(--head)}
.rel-top .mono{font:400 13px/1.4 var(--f-sans);color:var(--dim)}
.rel-main{grid-column:4 / -1;display:grid;gap:30px}
.rel-latest{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:end;padding:clamp(20px,2.4vw,30px);border:1px solid #c5d3e0;border-radius:3px;background:linear-gradient(180deg,#f5f9fd,#e3edf7)}
.rel-ver{display:grid;gap:14px}
.rel-ver .label{color:var(--head);text-shadow:none;font-weight:600}
.rel-ver .flap{font-size:clamp(22px,3vw,40px)}
.rel-notes{grid-column:1 / -1;margin:0;max-width:64ch;color:var(--mut);white-space:pre-line}
.rel-facts{display:flex;flex-wrap:wrap;gap:6px}
.rel-facts .tag{border-color:#b9c9d9;background:linear-gradient(180deg,#ffffff,#eef3f8);color:#33475b}
.rel-arch h3{margin:0 0 10px}
.rel-arch .label{color:var(--head);text-shadow:none;font-weight:600}
.rel-list{margin:0;padding:0;list-style:none;border:1px solid #d5d5d5}
.rel-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:8px 12px;border-top:1px solid #ececec}
.rel-list li:first-child{border-top:0}
.rel-list li:hover{background:var(--sel)}
.rel-list .flap{font-size:13px}
.rel-list .meta{font:400 13px/1.3 var(--f-sans);color:var(--dim)}
.rel-list a{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid #707070;border-radius:3px;background:var(--btn);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);font:400 13px/1 var(--f-sans);color:#1b1b1b;text-decoration:none}
.rel-list a:hover{background:var(--btn-hot);border-color:#3c7fb1}

.addr{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-bottom:1px solid #d3dee9;
  background:linear-gradient(180deg,#f7fafd,#e2ebf4);font:400 13px/1 var(--f-sans);color:#1b1b1b}
.addr-ico{width:16px;height:13px;border-radius:2px;background:linear-gradient(180deg,#ffe9a0,#f6c315 60%,#c99400);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 1px 1px rgba(0,0,0,.3)}
.addr i{font-style:normal;color:var(--dim)}
.rel-apps{display:grid;gap:18px}
.rel-app{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:22px;padding:clamp(18px,3cqi,30px);border:1px solid #c9d6e3;border-radius:4px;background:#ffffff}
.rel-top h2{margin:0;font:300 clamp(28px,4.2cqi,44px)/1.05 var(--f-display);color:var(--head)}

.legal [data-lang-block]{display:none}
.legal [data-lang-block].on{display:block}
.legal .eyebrow{position:absolute;top:7px;left:12px;font:400 13px/1.2 var(--f-sans);color:#000;text-shadow:0 0 8px #fff,0 0 3px #fff}
.legal h1{margin:0 0 18px;max-width:18ch;font:300 clamp(44px,5.6vw,90px)/1.02 var(--f-display);letter-spacing:-.02em;color:var(--head)}
.legal h1 .ser{color:var(--sig)}
.legal .updated{margin:0 0 30px;font:400 13px/1.4 var(--f-sans);color:var(--dim)}
.legal .lead{max-width:56ch;margin:0 0 22px;font-size:clamp(18px,1.5vw,21px);line-height:1.5;color:var(--fg)}
.legal .consent{max-width:70ch;margin:0 0 clamp(32px,4vw,56px);padding:12px 14px 12px 44px;border:1px solid #e6d27a;border-radius:3px;background:#fffbe0 no-repeat 14px 13px/20px 20px;color:#3a3420;font-size:15px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='%233d8ad6' stroke='%231d5aa5'/%3E%3Crect x='9' y='8.5' width='2' height='6' rx='1' fill='%23fff'/%3E%3Ccircle cx='10' cy='6' r='1.2' fill='%23fff'/%3E%3C/svg%3E")}
.legal .consent > b{display:block;margin:0 0 4px}
.legal .consent ul{margin:0;padding-left:1.1em}
.legal .consent li{margin:.2em 0;line-height:1.5}
.legal code{font:13.5px/1.4 var(--f-mono);word-break:break-all;padding:1px 4px;border-radius:2px;background:#f1f1f1;color:#333}
.legal section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:26px 0;border-top:1px solid var(--rule)}
.legal section > *{grid-column:4 / span 9}
.legal h2{grid-column:1 / span 3!important;grid-row:span 20;align-self:start;margin:0 0 14px;display:grid;gap:8px;font:400 19px/1.25 var(--f-sans);color:var(--head)}
.legal h2 .n{font:600 12px/1 var(--f-sans);color:var(--sig)}
.legal section p,.legal section li{color:var(--mut);font-size:16px;line-height:1.65}
.legal section p{margin:0 0 1em}
.legal section ul{margin:0 0 1em;padding-left:1.1em}
.legal section li{margin:0 0 .6em}
.legal section li::marker{color:var(--sig)}
.legal a.inline,.legal section a{color:var(--link);text-decoration:underline}
.legal .altpage{margin:36px 0 0;padding-top:22px;border-top:1px solid var(--rule);color:var(--mut)}

.wm-win.doc .legal{padding:clamp(22px,4.4cqi,56px) clamp(18px,5.4cqi,64px)}
html:not(.wm) .legal{background:#fff}
html:not(.wm) .legal [data-lang-block="pt"]{display:block}
.legal .eyebrow{display:none}
.legal h1{margin:0 0 18px;max-width:18ch;font:300 clamp(34px,7cqi,76px)/1.02 var(--f-display);letter-spacing:-.02em;color:var(--head)}

.ann-back{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:20px;background:rgba(0,10,30,.35);opacity:0;transition:opacity .25s}
.ann-back.open{opacity:1}
.ann{width:min(520px,100%);padding:var(--tb) 7px 7px;overflow:hidden;scale:.94;transition:scale .3s var(--ease)}
.ann-back.open .ann{scale:1}
.ann-bar{position:absolute;top:0;left:12px;right:6px;height:var(--tb);display:flex;align-items:center;justify-content:space-between;font:400 13px/1 var(--f-sans);color:#000;text-shadow:0 0 8px #fff,0 0 3px #fff}
.ann-bar > span{display:inline-flex;align-items:center;gap:8px}
.ann-x{display:grid;place-items:center;width:44px;height:20px;margin-top:-10px;border:1px solid rgba(90,26,18,.85);border-radius:0 0 5px 0;color:#ffffff;cursor:pointer;
  background:linear-gradient(180deg,#e8a493,#d1695a 45%,#c0392b 50%,#d9604a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.ann-x:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 10px rgba(255,80,40,.7)}
.ann-x svg{width:11px;height:11px;filter:drop-shadow(0 0 1px #3a0d08)}
.ann h3{margin:26px 26px 10px;font:400 22px/1.3 var(--f-sans);color:var(--head)}
.ann p{margin:0 26px;color:var(--mut);white-space:pre-line}
.ann-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;padding:12px 16px;background:#f0f0f0;border-top:1px solid #dfdfdf}

body.sub{--t0:.15s;display:flex;flex-direction:column;min-height:100vh}
body.sub main{flex:1}
.nf{display:grid;place-items:center;padding:clamp(40px,8vh,100px) var(--gut) 60px}
.nf-in{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:22px;row-gap:16px;align-items:start;width:min(640px,100%);padding:calc(var(--tb) + 28px) calc(7px + 26px) calc(7px + 0px)}
.nf-in > .label{position:absolute;top:7px;left:12px}
.nf-in > .label .dot{display:none}
.nf-big{grid-row:span 3;font-size:clamp(30px,5vw,46px)}
.nf-big .fc{width:1.1em;height:1.44em}
.nf h1{margin:0;font:400 clamp(24px,2.6vw,30px)/1.25 var(--f-sans);color:var(--head)}
.nf h1 em{font-style:normal;color:var(--sig)}
.nf p{margin:0;max-width:46ch;color:var(--mut)}
.nf .acts{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:14px -26px 0;padding:12px 16px;background:#f0f0f0;border-top:1px solid #dfdfdf}

.motion-on .board-row{animation:rowIn .6s var(--ease) backwards;animation-delay:calc(var(--t0) + .7s)}
.motion-on .board-row + .board-row{animation-delay:calc(var(--t0) + .85s)}
@keyframes rowIn{from{opacity:0;translate:0 12px}}
.plate-art svg{transition:scale .9s var(--spring)}
.plate:hover .plate-art svg{scale:1.04}
.w-n{transition:rotate .7s var(--spring)}
.w-step:hover .w-n{rotate:360deg}
.motion-on .rel-latest{animation:cardIn .6s var(--ease) backwards}
@keyframes cardIn{from{opacity:0;scale:.96}}
.motion-on .wm-win.shine{animation:glassShine 1.2s .15s ease-out both}
.motion-on .wm-win.shine{background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.5) 50%,transparent 62%) -160% 0/55% 100% no-repeat,var(--glass)}
@keyframes glassShine{from{background-position:-160% 0,0 0}to{background-position:260% 0,0 0}}
.motion-on .ann-foot .btn:not(.ghost),.motion-on .nf .acts .btn:not(.ghost),.motion-on .rel-dl{animation:defPulse 2.2s ease-in-out infinite}
@keyframes defPulse{50%{box-shadow:inset 0 0 0 1px rgba(255,235,210,.85),0 0 18px rgba(255,135,55,.8)}}
.qrow .bar i{position:relative;overflow:hidden}
.motion-on .qrow .bar i::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent) -60% 0/38% 100% no-repeat;animation:glint 2.6s linear infinite}
@keyframes glint{to{background-position:170% 0}}
.empty.loading{display:flex;align-items:center;gap:12px}
.empty.loading::before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 55%,#4aa8ec 78%,#2f8ad8);
  -webkit-mask:radial-gradient(circle,transparent 0 6.5px,#000 7px);mask:radial-gradient(circle,transparent 0 6.5px,#000 7px);animation:spin .8s linear infinite}
.motion-on .desk-icon{animation:iconIn .4s ease-out backwards;animation-delay:calc(var(--t0) + .3s)}
.motion-on .desk-icon:nth-child(2){animation-delay:calc(var(--t0) + .36s)}
.motion-on .desk-icon:nth-child(3){animation-delay:calc(var(--t0) + .42s)}
.motion-on .desk-icon:nth-child(4){animation-delay:calc(var(--t0) + .48s)}
.motion-on .desk-icon:nth-child(5){animation-delay:calc(var(--t0) + .54s)}
.motion-on .desk-icon:nth-child(6){animation-delay:calc(var(--t0) + .6s)}
.motion-on .desk-icon:nth-child(7){animation-delay:calc(var(--t0) + .66s)}
@keyframes iconIn{from{opacity:0;scale:.6}}
.motion-on .start-menu .sm-item{animation:fadeIn .22s ease-out backwards}
.motion-on .start-menu .sm-item:nth-child(2){animation-delay:.03s}
.motion-on .start-menu .sm-item:nth-child(3){animation-delay:.06s}
.motion-on .start-menu .sm-item:nth-child(4){animation-delay:.09s}
.motion-on .start-menu .sm-item:nth-child(5){animation-delay:.12s}
.motion-on .start-menu .sm-item:nth-child(6){animation-delay:.15s}
.motion-on .start-menu .sm-item:nth-child(n+7){animation-delay:.18s}
.motion-on .nav .brand .brand-mark{animation:orbBreath 3.2s ease-in-out infinite}
@keyframes orbBreath{50%{box-shadow:inset 0 0 0 1px rgba(255,220,190,.6),0 0 20px rgba(255,150,70,.8),0 2px 6px rgba(0,0,0,.5)}}
.motion-on .nav{animation:taskIn .45s ease-out backwards;animation-delay:calc(var(--t0) - .1s)}
@keyframes taskIn{from{translate:0 100%}}

@media (max-width:1100px){
  .desk{display:flex;flex-direction:column}
  .desk-icons{order:1;position:static;grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));justify-items:center;
    width:min(var(--max),100% - 2 * var(--gut));margin:0 auto;padding:18px 0 28px;pointer-events:auto}
}
@media (max-width:1180px){
  .nav-links a{padding:0 10px 0 8px;font-size:13px}
}
@media (max-width:1000px){
  .nav-links a{width:42px;padding:0;justify-content:center;font-size:0;gap:0}
}
@media (max-width:900px){
  .nf-in{grid-template-columns:1fr}
  .nf-big{grid-row:auto}
}
@media (max-width:759px){
  .wm .wm-win{left:0!important;top:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0}
  .wm-max,.wm-grip{display:none!important}
  .wm-bar{padding-right:84px}
}
@media (max-width:620px){
  :root{--gut:10px}
  body{font-size:15.5px}
  .nav-links a.pin:not(.run){display:none}
  .board{font-size:12.5px}
  .board-row{grid-template-columns:auto 1fr auto;gap:10px}
  .board-name{grid-column:1 / -1;grid-row:2}
  .board-stat{justify-self:end}
  .board-go{display:none}
  .start-menu{grid-template-columns:1fr}
  .sm-right{border-top:1px solid rgba(255,255,255,.18);padding-top:8px}
  .sm-head{display:none}
  .tray-clock small{display:none}
  .nav .btn.sm{display:none}
}

/* Dentro das janelas o que manda é a largura da janela, não a da tela. */
@container wm (max-width:820px){
  .sec-head,.about-grid,.comm,.rel-app{grid-template-columns:1fr}
  .sec-head > *,.about-grid > *,.comm > *,.rel-app > *{grid-column:1 / -1!important}
  .about-copy{columns:1}
  .plate-grid{grid-template-columns:1fr}
  .plate-art{display:none}
  .how-grid{grid-template-columns:1fr}
  .legal section{grid-template-columns:1fr}
  .legal section > *,.legal h2{grid-column:1 / -1!important;grid-row:auto}
  .rel-latest{grid-template-columns:1fr}
}
@container wm (max-width:520px){
  .sector{grid-template-columns:44px minmax(0,1fr)}
  .sector .n{width:40px;height:40px}
  .sector .tag{grid-column:2;justify-self:start}
  .sector p{grid-column:1 / -1}
  .sector-list{grid-template-columns:1fr}
  .plate-bar span:not(.tag):not(b){display:none}
  .qrow{grid-template-columns:minmax(0,86px) minmax(0,1fr) 36px}
  .mail-big{grid-template-columns:1fr}
  .mail-big svg{display:none}
  .rel-list li{grid-template-columns:1fr auto}
  .rel-list .meta{grid-column:1 / -1;grid-row:2}
  .tab{padding:7px 12px 6px}
}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-force) *,html:not(.motion-force) *::before,html:not(.motion-force) *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}
  html:not(.motion-force) .veil{display:none}
}