/* CENTREI em Liquid — ponte sobre o centrei.css (porte da AMERIGO DESIGN centrei-liquid-1..8, aprovado pelo
   Bruno 20/10/2026 21:16–21:18 BRT; ordem dele: "suba tudo para o servidor, eu corrijo depois").
   Carregado DEPOIS do centrei.css em toda tela: troca os tokens pela paleta Liquid (claro champanhe translúcido
   é o padrão; escuro preto+ouro com data-theme="dark", salvo na conta como antes), põe vidro nas superfícies e a
   casca (trilho, topo, barra do celular, folha "Mais") no desenho da DESIGN. Não muda texto nem comportamento. */

:root{
  --bg1:#e3ddcc;--bg2:#efdfb5;
  --g1:rgba(255,255,255,.46);--g2:rgba(255,255,255,.22);--gb:rgba(70,52,12,.18);--gh:rgba(255,255,255,.75);
  --sh:0 24px 56px -26px rgba(70,50,10,.45);--blob:.6;
  --cy:#7a5b10;--cy2:#d9a520;--ok-s:rgba(47,125,79,.14);--al:#8a5a06;--al-s:rgba(217,165,32,.20);--pe-s:rgba(168,80,58,.12);
  --medida:rgba(217,165,32,.16);--medida-b:rgba(190,140,20,.5);
  --fundo:#ebe3cd;--sup:rgba(255,255,255,.50);--sup2:rgba(255,255,255,.30);--linha:rgba(70,52,12,.16);--linha2:rgba(70,52,12,.26);
  --texto:#12141a;--texto2:#3a4052;--texto3:#575e70;
  --ouro:#7a5b10;--ouro-f:rgba(217,165,32,.16);
  --prim:#e8b02a;--prim-tx:#191102;
  --ok:#2f7d4f;--erro:#a8503a;
  --raio:16px;
  --t:'Inter',system-ui,sans-serif;
  --vidro:blur(24px) saturate(170%);
  --solido:rgba(250,246,236,.94);
}
:root[data-theme="dark"]{
  --bg1:#0d0e12;--bg2:#15171e;
  --g1:rgba(255,255,255,.075);--g2:rgba(255,255,255,.035);--gb:rgba(255,255,255,.14);--gh:rgba(255,255,255,.24);
  --sh:0 24px 60px -24px rgba(0,0,0,.8);--blob:.2;
  --cy:#f3cc63;--cy2:#e8b02a;--ok-s:rgba(127,217,164,.14);--al:#f3cc63;--al-s:rgba(232,176,42,.16);--pe-s:rgba(242,151,138,.14);
  --medida:linear-gradient(180deg,rgba(232,176,42,.20),rgba(232,176,42,.07));--medida-b:rgba(232,176,42,.42);
  --fundo:#111217;--sup:rgba(255,255,255,.06);--sup2:rgba(255,255,255,.035);--linha:rgba(255,255,255,.12);--linha2:rgba(255,255,255,.2);
  --texto:#eceef4;--texto2:#c2c8d4;--texto3:#9aa1b2;
  --ouro:#f3cc63;--ouro-f:rgba(232,176,42,.14);
  --prim:#e8b02a;--prim-tx:#191102;
  --ok:#7fd9a4;--erro:#f2978a;
  --solido:rgba(21,23,30,.95);
}

/* fundo: gradiente + luz ouro e cinza-frio (sem elemento extra: serve também nas telas sem a casca) */
html{background:linear-gradient(135deg,var(--bg1),var(--bg2)) fixed;min-height:100%}
body{background:transparent;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:var(--blob);filter:blur(70px);
  background:radial-gradient(46vw 46vw at 8% 4%,rgba(232,176,42,.85),transparent 65%),
             radial-gradient(50vw 50vw at 92% 30%,rgba(138,143,156,.8),transparent 65%),
             radial-gradient(40vw 40vw at 50% 105%,rgba(198,147,26,.8),transparent 65%)}

/* vidro nas superfícies */
.cartao,.gl{background:linear-gradient(160deg,var(--g1),var(--g2));backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
  border:1px solid var(--gb);box-shadow:inset 0 1px 0 var(--gh),var(--sh);border-radius:22px}
