/* ======================================================================
   SIMULADOR DE CONCURSOS — nova identidade visual (menu lateral + painel)
   Paleta: Azul Principal #0B6CF0 · Azul Escuro #0B1F3B · Azul Grafite #1E2A3A
           Azul Claro #4DA3FF · Dourado #F5B84C · Branco #FFFFFF · Cinza #94A3B8
   Fontes: Montserrat (títulos e destaques) · Inter (textos e navegação)
   ====================================================================== */
:root{
  --blue:#0B6CF0;--navy:#0B1F3B;--graphite:#1E2A3A;--sky:#4DA3FF;--gold:#F5B84C;--white:#fff;--gray:#94A3B8;
  --bg:#061226;--bg2:#0B1F3B;--head:#081A33;--card:#0E2342;--card2:#0B1B34;--line:#1B3A66;
  --pri:#0B6CF0;--pri2:#4DA3FF;--glow:#0B6CF0;--hov:#8CC4FF;--pri-ink:#fff;
  --ink:#fff;--mut:#94A3B8;--dim:#6B809C;
  --ok:#35D07F;--no:#FF5C6C;--warn:#F5B84C;
  --grad:linear-gradient(135deg,#1E86FF,#0B6CF0);
  --glow-sm:0 0 18px rgba(11,108,240,.22);--glow-lg:0 0 30px rgba(11,108,240,.38);
  --fh:'Montserrat','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --sbw:262px;
}
html,body{background:#061226}
body{font-family:var(--fb);background:radial-gradient(70% 50% at 70% 0%,rgba(11,108,240,.20),transparent 70%),linear-gradient(180deg,#071733 0%,#061226 70%) fixed;color:var(--ink);margin:0}
h1,h2,h3{font-family:var(--fh)}
button,input,select{font-family:var(--fb)}

/* ---------- esqueleto ---------- */
.app{display:grid;grid-template-columns:var(--sbw) minmax(0,1fr);min-height:100vh}
.sb{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#051022 0%,#071A35 100%);border-right:1px solid rgba(77,163,255,.14);padding:22px 18px;display:flex;flex-direction:column;gap:22px;z-index:50}
.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;cursor:pointer}
.logo svg{width:46px;height:46px;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(11,108,240,.55))}
.logo .lt{display:flex;flex-direction:column;line-height:1}
.logo b{font-family:var(--fh);font-weight:800;font-size:22px;letter-spacing:.01em}
.logo small{font-family:var(--fb);font-size:10.5px;letter-spacing:.34em;color:var(--sky);margin-top:6px;font-weight:600}
#nav{display:flex;flex-direction:column;gap:6px;flex-wrap:nowrap}
#nav button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:none;border:0;border-radius:12px;padding:13px 16px;color:#E6EEF9;font:500 16px/1 var(--fb);cursor:pointer;min-height:48px;transition:background .15s,color .15s,box-shadow .15s}
#nav button svg{width:23px;height:23px;flex:0 0 auto;color:#CFE3FF}
#nav button:hover{background:rgba(77,163,255,.10);color:#fff;box-shadow:none}
#nav button.on{background:linear-gradient(135deg,#1B7BFF,#0B6CF0);color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(11,108,240,.38)}
#nav button.on svg{color:#fff}
.sb-foot{margin-top:auto;padding-top:14px;border-top:1px solid rgba(77,163,255,.12)}
.sb-cc{display:block;width:100%;text-align:left;background:rgba(77,163,255,.07);border:1px solid rgba(77,163,255,.18);border-radius:12px;padding:10px 12px;color:#fff;cursor:pointer;font:inherit}
.sb-cc small{display:block;color:var(--gray);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.sb-cc b{display:block;font-size:14px;margin-top:2px;line-height:1.25}
.mainwrap{min-width:0;display:flex;flex-direction:column}
.tb{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:14px 28px;background:rgba(6,18,38,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(77,163,255,.12)}
.tb #menu-btn,.tb .tb-logo{display:none}
.busca{flex:1;max-width:580px;display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border:1px solid rgba(77,163,255,.30);border-radius:999px;background:rgba(11,31,59,.6);color:var(--gray)}
.busca svg{width:20px;height:20px;flex:0 0 auto;color:#CFE3FF}
.busca input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:400 15px var(--fb)}
.busca input::placeholder{color:#8EA3C0}
.busca:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px rgba(77,163,255,.18)}
.tb-sp{flex:1}
.tb-btn{position:relative;display:inline-flex;align-items:center;gap:8px;height:44px;min-width:44px;justify-content:center;padding:0 12px;background:none;border:1px solid transparent;border-radius:12px;color:#E6EEF9;cursor:pointer;font:500 14px var(--fb)}
.tb-btn:hover{background:rgba(77,163,255,.10)}
.tb-btn svg{width:24px;height:24px}
.tb-btn .dot{position:absolute;top:8px;right:9px;width:9px;height:9px;border-radius:50%;background:#1FA2FF;box-shadow:0 0 0 2px #061226}
.tb-user{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 6px 0 4px;background:none;border:0;color:#E6EEF9;cursor:pointer}
.tb-user .av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:2px solid #1E86FF;background:#0B1F3B;box-shadow:0 0 14px rgba(11,108,240,.45)}
.tb-user .av svg{width:24px;height:24px}
.tb-user>svg{width:16px;height:16px;color:#CFE3FF}
.pop{position:absolute;right:22px;top:70px;width:min(340px,92vw);background:#0B1F3B;border:1px solid rgba(77,163,255,.28);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55);padding:14px;z-index:70}
.pop h4{margin:0 0 8px;font:700 15px var(--fh)}
.pop p{margin:0 0 10px;color:var(--gray);font-size:13.5px;line-height:1.45}
.pop button.pb{display:block;width:100%;text-align:left;background:none;border:0;color:#fff;padding:10px 8px;border-radius:8px;cursor:pointer;font:500 14px var(--fb)}
.pop button.pb:hover{background:rgba(77,163,255,.12)}
main#app{max-width:1360px;width:100%;margin:0;padding:26px 28px 60px}
main#app.wide{max-width:1360px}
.tabbar{display:none}

/* ---------- botões e cartões da nova linguagem ---------- */
.card,.stat,.hoje>div{background:linear-gradient(180deg,rgba(18,46,88,.55),rgba(10,28,58,.62));border:1px solid rgba(77,163,255,.20);border-radius:16px}
.card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.btn{background:var(--grad);color:#fff;border:0;border-radius:10px;box-shadow:0 6px 20px rgba(11,108,240,.32);font-family:var(--fb);font-weight:600}
.btn.sec{background:rgba(11,31,59,.7);border:1px solid rgba(77,163,255,.35);color:#fff;box-shadow:none}
.btn.sec:hover:not(:disabled){border-color:var(--sky);box-shadow:var(--glow-sm)}
.bar{background:rgba(77,163,255,.16)}
.bar i{background:linear-gradient(90deg,#0B6CF0,#4DA3FF)}
.chip{background:rgba(11,31,59,.7);border-color:rgba(77,163,255,.28);color:#E6EEF9}
.chip.on{background:var(--grad);border-color:transparent;color:#fff}
select,input[type=text],input[type=number],input[type=search]{background:rgba(11,31,59,.8);border:1px solid rgba(77,163,255,.28);color:#fff;border-radius:10px;padding:10px 12px;font:400 14px var(--fb)}
.opt{background:rgba(14,35,66,.8);border-color:rgba(77,163,255,.22)}
.opt.on{border-color:var(--sky)}
.tag{border-color:rgba(77,163,255,.25);color:#B7C8E0}
.nums .done{background:var(--grad)}
.fb.ok{background:#0D2A24}.fb.no{background:#2C1420}
.tip{background:#2A220F}
.hero{display:none}

/* ---------- Início (painel) ---------- */
.dash{display:flex;flex-direction:column;gap:22px}
.d-hero{display:grid;grid-template-columns:minmax(0,1.15fr) 280px minmax(300px,.85fr);gap:26px;align-items:center}
.d-hi{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:600 13.5px var(--fb);letter-spacing:.02em;color:var(--sky);text-transform:uppercase}
.d-hi svg{width:18px;height:18px}
.d-ctx{margin:0 0 6px;font-size:13.5px;color:var(--gray)}
.d-ctx b{color:#fff}
.d-ctx button{background:none;border:0;color:var(--sky);cursor:pointer;font:inherit;text-decoration:underline;padding:0 0 0 6px}
.d-txt h1{margin:0;font:800 clamp(34px,4vw,54px)/1.04 var(--fh);letter-spacing:-.01em}
.d-txt h1 em{font-style:normal;display:block;background:linear-gradient(90deg,#1E86FF,#4DA3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-sub{margin:16px 0 22px;color:#C9D6EA;font-size:17px;line-height:1.55;max-width:34em}
.btn-go{display:inline-flex;align-items:center;gap:14px;padding:12px 22px 12px 12px;background:linear-gradient(90deg,#0B6CF0,#1E86FF);color:#fff;border:0;border-radius:12px;font:600 17px var(--fb);cursor:pointer;box-shadow:0 10px 30px rgba(11,108,240,.45);min-width:260px;justify-content:flex-start}
.btn-go .pl{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center}
.btn-go .pl svg{width:16px;height:16px;margin-left:2px}
.btn-go .ch{margin-left:auto;font-size:26px;line-height:1}
.btn-go:hover{filter:brightness(1.08)}
.d-ring{position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgba(11,108,240,.45))}
.d-ring svg{width:100%;max-width:260px;height:auto}
.d-ring .c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.d-ring .c b{font:700 46px/1 var(--fh)}
.d-ring .c span{font:500 12.5px var(--fb);letter-spacing:.1em;color:#C9D6EA;margin-top:8px;text-transform:uppercase}
.d-stats{padding:8px 22px}
.d-st{display:flex;align-items:center;gap:16px;padding:16px 0}
.d-st+.d-st{border-top:1px solid rgba(77,163,255,.14)}
.ibox{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;background:rgba(11,108,240,.18);border:1px solid rgba(77,163,255,.28);color:var(--sky)}
.ibox svg{width:28px;height:28px}
.ibox.gold{background:rgba(245,184,76,.14);border-color:rgba(245,184,76,.35);color:var(--gold)}
.d-st .t small{display:block;color:#C9D6EA;font-size:14px}
.d-st .t b{font:700 28px/1.2 var(--fh)}
.d-st .t i{font-style:normal;font-size:12.5px;margin-left:12px;color:var(--ok)}
.d-st .t i.z{color:var(--gray)}
.d-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kp{padding:20px 22px;border-radius:16px;background:linear-gradient(180deg,rgba(18,46,88,.55),rgba(10,28,58,.62));border:1px solid rgba(77,163,255,.22)}
.kp-top{display:flex;align-items:center;gap:16px}
.kp .ibox{width:58px;height:58px}
.kp small{display:block;color:#C9D6EA;font-size:14px}
.kp b{font:700 30px/1.15 var(--fh)}
.kp em{display:block;font-style:normal;color:var(--gray);font-size:13px;margin-top:2px}
.kp-bar{display:flex;align-items:center;gap:14px;margin-top:18px}
.kp-bar .bar{flex:1;height:8px}
.kp-bar span{font:600 14px var(--fb);color:#E6EEF9;min-width:44px;text-align:right}
.d-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tb2{padding:0;border-radius:16px;background:linear-gradient(180deg,rgba(18,46,88,.5),rgba(10,28,58,.6));border:1px solid rgba(77,163,255,.22);overflow:hidden}
.tb2-h{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(77,163,255,.14)}
.tb2-h svg{width:28px;height:28px;color:var(--sky)}
.tb2-h svg.gold{color:var(--gold)}
.tb2-h h2{margin:0;font:700 21px var(--fh)}
.tb2-h a,.tb2-h button{margin-left:auto;background:none;border:0;color:var(--sky);font:500 14px var(--fb);cursor:pointer}
.tr{display:grid;align-items:center;gap:12px;padding:13px 22px;border-top:1px solid rgba(77,163,255,.10);cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;color:inherit;font:inherit}
.tr:hover{background:rgba(77,163,255,.07)}
.tr.th{cursor:default;color:var(--gray);font-size:13px;padding:11px 22px;border-top:0}
.tr.th:hover{background:none}
.tr.r{grid-template-columns:minmax(0,2.2fr) 92px 70px minmax(0,1.5fr) 18px}
.tr.f{grid-template-columns:minmax(0,2.2fr) minmax(0,1.5fr) 70px 18px}
.tr .nm{display:flex;align-items:center;gap:12px;min-width:0}
.tr .nm .sq{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:rgba(245,184,76,.14);border:1px solid rgba(245,184,76,.28);color:var(--gold)}
.tr .nm .sq svg{width:22px;height:22px}
.tr .nm div{min-width:0}
.tr .nm b{display:block;font:600 15.5px/1.25 var(--fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr .nm small{display:block;color:var(--gray);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr .pg{display:flex;align-items:center;gap:10px}
.tr .pg .bar{flex:1;height:7px;max-width:110px}
.tr .pg b{font:600 14px var(--fb);min-width:42px}
.tr>i.ch{font-style:normal;color:var(--sky);font-size:20px}
.tr-vazio{padding:26px 22px;color:var(--gray);font-size:14.5px;line-height:1.5}
.d-mais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

/* ---------- concursos (cartões e agenda) ---------- */
.pg-t{margin:0 0 6px;font:800 30px var(--fh)}
.pg-s{margin:0 0 22px;color:#C9D6EA;font-size:15.5px}
.sec-t{margin:30px 0 4px;font:700 22px var(--fh)}
.cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cc{border-radius:16px;padding:20px 22px;background:linear-gradient(180deg,rgba(18,46,88,.55),rgba(10,28,58,.62));border:1px solid rgba(77,163,255,.22);display:flex;flex-direction:column;gap:14px}
.cc-top{display:flex;gap:14px;align-items:center}
.cc-logo{width:64px;height:64px;border-radius:14px;background:#fff;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;color:#0B1F3B}
.cc-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.cc-logo svg{width:34px;height:34px;color:#4DA3FF}
.cc-logo.ic{background:#0B1B34;border:1px solid rgba(77,163,255,.25)}
.cc h3{margin:0;font:700 20px/1.2 var(--fh)}
.cc .sub{margin:3px 0 0;color:var(--sky);font-size:15px}
.cc-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid rgba(77,163,255,.14);padding-top:12px}
.cc-info small{display:block;color:var(--gray);font-size:12px}
.cc-info b{font:600 14px/1.3 var(--fb)}
.cc-dt{border-top:1px solid rgba(77,163,255,.14);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.cc-dt div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.cc-dt b{color:#E6EEF9}
.cc-acoes{display:flex;gap:10px;flex-wrap:wrap}
.cc-acoes .btn{flex:1 1 150px;text-align:center}
.bd{display:inline-block;padding:3px 10px;border-radius:999px;font:600 12px var(--fb);border:1px solid;white-space:nowrap}
.bd.aberta{color:#35D07F;border-color:rgba(53,208,127,.5);background:rgba(53,208,127,.10)}
.bd.breve{color:#4DA3FF;border-color:rgba(77,163,255,.5);background:rgba(77,163,255,.10)}
.bd.enc{color:#94A3B8;border-color:rgba(148,163,184,.4);background:rgba(148,163,184,.08)}
.bd.prev{color:#F5B84C;border-color:rgba(245,184,76,.55);background:rgba(245,184,76,.10)}
.bd.adm{color:#8CC4FF;border-color:rgba(77,163,255,.5)}
.prev-box{border:1px dashed rgba(245,184,76,.5);background:rgba(245,184,76,.07);border-radius:10px;padding:9px 12px;color:#F8D79A;font-size:13.5px;line-height:1.45}
.ag-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.ag-bar select,.ag-bar input{min-width:0;flex:1 1 170px;max-width:260px}
.ag-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.ag-tabs button{background:rgba(11,31,59,.7);border:1px solid rgba(77,163,255,.28);color:#E6EEF9;border-radius:999px;padding:8px 16px;font:500 14px var(--fb);cursor:pointer}
.ag-tabs button.on{background:var(--grad);border-color:transparent;font-weight:600}
.ag-tabs button small{opacity:.75;margin-left:4px}
.ag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ag{border-radius:14px;padding:16px 18px;background:linear-gradient(180deg,rgba(18,46,88,.5),rgba(10,28,58,.6));border:1px solid rgba(77,163,255,.20);display:flex;flex-direction:column;gap:10px}
.ag-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.ag h3{margin:0;font:700 16.5px/1.3 var(--fh)}
.ag-cargo{margin:0;color:var(--sky);font-size:14px}
.ag-tags{display:flex;flex-wrap:wrap;gap:6px}
.ag-tags span{font-size:12px;color:#B7C8E0;border:1px solid rgba(77,163,255,.22);border-radius:6px;padding:2px 8px}
.ag-dados{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13.5px;color:#C9D6EA}
.ag-dados b{color:#fff}
.ag-datas{display:grid;gap:4px;font-size:14px;border-top:1px solid rgba(77,163,255,.12);padding-top:10px}
.ag-datas b{color:#E6EEF9}
.ag-fonte{margin:0;font-size:12px;color:var(--dim)}
.ag-fonte a{color:var(--sky)}
.ag-aviso{border-left:3px solid var(--gold);background:rgba(245,184,76,.07);padding:10px 14px;border-radius:0 10px 10px 0;color:#F3DDB0;font-size:13.5px;line-height:1.5;margin:10px 0 4px}
.ag-vazio{padding:30px;text-align:center;color:var(--gray)}

/* ---------- páginas simples ---------- */
.pg-card{max-width:760px}
.pg-card h2{margin:0 0 6px;font:700 20px var(--fh)}
.fld{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.fld label{min-width:220px;color:#E6EEF9}
.fld input{width:110px}
.soon{display:flex;gap:18px;align-items:flex-start}
.soon .ibox{width:64px;height:64px}

/* ---------- Áreas de estudo: gaveta ---------- */
body.com-side .shell{display:block;max-width:none}
#side{display:block;position:fixed;left:0;top:0;bottom:0;height:auto;width:min(92vw,360px);z-index:80;transform:translateX(-104%);transition:transform .22s ease;background:#071A35;border-right:1px solid rgba(77,163,255,.25);box-shadow:14px 0 50px rgba(0,0,0,.55);padding:20px 16px 28px;overflow-y:auto}
#side.open{transform:none}
#side:empty{display:none}
body.com-side #side{position:fixed;height:auto;top:0}
.side-x{display:block}
#side-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:75}
#areas-btn{display:none}
body.com-side #areas-btn{display:inline-flex}
.si-fav{flex:0 0 38px;border:0;background:transparent;color:#6F86A8;cursor:pointer;font-size:18px}
.si-fav.on{color:var(--gold)}
.si-fav:hover{color:var(--gold)}
#side-fab{display:none!important}

/* ---------- botão voltar ao topo ---------- */
.topo{background:#0E2A52;border-color:rgba(77,163,255,.5)}

/* ---------- telas largas e estreitas ---------- */
@media (max-width:1280px){
  .d-hero{grid-template-columns:minmax(0,1fr) 240px}
  .d-stats{grid-column:1/-1}
  .d-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .app{display:block}
  .sb{position:fixed;left:0;top:0;bottom:0;width:min(86vw,300px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:14px 0 50px rgba(0,0,0,.55);z-index:90}
  body.menu-aberto .sb{transform:none}
  #menu-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:85}
  .tb{padding:10px 14px;gap:8px}
  .tb #menu-btn{display:inline-flex}
  .tb .tb-logo{display:block}
  .tb .tb-logo svg{width:36px;height:36px;display:block}
  .busca{height:42px;padding:0 14px}
  .tb-user .av{width:40px;height:40px}
  .tb-user>svg{display:none}
  #areas-btn span{display:none}
  main#app{padding:18px 16px 96px}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(6,18,38,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(77,163,255,.2);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;color:#9FB4D3;font:500 11.5px var(--fb);padding:6px 2px;cursor:pointer;border-radius:10px}
  .tabbar button svg{width:23px;height:23px}
  .tabbar button.on{color:#fff}
  .tabbar button.on svg{color:var(--sky)}
  .d-hero{grid-template-columns:1fr;gap:20px}
  .d-ring{order:2;max-width:240px;margin:0 auto}
  .d-stats{order:3}
  .d-tabs,.d-mais,.cc-grid,.ag-grid{grid-template-columns:1fr}
  .topo{bottom:calc(84px + env(safe-area-inset-bottom))}
}
@media (max-width:640px){
  .d-kpis{grid-template-columns:1fr 1fr;gap:12px}
  .kp{padding:14px}
  .kp-top{flex-direction:column;align-items:flex-start;gap:10px}
  .kp .ibox{width:46px;height:46px}.kp .ibox svg{width:22px;height:22px}
  .kp b{font-size:24px}
  .d-txt h1{font-size:34px}
  .d-sub{font-size:15.5px}
  .btn-go{width:100%}
  .tr.r{grid-template-columns:minmax(0,1fr) 70px 18px}
  .tr.r .dt,.tr.r .ac{display:none}
  .tr.f{grid-template-columns:minmax(0,1fr) 90px 18px}
  .tr.f .qt{display:none}
  .tr.th .dt,.tr.th .ac,.tr.th .qt{display:none}
  .cc-info{grid-template-columns:1fr 1fr}
  .pg-t{font-size:24px}
  .ag-bar select,.ag-bar input{max-width:none;flex:1 1 100%}
  .d-st .t b{font-size:24px}
}

.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;background:#0B1F3B;border:1px solid rgba(77,163,255,.4);color:#fff;padding:12px 18px;border-radius:12px;z-index:200;transition:all .25s;font-size:14px;max-width:90vw;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.eyebrow{color:var(--gray)}
.busca input[type=search]{background:none!important;border:0!important;padding:0!important;border-radius:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.busca input[type=search]::-webkit-search-cancel-button{filter:invert(1) opacity(.6)}
.busca{min-width:0}
@media (max-width:1000px){
  .tb{flex-wrap:wrap;row-gap:8px}
  .tb-sp{display:block;flex:1 1 0;min-width:0}
  .busca{order:10;flex:1 1 100%;max-width:none}
}
/* o menu lateral não herda as regras do menu inferior antigo */
#nav{position:static;left:auto;right:auto;bottom:auto;width:auto;background:none;border:0;padding:0;justify-content:flex-start;z-index:auto;box-shadow:none}
#nav button{flex:0 0 auto}
nav#nav button.troca{border:0}
#tabbar button.on,#tabbar button:hover{box-shadow:none;background:none}