.cartao.destaque{box-shadow:inset 0 2px 0 var(--cy2),var(--sh)}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}

/* botões: pílula; primário em ouro */
.bt{border-radius:99px;min-height:44px;font-weight:600;transition:transform .15s,filter .15s}
.bt:active{transform:scale(.96)}
.bt-prim{color:#191102;background:linear-gradient(180deg,#fbe9a6 0%,#f0c047 50%,#e8b02a 100%);border-color:transparent;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.8),inset 0 -6px 12px rgba(138,106,20,.35),0 10px 24px -8px rgba(232,176,42,.55)}
.bt-prim:hover{opacity:1;filter:brightness(1.06)}
.bt-linha{background:linear-gradient(180deg,var(--g1),var(--g2));border:1px solid var(--gb);box-shadow:inset 0 1px 0 var(--gh)}
.bt-linha:hover{border-color:var(--cy2)}
.bt-perigo{background:var(--pe-s)}
.icone-bt,.avatar,.voltar{background:linear-gradient(180deg,var(--g1),var(--g2));border:1px solid var(--gb);box-shadow:inset 0 1px 0 var(--gh)}
.icone-bt,.avatar{width:38px;height:38px}
.avatar{background:linear-gradient(135deg,#e8b02a,#8a6a14);color:#191102;border-color:transparent}
:focus-visible{outline:2px solid var(--cy2);outline-offset:2px}

/* campos */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border-radius:14px}

/* ===== casca ===== */
.topo{margin:10px 10px 0;top:10px;border-radius:99px;border:1px solid var(--gb);
  background:linear-gradient(160deg,var(--g1),var(--g2));backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
  box-shadow:inset 0 1px 0 var(--gh),var(--sh);padding:8px 10px 8px 14px;grid-template-columns:auto 1fr auto}
.topo .lq-tit{margin:0 0 0 6px;font:700 16px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.topo .lq-tit small{display:none}

/* barra do celular: flutuante, em vidro */
body.com-nav{padding-bottom:calc(var(--barra) + 26px + env(safe-area-inset-bottom,0px))}
.barra-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:auto;min-height:64px;padding:6px;gap:4px;border-radius:26px;
  border:1px solid var(--gb);background:linear-gradient(160deg,var(--g1),var(--g2));backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
  box-shadow:inset 0 1px 0 var(--gh),var(--sh)}
.barra-nav a,.barra-nav button{min-height:52px;border-radius:18px;font-size:11.5px;color:var(--texto2)}
.barra-nav [aria-current]{color:var(--cy);background:linear-gradient(180deg,rgba(232,176,42,.26),rgba(232,176,42,.08))}
.barra-nav [aria-current]::before{display:none}

/* folha "Mais" */
.folha-veu{background:rgba(5,8,18,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px}
.folha{width:min(520px,100%);margin:0 auto;border-radius:26px;border:1px solid var(--gb);background:var(--solido);
  backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);box-shadow:inset 0 1px 0 var(--gh),var(--sh);padding:12px 10px 16px}
.folha a{border-bottom:0;border-radius:14px;padding:0 12px;min-height:46px;color:var(--texto2)}
.folha a[aria-current]{background:linear-gradient(180deg,rgba(232,176,42,.26),rgba(232,176,42,.09));color:var(--cy)}
.folha .puxa{width:44px;height:5px;background:var(--gb);margin:2px auto 8px}

/* trilho do computador: painel de vidro flutuante */
@media (min-width:980px){
  body.com-nav{padding-left:284px;padding-right:12px}
  .topo{margin:12px 0 0}
  .trilho{left:12px;top:12px;bottom:12px;width:260px;padding:16px 12px;border:1px solid var(--gb);border-radius:22px;
    background:linear-gradient(160deg,var(--g1),var(--g2));backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
    box-shadow:inset 0 1px 0 var(--gh),var(--sh)}
  .trilho .marca{padding:4px 10px 18px}
  .trilho .marca b{font:600 14px/1 Inter,system-ui,sans-serif;letter-spacing:.32em}
  .trilho a:not(.marca){min-height:42px;padding:0 12px;border-radius:14px;color:var(--texto2)}
  .trilho a:not(.marca):hover{background:var(--g1);color:var(--texto)}
  .trilho a[aria-current]{color:var(--cy);font-weight:600;background:linear-gradient(180deg,rgba(232,176,42,.26),rgba(232,176,42,.09));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 0 1px rgba(232,176,42,.38)}
  .trilho a[aria-current] svg{color:var(--cy)}
  .trilho .rodape-rail{border-top:1px solid var(--gb)}
  .teclado{left:284px!important}
}

/* modais e folhas da casca (saldo, temas, instalar): fundo quase sólido para ler por cima do conteúdo */
.temas-modal,.inst-folha,.prova-aberta,.saldo-modal,.aud-pop{background:var(--solido)!important;backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
  border:1px solid var(--gb)!important;border-radius:26px!important;box-shadow:inset 0 1px 0 var(--gh),var(--sh)}
.prova-aberta{border-radius:26px 26px 0 0!important}

/* ===== componentes do Liquid, sem o reset do .lq (para as telas usarem) ===== */
.chip{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:99px;border:1px solid var(--gb);background:var(--g2);font-size:13.5px;color:var(--texto2)}
.chip.on,.chip[aria-pressed=true]{background:linear-gradient(180deg,rgba(232,176,42,.30),rgba(232,176,42,.10));border-color:var(--cy2);color:var(--cy);font-weight:600}
.sel{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:99px;font:600 12.5px Inter,system-ui,sans-serif;border:1px solid transparent}
.sel.ok{background:var(--ok-s);color:var(--ok)}.sel.al{background:var(--al-s);color:var(--al)}.sel.pe{background:var(--pe-s);color:var(--erro)}.sel.ne{background:var(--g1);color:var(--texto3);border-color:var(--gb)}
.abas{display:inline-flex;gap:4px;padding:4px;border-radius:99px;border:1px solid var(--gb);background:var(--g2);max-width:100%;overflow:auto}
.abas button{height:36px;padding:0 16px;border-radius:99px;color:var(--texto2);font-weight:600;font-size:14px;white-space:nowrap}
.abas button[aria-selected=true]{background:linear-gradient(180deg,rgba(232,176,42,.32),rgba(232,176,42,.12));color:var(--cy);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(232,176,42,.40)}
.av{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:18px;border:1px solid var(--gb);background:var(--g2)}
.av.ok{background:var(--ok-s)}.av.al{background:var(--al-s)}.av.pe{background:var(--pe-s)}
.medida:not(.eti){padding:18px 20px;border-radius:20px;background:var(--medida);border:1px solid var(--medida-b)}
.medida .num{font:700 34px/1.1 Inter,system-ui,sans-serif;color:var(--texto)}
.leitura{font-size:13px;color:var(--texto3);padding:10px 14px;border-left:2px solid var(--gb)}
.leitura .etq{display:inline-block;font:600 11.5px Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--texto3);margin-right:8px}
.bar2{height:10px;border-radius:99px;background:var(--g2);border:1px solid var(--gb);overflow:hidden}.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#c6931a,#e8b02a)}
.sk{border-radius:20px;height:84px;position:relative;overflow:hidden;background:var(--g2)}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.16) 50%,transparent 80%);transform:translateX(-100%);animation:lqbr 1.4s infinite}
@keyframes lqbr{to{transform:translateX(100%)}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* página em painel de vidro, como no desenho (.pagina do liquid.css) */
main.pagina{max-width:1040px;margin:4px auto 16px;padding:22px 26px 32px;border-radius:24px;
  background:linear-gradient(160deg,var(--g1),var(--g2));backdrop-filter:var(--vidro);-webkit-backdrop-filter:var(--vidro);
  border:1px solid var(--gb);box-shadow:var(--sh)}
main.pagina.rl{max-width:1040px}
@media (max-width:979px){main.pagina{margin:0 8px 104px;padding:16px 14px 24px;border-radius:22px}}
@media print{main.pagina{background:none;border:0;box-shadow:none;backdrop-filter:none;margin:0;padding:0}}
.titulo-tela{max-width:1040px;padding:26px 26px 10px}
@media (max-width:979px){.titulo-tela{padding:18px 22px 8px}}