@font-face { font-family: "Figtree"; src: url("/static/fontes/figtree.woff2") format("woff2");
             font-weight: 400 900; font-style: normal; font-display: block; }

:root {
  











  

  --fonte: "Figtree", "Segoe UI", system-ui, sans-serif;

  --bg: #0f0e0e;
  --bg-2: #171615;
  --bg-3: #211f1e;
  















  --bg-4: #2a2726;
  --line: #2c2a29;
  --line-2: #3d3a39;
  






















  --txt: #ffffff;
  --txt-2: #c7c4c2;
  


















  --txt-3: #9b9694;

  



















  






  --accent: #e42626;
  --accent-2: #ffb020;
  


  


  --aluno-cor: var(--info);
  --aluno-rgb: 77,159,255;
  --ok: #2ecc71;
  


  --novo: #7ee2a8;
  --info: #4d9fff;
  --purple: #a970ff;

  
































  --tr-cor: #ff6b6b;

  














  



























  --out-mitico: hsl(8 88% 44%);  
  --out-lendario: #e08a28;       
  --out-forte: #7c3aed;          
  --out-bom: #2563eb;            
  --out-acima: #147a41;          
  --out-baixo: #33302e;          
  --out-txt-baixo: #d6d3d1;
  


  --out-txt-lendario: #241a0f;
  --out-anel: hsl(8 88% 66%);    

  --r: 12px;
  --shadow: 0 8px 28px rgba(0, 0, 0, .45);

  
























  color-scheme: dark;

  







  --dim: var(--txt-3);
  --linha: var(--line);
  --card: var(--bg-2);
  --fundo2: var(--bg-3);

  










  --ouro: #e0b660;   --ouro-luz: #f7e3ae;   --ouro-som: #9c7529;
  --prata: #c9ced6;  --prata-luz: #eef2f7;  --prata-som: #878d95;
  --bronze: #c98a56; --bronze-luz: #e8bb96; --bronze-som: #8a5a33;
}

* { box-sizing: border-box; }
















html { scrollbar-gutter: stable; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--txt);
  font: 14px/1.5 var(--fonte);
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font: inherit; color: inherit; }





































option { background-color: var(--bg-2); color: var(--txt); padding: 4px 10px; }






* { scrollbar-color: var(--line-2) transparent; }
a { color: var(--info); text-decoration: none; }
a:hover { text-decoration: underline; }


.topbar {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; gap: 18px;
  padding: 0 20px; height: 58px;
  




  background: rgba(15, 14, 14, .92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}









.topbar > .btn, .topbar > .on-caixa, .topbar > .tp-caixa,
.topbar > .bar-pilula { flex: none; }
.brand { display: flex; align-items: center; gap: 9px; font-weight: 700; letter-spacing: -.2px; }
.brand .dot { width: 10px; height: 10px; border-radius: 3px; background: var(--accent); box-shadow: 0 0 12px var(--accent); }
.tabs { display: flex; gap: 2px; margin-left: 10px; }
.tab {
  padding: 7px 14px; border: 0; border-radius: 8px; background: transparent;
  color: var(--txt-2); cursor: pointer; font-weight: 500;
}
.tab:hover { background: var(--bg-3); color: var(--txt); }
.tab.on { background: var(--bg-3); color: var(--txt); box-shadow: inset 0 0 0 1px var(--line-2); }
.spacer { flex: 1; }













.sel-topo {
  display: inline-block; margin-left: 6px; min-width: 17px; padding: 0 4px;
  border-radius: 999px; background: var(--accent); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 17px; text-align: center;
}
.sel-topo.sel-topo-ok { background: var(--ok); color: #06240f; }








.sel-topo[hidden] { display: none; }

.btn {
  padding: 8px 15px; border-radius: 8px; border: 1px solid var(--line-2);
  background: var(--bg-3); cursor: pointer; font-weight: 500; white-space: nowrap;
  

















  display: inline-flex; align-items: center; justify-content: center;
}















.btn[hidden] { display: none; }
.btn:hover { border-color: #605c5a; background: #312f2e; }
.btn.primary { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }










.btn.primary:hover { background: #c81f1f; }
.btn.ghost { background: transparent; }







.btn.ok { border-color: #1f6b42; color: var(--ok); }
.btn.ok:hover { border-color: var(--ok); background: rgba(46, 204, 113, .12); }
.btn.sm { padding: 5px 10px; font-size: 12.5px; }















.nf-par-n, .nf-par-so {
  font-weight: 700;
  line-height: inherit;
  

  margin-left: 5px;
}
.nf-par-n { color: var(--txt); font-variant-numeric: tabular-nums; }
.nf-par-so { color: var(--info); }



























.btn.ic {
  width: 30px; height: 30px; padding-left: 0; padding-right: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
.btn.ic.confirmando { width: auto; padding: 0 10px; }
.btn:disabled { opacity: .45; cursor: not-allowed; }

















.tut-palco { min-height: 100%; display: grid; place-items: center; }
.modal.tut { max-width: 820px; width: 100%; }

.tut-cab {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  gap: 14px; padding: 16px 22px 13px; background: var(--bg-3);
  border-bottom: 1px solid var(--line);
}

.tut-cab::before, .tut-cab::after { content: ""; height: 1px; background: var(--line-2); }
.tut-cab h2 {
  margin: 0; font-size: 13px; font-weight: 600; letter-spacing: 1.6px;
  text-transform: uppercase; color: var(--txt); white-space: nowrap;
}

.tut-corpo { display: grid; grid-template-columns: 1fr 240px; gap: 24px; padding: 22px; }
.tut-lead { margin: 0 0 16px; color: var(--txt-2); line-height: 1.55; }

.tut-passos { margin: 0; padding: 0 0 0 20px; display: grid; gap: 11px; }
.tut-passos li { color: var(--txt-2); line-height: 1.45; }








.tut-passos li::marker { color: var(--accent); font-weight: 700; font-size: 12px; }




.tut-passos > li > b { color: var(--txt); display: block; font-size: 13.5px; }
.tut-passos span { font-size: 12.5px; }
.tut-passos code {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 5px; padding: 0 4px; font-size: 11.5px;
}







.tut-nota {
  margin: 16px 0 0; padding-left: 11px; border-left: 2px solid var(--line-2);
  color: var(--txt-2); font-size: 12.5px; line-height: 1.45;
}

.tut-figura {
  display: grid; place-items: center; padding: 10px;
  background: var(--bg); border: 1px solid var(--line); border-radius: 12px;
}
.tut-arte { width: 100%; height: auto; color: var(--txt-3); }
.tut-arte .tut-peca, .tut-arte .tut-play { fill: var(--txt-3); stroke: none; }




.tut-arte .tut-rot { fill: var(--txt-2); stroke: none; }

.tut-arte .tut-mais { color: var(--accent); stroke: var(--accent); }






.tut-arte .tut-achado { color: var(--novo); stroke: var(--novo); }
.tut-arte .tut-verde, .tut-arte .tut-cheio {
  fill: var(--novo); fill-opacity: .3; stroke: var(--novo);
}
.tut-arte .tut-verde-c { fill: var(--novo); stroke: none; }










.tut-arte .tut-num { fill: var(--bg); stroke: var(--accent); }
.tut-arte text {
  fill: var(--txt); font-size: 12px; font-weight: 700;
  font-family: inherit; stroke: none;
}












.tut-exemplo {
  margin: 16px 0 0;
  





}
.tut-exemplo:empty { display: none; }
.tut-rot {
  margin: 0 0 7px; font-size: 11px; font-weight: 600; letter-spacing: 1.1px;
  text-transform: uppercase; color: var(--txt-2);
}






.tut-pag { display: flex; align-items: center; gap: 6px; margin-right: 6px; }
.tut-pag i {
  width: 7px; height: 7px; border-radius: 50%; background: var(--txt-3);
  transition: width .18s ease, background .18s ease;
}
.tut-pag i.on { width: 18px; border-radius: 4px; background: var(--accent); }
@media (prefers-reduced-motion: reduce) { .tut-pag i { transition: none; } }

.tut-pe {
  display: flex; justify-content: center; align-items: center; gap: 10px;
  padding: 15px 22px; border-top: 1px solid var(--line); background: var(--bg-3);
}
.tut-pe .btn { text-decoration: none; }



@media (max-width: 720px) {
  .tut-corpo { grid-template-columns: 1fr; }
  .tut-figura { order: -1; padding: 6px; }
  .tut-arte { max-width: 320px; }
  .tut-pe { flex-wrap: wrap; }
}


.view { display: none; padding: 20px; max-width: 1680px; margin: 0 auto; }
.view.on { display: block; }




.cn-faixa-compra { max-width: 1680px; margin: 14px auto 0; padding: 0 20px; }
.cn-faixa-compra[hidden] { display: none; }
.cn-fc {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px;
  padding: 8px 8px 8px 16px; border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg-2);
}
.cn-fc-txt { flex: 1 1 320px; margin: 0; font-size: 13.5px; line-height: 1.45; color: var(--txt); }
.cn-fc-x { font-size: 18px; line-height: 1; padding: 0 9px; }
.muted { color: var(--txt-2); }
.tiny { font-size: 12px; }


.filters {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 12px; margin-bottom: 16px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
}
.filters input[type=text], .filters input[type=number], .filters select {
  padding: 7px 10px; border-radius: 8px; border: 1px solid var(--line-2);
  background: var(--bg); min-width: 120px;
}
.filters input[type=text] { min-width: 220px; }
.filters label.check { display: flex; align-items: center; gap: 6px; cursor: pointer; color: var(--txt-2); }


.strip { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.stat {
  flex: 1; min-width: 150px; padding: 12px 14px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
}
.stat .n { font-size: 22px; font-weight: 700; letter-spacing: -.5px; }
.stat .l { font-size: 11.5px; color: var(--txt-3); text-transform: uppercase; letter-spacing: .5px; }


.grid {
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(276px, 1fr));
}

.card {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  overflow: hidden; cursor: pointer; transition: transform .12s, border-color .12s, box-shadow .12s;
  display: flex; flex-direction: column;
}
.card:hover { transform: translateY(-3px); border-color: var(--line-2); box-shadow: var(--shadow); }

.hero { position: relative; aspect-ratio: 16/9; background: #000; overflow: hidden; }
.hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero .fade {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.88) 100%);
}
.hero .empty {
  position: absolute; inset: 0; display: grid; place-items: center;
  color: var(--txt-3); font-size: 12px; background: var(--bg-3);
}
.hero-title {
  position: absolute; left: 10px; right: 10px; bottom: 8px;
  font-size: 12px; line-height: 1.35; color: #fff;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  text-shadow: 0 1px 4px rgba(0,0,0,.9);
}
.hero-views {
  position: absolute; right: 8px; bottom: 44px;
  background: rgba(0,0,0,.78); padding: 2px 7px; border-radius: 5px;
  font-size: 11px; font-weight: 600;
}

.badges { position: absolute; top: 8px; left: 8px; right: 8px; display: flex; gap: 6px; align-items: flex-start; }
.pill {
  padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 600;
  background: rgba(0,0,0,.72); backdrop-filter: blur(4px); white-space: nowrap;
}
.pill.novo_rapido    { background: rgba(228,38,38,.92); }
.pill.antigo_em_alta { background: rgba(255,120,20,.94); color: #241000; }
.pill.fonte_temas    { background: rgba(77,159,255,.92); }
.pill.consistente    { background: rgba(46,204,113,.92); color: #06240f; }
.pill.muito_novo     { background: rgba(169,112,255,.92); }
.pill.decadencia     { background: rgba(120,130,155,.92); }
.pill.baixo_potencial{ background: rgba(255,176,32,.92); color: #291a00; }
.pill.sem_dados      { background: rgba(60,68,90,.92); }
.pill.outlier        { background: rgba(169,112,255,.92); }

.heat {
  margin-left: auto; width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center; font-size: 12.5px; font-weight: 800;
  background: rgba(0,0,0,.75); border: 2px solid var(--line-2); backdrop-filter: blur(4px);
}
.heat.h80 { border-color: var(--accent); color: #ff7a7a; }
.heat.h60 { border-color: #ffb020; color: #ffc65c; }
.heat.h40 { border-color: #4d9fff; color: #8cc2ff; }

.card-body { padding: 11px 12px 12px; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.who { display: flex; gap: 9px; align-items: center; min-width: 0; }
.who img { width: 34px; height: 34px; border-radius: 50%; flex: 0 0 34px; background: var(--bg-3); }
.who .nm { font-weight: 600; font-size: 13.5px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.who .hd { font-size: 11.5px; color: var(--txt-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; text-align: center; }
.kpi { background: var(--bg-3); border-radius: 7px; padding: 6px 2px; }
.kpi b { display: block; font-size: 13px; letter-spacing: -.3px; }
.kpi span { font-size: 11px; color: var(--txt-3); text-transform: uppercase; letter-spacing: .3px; }

.chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: auto; }
.chip {
  font-size: 11px; padding: 2.5px 8px; border-radius: 6px;
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
}
.chip.nicho { background: rgba(77,159,255,.14); border-color: rgba(77,159,255,.35); color: #a9d0ff; }


.chip.subnicho { background: rgba(77,159,255,.07); border-color: rgba(77,159,255,.22);
                 color: #8fb2da; font-style: italic; }
.chip.star  { background: rgba(255,176,32,.16); border-color: rgba(255,176,32,.4); color: var(--accent-2); }
.chip.foi   { background: rgba(228,38,38,.14); border-color: rgba(228,38,38,.4); color: #ff9a9a; }

.empty-state { text-align: center; padding: 70px 20px; color: var(--txt-2); }
.empty-state h3 { color: var(--txt); margin-bottom: 6px; }


.overlay {
  position: fixed; inset: 0; z-index: 100; display: none;
  background: rgba(0,0,0,.66); backdrop-filter: blur(3px);
  padding: 26px; overflow-y: auto;
}
.overlay.on { display: block; }
.modal {
  max-width: 1180px; margin: 0 auto;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 16px; box-shadow: var(--shadow); overflow: hidden;
  






  position: relative;
}
.modal.narrow { max-width: 640px; }
.modal-head {
  display: flex; align-items: center; gap: 12px; padding: 16px 20px;
  border-bottom: 1px solid var(--line); background: var(--bg-3);
}
.modal-head h2 { margin: 0; font-size: 17px; }
.modal-body { padding: 20px; }
.x { border: 0; background: transparent; color: var(--txt-2); font-size: 22px; cursor: pointer; line-height: 1; }
.x:hover { color: var(--txt); }

.cols { display: grid; grid-template-columns: 380px 1fr; gap: 22px; }
@media (max-width: 1000px) { .cols { grid-template-columns: 1fr; } }





























.mini-th { position: relative; display: block; }
.mini-dur {
  position: absolute; right: 6px; bottom: 6px;
  background: rgba(0,0,0,.85); color: #fff;
  font-size: 11.5px; font-weight: 600; line-height: 1.3;
  padding: 1px 5px; border-radius: 4px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

















.vc-lang {
  position: absolute; left: 6px; bottom: 6px;
  background: rgba(0,0,0,.85); color: #fff;
  font-size: 11.5px; font-weight: 600; line-height: 1.3;
  padding: 1px 5px; border-radius: 4px;
  max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  pointer-events: none;
}






.modal.wide { max-width: 1340px; position: relative; }
.x.float {
  position: absolute; top: 10px; right: 12px; z-index: 5;
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(0, 0, 0, .65); color: #fff; backdrop-filter: blur(6px);
}
.x.float:hover { background: rgba(0, 0, 0, .85); }

.yt-banner { height: 160px; background: var(--bg-3); overflow: hidden; position: relative; }
.yt-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yt-banner::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(20,24,33,.95));
}
.yt-banner.vazio { height: 78px; }

.yt-head { display: flex; gap: 20px; padding: 0 26px 18px; margin-top: -42px; position: relative; }
.yt-head .ava {
  width: 108px; height: 108px; border-radius: 50%; flex: 0 0 108px;
  border: 4px solid var(--bg-2); background: var(--bg-3); object-fit: cover;
}
.yt-head .info { flex: 1; min-width: 0; padding-top: 46px; }
.yt-head h1 { margin: 0 0 5px; font-size: 25px; letter-spacing: -.6px; }
.yt-head .meta { color: var(--txt-2); font-size: 13.5px; margin-bottom: 7px; }
.yt-head .meta b { color: var(--txt); }
.yt-head .desc {
  color: var(--txt-2); font-size: 12.5px; max-width: 720px; cursor: pointer;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.yt-head .desc.aberta { -webkit-line-clamp: unset; }
.yt-head .acoes { display: flex; flex-direction: column; gap: 7px; padding-top: 48px; }

.yt-tabs {
  display: flex; gap: 4px; padding: 0 22px;
  border-bottom: 1px solid var(--line); position: sticky; top: 0;
  background: var(--bg-2); z-index: 4;
}
.yt-tab {
  padding: 11px 16px; border: 0; background: transparent; color: var(--txt-2);
  cursor: pointer; font-weight: 600; font-size: 13.5px;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.yt-tab:hover { color: var(--txt); }
.yt-tab.on { color: var(--txt); border-bottom-color: var(--txt); }
.yt-tab .n { color: var(--txt-3); font-weight: 400; margin-left: 5px; }

.yt-body { padding: 18px 26px 26px; }

.yt-bar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.ord {
  padding: 7px 14px; border-radius: var(--r-ctl); border: 1px solid var(--line-2);
  background: var(--bg-3); cursor: pointer; font-size: 12.5px; white-space: nowrap;
}
.ord:hover { background: #353231; }
.ord.on { background: var(--txt); color: var(--bg); border-color: var(--txt); font-weight: 600; }
.yt-bar input[type=text] {
  padding: 7px 12px; border-radius: var(--r-ctl); border: 1px solid var(--line-2);
  background: var(--bg); min-width: 230px; margin-left: auto;
}

.vgrid { display: grid; gap: 16px 14px; grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); }
.vgrid.shorts { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }

















.vgrid.grande { grid-template-columns: repeat(auto-fill, minmax(272px, 1fr)); }

.vcard { cursor: pointer; }
.vcard .th { position: relative; border-radius: 10px; overflow: hidden; background: #000; aspect-ratio: 16/9; }
.vgrid.shorts .vcard .th { aspect-ratio: 9/16; border-radius: 12px; }
.vcard .th img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .18s; }
.vcard:hover .th img { transform: scale(1.04); }















.pc-out {
  display: inline-block; margin-left: 5px; padding: 1px 5px; border-radius: 4px;
  font-size: .92em; font-weight: 800; line-height: 1; color: #fff;
  vertical-align: middle; font-variant-numeric: tabular-nums;
  background: var(--out-baixo);
}
.pc-out.o-mitico { background: var(--out-mitico);
  box-shadow: inset 0 0 0 1.5px var(--out-anel); }
.pc-out.o-lendario { background: var(--out-lendario); color: var(--out-txt-lendario); }
.pc-out.o-forte { background: var(--out-forte); }
.pc-out.o-bom   { background: var(--out-bom); }
.pc-out.o-acima { background: var(--out-acima); }
.pc-out.o-baixo { background: var(--out-baixo); color: var(--out-txt-baixo); }











.pc-eng {
  display: inline-block; margin-left: 5px; padding: 1px 5px; border-radius: 4px;
  font-size: .92em; font-weight: 700; line-height: 1;
  vertical-align: middle; font-variant-numeric: tabular-nums;
  background: rgba(255,255,255,.06); color: var(--txt-2);
}
.pc-eng.alto  { background: rgba(126,226,168,.14); color: #7ee2a8; }
.pc-eng.baixo { background: rgba(255,143,143,.12); color: #ff8f8f; }





















.vc-tirar {
  position: absolute; right: 6px; top: 6px; border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: rgba(0,0,0,.7); color: #fff;
  font: inherit; font-size: 12px; line-height: 1;
  opacity: 0; transition: opacity .12s;
}
.vcard:hover .vc-tirar { opacity: 1; }
.vc-tirar:hover { background: rgba(228,38,38,.9); }


.vc-tirar:focus-visible { opacity: 1; outline: 2px solid var(--info); outline-offset: 2px; }
.vc-tirar.confirmando {
  opacity: 1; width: auto; border-radius: 13px; padding: 0 10px;
  background: rgba(228,38,38,.95); font-weight: 600;
}
.vcard .tit {
  margin: 8px 0 3px; font-size: 13px; line-height: 1.32; font-weight: 500;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
















.vcard .sub { font-size: 12px; color: var(--txt-2); }

.kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(168px, 1fr)); gap: 10px; margin-bottom: 20px; }
.kv .c { background: var(--bg-3); border-radius: 10px; padding: 11px 13px; }
.kv .c b { display: block; font-size: 19px; letter-spacing: -.4px; }
.kv .c span { font-size: 11px; color: var(--txt-3); text-transform: uppercase; letter-spacing: .4px; }

.kws { display: flex; flex-wrap: wrap; gap: 6px; }
.kw {
  font-size: 12px; padding: 4px 10px; border-radius: 6px;
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
}
.kw.forte { border-color: rgba(77,159,255,.45); color: #a9d0ff; background: rgba(77,159,255,.1); }


.dash-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; margin-bottom: 20px; }
@media (max-width: 1080px) { .dash-grid { grid-template-columns: 1fr; } }

.panel {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); overflow: hidden;
}
.panel > header {
  padding: 14px 18px 12px; border-bottom: 1px solid var(--line);
  display: flex; align-items: baseline; gap: 10px;
}
.panel > header h3 { margin: 0; font-size: 15px; letter-spacing: -.2px; }
.panel > header .hint { font-size: 12px; color: var(--txt-3); }
.panel .conteudo { padding: 6px 8px 10px; }

.rank { display: flex; align-items: center; gap: 12px; padding: 9px 11px; border-radius: 9px; cursor: pointer; }
.rank:hover { background: rgba(255,255,255,.035); }
.rank .pos { width: 22px; text-align: right; color: var(--txt-3); font-size: 12px; font-variant-numeric: tabular-nums; }
.rank .corpo { flex: 1; min-width: 0; }
.rank .nome { font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 7px; }
.rank .det { font-size: 11.5px; color: var(--txt-3); margin-top: 2px; }
.rank .barra { height: 6px; border-radius: 3px; background: var(--bg-3); margin-top: 6px; overflow: hidden; display: flex; }
.rank .barra i { height: 100%; display: block; }
.rank .sc { font-size: 19px; font-weight: 800; letter-spacing: -.6px; width: 34px; text-align: right; }

.seg-pot { background: #4d9fff; }
.seg-prova { background: var(--accent); }
.seg-tend { background: #ffb020; }



.seg-acel { background: #2ecc71; }
.seg-esp { background: #a970ff; }

.legenda { display: flex; flex-wrap: wrap; gap: 12px; padding: 8px 18px 14px; font-size: 11.5px; color: var(--txt-3); }
.legenda i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }

.conf { font-size: 11px; padding: 1px 6px; border-radius: 4px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.conf.alta { background: rgba(46,204,113,.18); color: #7ee2a8; }
.conf.media { background: rgba(255,176,32,.18); color: var(--accent-2); }
.conf.baixa { background: rgba(120,130,155,.2); color: var(--txt-3); }

.trend { display: flex; align-items: center; gap: 12px; padding: 9px 11px; border-radius: 9px; cursor: pointer; }
.trend:hover { background: rgba(255,255,255,.035); }
.trend .nm { flex: 1; font-size: 13.5px; font-weight: 500; }
.trend .nums { font-size: 12px; color: var(--txt-3); font-variant-numeric: tabular-nums; }
.trend .var { font-weight: 700; font-size: 13px; width: 62px; text-align: right; }
.trend .var.up { color: var(--ok); }
.trend .var.down { color: var(--accent); }
.trend .var.novo { color: var(--purple); font-size: 11.5px; }

.fila { display: flex; gap: 12px; overflow-x: auto; padding: 4px 2px 12px; scrollbar-width: thin; }
.fila > * { flex: 0 0 auto; }
.mini {
  width: 210px; background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; overflow: hidden; cursor: pointer; transition: border-color .12s, transform .12s;
}
.mini:hover { border-color: var(--line-2); transform: translateY(-2px); }
.mini .cap { aspect-ratio: 16/9; background: #000; position: relative; }
.mini .cap img { width: 100%; height: 100%; object-fit: cover; }
.mini .cap .tag {
  position: absolute; left: 6px; top: 6px; font-size: 11px; font-weight: 700;
  padding: 2px 6px; border-radius: 4px; background: rgba(0,0,0,.8);
}
.mini .corpo { padding: 9px 10px; }
.mini .t { font-size: 12.5px; font-weight: 600; line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mini .s { font-size: 11px; color: var(--txt-3); margin-top: 4px; }

.pend { display: flex; flex-wrap: wrap; gap: 8px; }
.pend a {
  display: flex; align-items: center; gap: 8px; padding: 9px 13px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 9px;
  color: var(--txt); font-size: 12.5px; cursor: pointer; text-decoration: none;
}
.pend a:hover { border-color: var(--line-2); text-decoration: none; }
.pend a b { color: var(--accent-2); font-size: 14px; }


.vcard .canal { display: flex; align-items: center; gap: 6px; margin-top: 5px; font-size: 11.5px; color: var(--txt-2); }
.vcard .canal img, .vcard .canal .vc-sem { width: 18px; height: 18px; border-radius: 50%; flex: 0 0 18px; }




.vc-sem { font-size: 11px; }
.vcard .canal span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }




.vcard .canal .pc-eng { flex: none; margin-left: auto; }





.vcard .canal a { color: inherit; text-decoration: none; }
.vcard .canal a:hover { text-decoration: underline; }









kbd {
  background: var(--bg-3); border: 1px solid var(--line-2); border-bottom-width: 2px;
  border-radius: 5px; padding: 2px 7px; font-size: 12px; font-family: inherit; font-weight: 600;
}

.field { margin-bottom: 12px; }








.field > label { display: block; font-size: 11.5px; color: var(--txt-2); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 5px; }
.field input, .field select, .field textarea {
  width: 100%; padding: 8px 10px; border-radius: 8px;
  border: 1px solid var(--line-2); background: var(--bg);
}
.field textarea { min-height: 74px; resize: vertical; }
.field.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.flags { display: flex; flex-wrap: wrap; gap: 8px; }
.flag {
  display: flex; align-items: center; gap: 6px; padding: 6px 10px;
  border: 1px solid var(--line-2); border-radius: 8px; cursor: pointer; font-size: 12.5px;
}
.flag.on { border-color: var(--accent); background: rgba(228,38,38,.12); }

.section-title {
  

  font-size: 12px; text-transform: uppercase; letter-spacing: .6px; color: var(--txt-2);
  margin: 22px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--line);
}
.section-title:first-child { margin-top: 0; }

























table { width: auto; max-width: 100%; border-collapse: collapse; font-size: 13px; }
th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--txt-3); padding: 7px 8px; border-bottom: 1px solid var(--line); }
td { padding: 7px 8px; border-bottom: 1px solid var(--line); vertical-align: middle; }
tr:hover td { background: rgba(255,255,255,.025); }
td.num { text-align: right; font-variant-numeric: tabular-nums; }




.out { font-weight: 700; }




.out-txt { font-weight: 700; }
.out-txt.o-mitico   { color: #ff6b5e; }   
.out-txt.o-lendario { color: #ffab3d; }   
.out-txt.o-forte { color: #b794ff; }   
.out-txt.o-bom   { color: #6ea8ff; }   
.out-txt.o-acima { color: #45c47e; }   
.out-txt.o-baixo { color: #8d8885; }   

.vidthumb { width: 84px; border-radius: 5px; display: block; }


.chart { width: 100%; height: 150px; display: block; }
.chart .bar { fill: var(--info); }
.chart .bar.best { fill: var(--accent); }
.chart .lbl { fill: var(--txt-3); font-size: 11px; }

.heatbars { display: grid; gap: 6px; }
.heatbar { display: grid; grid-template-columns: 150px 1fr 34px; gap: 10px; align-items: center; font-size: 12px; }
.heatbar .track { height: 7px; background: var(--bg-3); border-radius: 4px; overflow: hidden; }
.heatbar .fill { height: 100%; background: linear-gradient(90deg, var(--accent-2), var(--accent)); }


.progress { height: 7px; background: var(--bg-3); border-radius: 4px; overflow: hidden; margin: 12px 0; }
.progress .fill { height: 100%; background: var(--accent); transition: width .25s; }
.log { max-height: 260px; overflow-y: auto; font-size: 12.5px; }
.log .li { display: flex; gap: 8px; align-items: center; padding: 5px 0; border-bottom: 1px solid var(--line); }
.log .li img { width: 22px; height: 22px; border-radius: 50%; }
.ok-i { color: var(--ok); } .err-i { color: var(--accent); }




















.toast {
  position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%);
  background: var(--bg-3); border: 1px solid var(--line-2); border-radius: 10px;
  padding: 11px 18px; z-index: 9995; box-shadow: var(--shadow);
  opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s;
}
.toast.on { opacity: 1; transform: translateX(-50%) translateY(-6px); }
.toast.err { border-color: var(--accent); }









.toast:has(.toast-acao) { pointer-events: auto; }
.toast-acao {
  margin-left: 12px; padding: 4px 10px; cursor: pointer;
  background: none; color: var(--txt); font: inherit; font-weight: 600;
  border: 1px solid var(--line-2); border-radius: 7px;
}
.toast-acao:hover { border-color: var(--accent-2); color: var(--accent-2); }








.pc-carga {
  position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 9994;
  pointer-events: none; opacity: 0; transition: opacity .2s;
}
.pc-carga.on { opacity: 1; }
.pc-carga > i {
  display: block; height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent) 70%,
    #ff8a8a 85%, var(--accent) 100%) 0 0 / 200% 100% var(--accent);
  box-shadow: 0 0 8px rgba(228,38,38,.55);
  transition: width 9s cubic-bezier(.08,.72,.2,1);
  animation: pc-carga-brilho 1.4s linear infinite;
}
.pc-carga.fim > i { transition: width .25s ease-out; }
.pc-carga.fim { transition: opacity .25s .2s; opacity: 0; }
@keyframes pc-carga-brilho { to { background-position: -200% 0; } }




.toast.pc-carga-aviso {
  top: 70px; bottom: auto; max-width: min(620px, calc(100vw - 32px));
  line-height: 1.5; font-size: 13px;
}
.toast.pc-carga-aviso.on { transform: translateX(-50%) translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .pc-carga > i { animation: none; transition: width .2s; }
}

.list-row {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px; margin-bottom: 8px;
}
.list-row .grow { flex: 1; min-width: 0; }
.list-row .grow b { display: block; }.nt-estrelas button.on { color: #f5b301; }



























.ide-form { display: grid; gap: 14px; }
.ide-form textarea {
  width: 100%; min-height: 148px; padding: 12px 14px; border-radius: 10px;
  resize: vertical; font-size: 14px;
  border: 1px solid var(--line-2); background: var(--bg); line-height: 1.55;
}
.ide-form textarea::placeholder { color: var(--txt-3); line-height: 1.9; }
.ide-form textarea:focus {
  outline: none; border-color: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(255, 176, 32, .16);
}



.ide-envia { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ide-envia .tiny { flex: 1 1 180px; }



#ide-enviar { padding: 10px 24px; font-size: 14px; }







.ide-daqui { flex: none; color: var(--txt-2); font-size: 12px; }







.ide-mal { color: #ff6b6b; }
.ide-bem { color: var(--ok); }



















.pc-recado.ide-feito .pc-recado-corpo { --rc-cor: 46, 204, 113; }
.pc-recado-ok { color: var(--ok); display: grid; place-items: center; }





.ide-marca {
  flex: none; width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--accent-2); color: #241a05;
}
.ide-marca svg { width: 19px; height: 19px; }






.bar-ajuda {
  background: none; border-color: var(--info); color: var(--info);
}
.bar-ajuda:hover { background: none; border-color: #7db8ff; color: #7db8ff; }
.sup-marca {
  flex: none; width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--info); color: #06172e;
}
.sup-marca svg { width: 19px; height: 19px; }
#sup-corpo { display: grid; gap: 12px; }
#sup-corpo > * { min-width: 0; }
.sup-abas { justify-self: start; }
.sup-topo, .sup-conv-topo, .sup-acoes {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  flex-wrap: wrap;
}
.sup-filtros { margin: 0; }
.sup-filtros .nf-per b { font-weight: 700; color: var(--txt); margin-left: 2px; }
.sup-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sup-item {
  width: 100%; text-align: left; cursor: pointer; display: grid; gap: 5px;
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt);
  border-radius: 10px; padding: 11px 14px; font-family: inherit;
}
.sup-item:hover { border-color: var(--line-2); }
.sup-item-linha { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.sup-item-linha b {
  font-size: 13.5px; font-weight: 600; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sup-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sup-item-assunto {
  font-size: 12.5px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.sup-item-meta {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  font-size: 11.5px; color: var(--txt-3);
}
.sup-ponto {
  flex: none; width: 8px; height: 8px; border-radius: 50%;
  background: var(--info); align-self: center;
}
.sup-est {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 600; border: 1px solid var(--line-2);
  color: var(--txt-2);
}
.sup-est-aberto { border-color: var(--info); color: var(--info); }
.sup-est-ok { border-color: var(--ok); color: var(--ok); }
.sup-assunto { margin: 0; font-size: 15px; text-wrap: balance; }
.sup-quem { margin: -6px 0 0; }
.sup-msgs {
  display: grid; gap: 10px; max-height: min(46vh, 420px); overflow-y: auto;
  padding: 2px 2px 4px;
}
.sup-msg {
  justify-self: start; max-width: 86%; display: grid; gap: 4px;
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 12px 12px 12px 4px; padding: 9px 12px;
}
.sup-msg-eu {
  justify-self: end; border-radius: 12px 12px 4px 12px;
  background: color-mix(in srgb, var(--info) 14%, var(--bg-3));
  border-color: color-mix(in srgb, var(--info) 40%, var(--line));
}
.sup-msg-quem { font-size: 11px; color: var(--txt-3); }
.sup-msg-texto {
  font-size: 13.5px; line-height: 1.5; white-space: pre-wrap;
  overflow-wrap: break-word;
}
.sup-form { display: grid; gap: 10px; }
.sup-rot { font-size: 13px; font-weight: 600; }
.sup-form textarea {
  width: 100%; min-height: 74px; resize: vertical; padding: 9px 11px;
  border-radius: 8px; border: 1px solid var(--line-2); background: var(--bg);
  line-height: 1.5;
}
.sup-form textarea:focus { outline: none; border-color: var(--info); }
.sup-enviar { background: var(--info); border-color: var(--info); color: #06172e; font-weight: 700; }
.sup-enviar:hover { background: #7db8ff; border-color: #7db8ff; }
.sup-nota { margin: 0; }
.sup-erro { margin: 0; color: var(--accent); font-size: 12.5px; }
.sup-vazio { margin: 4px 0; }


.sup-titulo { margin: 0; font-size: 16px; text-wrap: balance; }
.sup-sub { margin: -6px 0 0; }
.sup-tema { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.sup-tema-txt { display: grid; gap: 3px; min-width: 0; }
.sup-tema-txt b { font-size: 13.5px; font-weight: 600; }
.sup-tema-txt span { font-size: 12.5px; color: var(--txt-3); }
.sup-seta { font-size: 20px; line-height: 1; color: var(--txt-3); }
.sup-tema:hover .sup-seta { color: var(--info); }
.sup-meus-link {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
  background: color-mix(in srgb, var(--info) 10%, var(--bg-3));
  border: 1px solid color-mix(in srgb, var(--info) 35%, var(--line));
  border-radius: 10px; padding: 10px 14px; color: var(--txt); cursor: pointer;
  font-family: inherit; font-size: 13px;
}
.sup-meus-link > span:nth-of-type(1) { flex: 1; min-width: 0; }
.sup-meus-link b { color: var(--info); margin-left: 2px; }
.sup-fim {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 12px;
}
.sup-passos { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sup-passo { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; }
.sup-num {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  font-size: 12.5px; font-weight: 700; color: #06172e; background: var(--info);
}
.sup-passo-corpo { display: grid; gap: 10px; min-width: 0; }
.sup-passo-corpo p { margin: 3px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--txt-2); }
.sup-passo-corpo p b { color: var(--txt); }
.sup-passo-corpo a:not(.sup-print) { color: var(--info); }
.sup-print {
  display: block; justify-self: start; max-width: 100%;
  border: 1px solid var(--line-2); border-radius: 10px; overflow: hidden;
  background: var(--bg);
}
.sup-print img { display: block; max-width: 100%; height: auto; max-height: 300px; object-fit: contain; }
.sup-atalho { justify-self: start; }
.sup-resolveu {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  flex-wrap: wrap; padding: 12px 14px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line);
}
.sup-resolveu-bts { display: flex; gap: 8px; flex-wrap: wrap; }
.sup-sobre { margin: -4px 0 0; }


.sup-acoes-esq { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sup-anexar { cursor: pointer; }
.sup-anexar.sup-cheio { opacity: .45; pointer-events: none; }
.sup-anexos { display: flex; gap: 8px; flex-wrap: wrap; }
.sup-anexo {
  position: relative; width: 84px; height: 60px; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--line-2); background: var(--bg);
}
.sup-anexo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sup-anexo-x {
  position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 50%;
  border: 0; background: rgba(0, 0, 0, .72); color: #fff; font-size: 14px; line-height: 20px;
  padding: 0; cursor: pointer;
}
.sup-msg-fotos { display: flex; gap: 6px; flex-wrap: wrap; }
.sup-msg-fotos a {
  display: block; width: 120px; height: 84px; border-radius: 8px; overflow: hidden;
  border: 1px solid var(--line-2); background: var(--bg);
}
.sup-msg-fotos img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sup-recado { margin: 0; }

.sup-campo { display: grid; gap: 6px; border: 0; padding: 0; margin: 0; min-width: 0; }
.sup-campo legend { padding: 0; margin-bottom: 6px; }
.sup-sel {
  height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--line-2);
  background: var(--bg); color: var(--txt); font-family: inherit; font-size: 13px; max-width: 100%;
}
.sup-sel:focus { outline: none; border-color: var(--info); }
.sup-ops { display: flex; flex-wrap: wrap; gap: 6px; }
.sup-op { position: relative; cursor: pointer; }
.sup-op input { position: absolute; opacity: 0; pointer-events: none; }
.sup-op span {
  display: inline-block; padding: 6px 12px; border-radius: 999px; font-size: 12.5px;
  border: 1px solid var(--line-2); color: var(--txt-2); background: var(--bg-3);
}
.sup-op:hover span { border-color: var(--txt-3); color: var(--txt); }
.sup-op input:checked + span {
  border-color: var(--info); color: #fff; font-weight: 700;
  background: color-mix(in srgb, var(--info) 22%, var(--bg-3));
}
.sup-op input:focus-visible + span { outline: 2px solid var(--info); outline-offset: 2px; }
.sup-est-aluno { border-color: rgba(255, 176, 32, .5); color: #ffd27a; }
.sup-ficha {
  display: grid; gap: 10px; padding: 12px 14px; border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--info) 35%, var(--line)); background: var(--bg-3);
}
.sup-fi-tipo { font-weight: 800; font-size: 13.5px; color: #fff; }
.sup-fi-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sup-fi-cols > div { display: grid; gap: 5px; align-content: start; min-width: 0; }
.sup-fi-tit { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--txt-3); }
.sup-fi-l { display: grid; gap: 1px; font-size: 12.5px; }
.sup-fi-l i { font-style: normal; color: var(--txt-3); font-size: 11.5px; }
.sup-fi-l b { font-weight: 600; color: var(--txt); overflow-wrap: anywhere; }
@media (max-width: 560px) { .sup-fi-cols { grid-template-columns: minmax(0, 1fr); } }

.ide-caixa { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 14px; }
.ide-caixa h4 {
  margin: 0 0 10px; font-size: 12px; text-transform: uppercase;
  letter-spacing: .06em; color: var(--txt-3);
}
.ide-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ide-item {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 10px; padding: 12px 14px;
}


.ide-txt { margin: 0 0 8px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; }
.ide-pe {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  font-size: 12px; color: var(--txt-3);
}
.ide-pe > span:first-child { color: var(--txt-2); font-weight: 500; }
.ide-onde {
  border: 1px solid var(--line-2); border-radius: 999px; padding: 1px 8px;
}



.ide-acoes { margin-left: auto; display: flex; gap: 6px; flex-wrap: wrap; }












.ide-item.ide-ok {
  border-color: rgba(46, 204, 113, .32);
  border-left: 3px solid var(--ok);
  background: rgba(46, 204, 113, .05);
}
.ide-feita {
  color: var(--ok); font-weight: 600; white-space: nowrap;
  border: 1px solid #1f6b42; border-radius: 999px; padding: 1px 8px;
}
.ide-arq {
  color: var(--txt-3); white-space: nowrap;
  border: 1px solid var(--line-2); border-radius: 999px; padding: 1px 8px;
}


.ide-legenda { margin: 12px 0 0; line-height: 1.9; }




.ide-resp {
  margin: 8px 0 4px; padding: 8px 12px; border-radius: 8px;
  background: var(--bg-2); border-left: 3px solid var(--line-2);
}
.ide-resp b { display: block; font-size: 12px; color: var(--txt-2); margin-bottom: 2px; }
.ide-resp p { margin: 0 0 2px; white-space: pre-wrap; color: var(--txt); }
.ide-resp-form { margin-top: 8px; display: grid; gap: 6px; }
.ide-resp-form[hidden] { display: none; }
.ide-resp-form textarea { width: 100%; box-sizing: border-box; resize: vertical; }
.ide-resp-pe { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }












.ide-abas { margin: 0 0 16px; }



.ide-conta { margin: 0; line-height: 1.6; }



.ide-anexo {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  border: 1px dashed var(--line-2); border-radius: 10px; padding: 10px 12px;
}


.ide-anexo-cheio { border-style: solid; background: var(--bg-3); }


















.ide-mini { position: relative; display: block; flex: none; }
.ide-mini img {
  width: 70px; height: 44px; object-fit: cover; border-radius: 6px;
  border: 1px solid var(--line-2); display: block;
}
.ide-mini-x {
  position: absolute; top: -6px; right: -6px;
  width: 18px; height: 18px; padding: 0; border-radius: 999px;
  border: 1px solid var(--line-2); background: var(--bg-2); color: var(--txt-2);
  font: 700 13px/16px inherit; cursor: pointer;
}
.ide-mini-x:hover { color: var(--txt); border-color: var(--accent-2); }



.ide-album { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 8px; }






.ide-print { display: block; width: max-content; max-width: 100%; }
.ide-print img {
  display: block; max-width: 100%; width: 240px; border-radius: 8px;
  border: 1px solid var(--line-2);
}
.ide-print:hover img { border-color: var(--accent-2); }




.ide-fazendo {
  color: var(--accent-2); font-weight: 600; white-space: nowrap;
  border: 1px solid #5a4210; border-radius: 999px; padding: 1px 8px;
}







.ft-quebra { display: grid; grid-template-columns: 1fr 2fr auto; gap: 10px;
             align-items: end; margin-bottom: 16px; }
.ft-quebra label { display: grid; gap: 4px; font-size: 11px;
                   letter-spacing: .06em; color: #9b9795; }
.ft-quebra p { grid-column: 1 / -1; margin: 0; }
.ft-h { margin: 18px 0 8px; font-size: 12px; text-transform: uppercase;
        letter-spacing: .06em; color: #9b9795; }
.ft-lista.fraca { opacity: .55; }.rx-card.tem { opacity:.55; }.rx-selo { font-size: 11px; color:#9b9795; border:1px solid #403e3d;
           border-radius:99px; padding:2px 8px; }

.nx-quando { margin: 0 0 12px; }
.nx-lista { display: grid; gap: 8px; }






.nx-lista .nx-card { display: flex; gap: 12px; align-items: center;
           border: 1px solid #31302f; border-radius: 10px; padding: 12px 14px; }
.nx-lista .nx-card.tem { opacity: .6; }
.nx-lista .nx-card img { width: 48px; height: 48px; border-radius: 50%; flex: 0 0 auto; }
.nx-txt { display: grid; gap: 2px; min-width: 190px; }
.nx-subs { font-size: 11px; color: #9b9795; }
.nx-sim { font-size: 12px; color: #5b8cff; }
.nx-nums { display: flex; gap: 22px; margin-left: auto; flex-wrap: wrap; }
.nx-nums div { display: grid; }
.nx-nums b { font-size: 14px; }
.nx-nums span { font-size: 11px; color: #9b9795; }.nx-badges { display: flex; gap: 5px; }
.nx-badges i { font-style: normal; font-size: 11px; background: #2a2928;
               border-radius: 99px; padding: 2px 7px; color: #9b9795; }
.nx-badges i.out { background: #32302f; color: #b79bff; }
.nx-fila { font-size: 11px; color: #d7a24c; background: #2a2418;
           border-radius: 99px; padding: 3px 10px; }
.nx-acoes { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.nx-quando .btn { margin-left: 8px; }

















.sim-cab {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; margin-bottom: 12px;
}
.sim-cab > b { font-size: 14px; }
.sim-apertos { display: flex; gap: 6px; }




.chip-sim {
  font-size: 12.5px; padding: 4px 11px; border-radius: 99px;
  border: 1px solid var(--line-2); background: var(--bg-3);
  color: var(--txt-2); cursor: pointer;
}
.chip-sim:hover { border-color: var(--txt-3); color: var(--txt); }
.chip-sim.on {
  background: var(--txt); color: var(--bg); border-color: var(--txt); font-weight: 600;
}
.chip-sim:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }






.sim-fracos {
  display: flex; align-items: center; gap: 10px;
  margin: 6px 0 2px; font-size: 12.5px; color: var(--txt-3);
}
.sim-fracos::before, .sim-fracos::after {
  content: ""; height: 1px; background: var(--line-2); flex: 1;
}
























.sim-mais {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  margin-top: 16px; padding-top: 16px; border-top: 1px dashed var(--line-2);
}
.sim-mais .btn {
  width: 100%; max-width: 420px; justify-content: center;
  padding: 12px 22px; font-size: 14px; font-weight: 600;
  border-color: var(--txt-3);
}
.sim-mais .btn:hover { border-color: var(--txt-2); }
.sim-mais > span { text-align: center; }






.sim-mais[hidden] { display: none; }





















#ov-similares .nf-julgar { display: none; }








.ac-filtros { margin: 10px 0 4px; }








.ac-filtros .nf-per-rot { flex-basis: auto; margin: 0 2px 0 0; }
.ac-filtros .nf-per-sep { margin-left: 12px; }









#ov-similares .nf-card-rodape { grid-template-columns: minmax(0, 1fr); }









#ov-similares .nf-card-rodape.tem-nota > .nf-notas,
#ov-similares .nf-card-rodape.tem-nota > .nf-julgar {
  grid-column: 1 / -1; grid-row: auto;
}








.sim-gaveta { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 14px; }
.sim-gaveta > summary {
  cursor: pointer; display: flex; align-items: baseline; gap: 10px;
  flex-wrap: wrap; color: var(--txt-2); font-size: 13.5px;
}
.sim-gaveta > summary:hover { color: var(--txt); }
.sim-gaveta > summary > span { font-weight: 600; }
.sim-gaveta[open] > summary { margin-bottom: 14px; }







.nf-vazio {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 8px; padding: 36px 24px 40px; margin: 0 auto;
  border: 1px dashed var(--line-2); border-radius: 14px;
  background: var(--bg);
}
.nf-vazio-i {
  display: grid; place-items: center;
  width: 52px; height: 52px; border-radius: 14px; margin-bottom: 6px;
  background: var(--bg-3); border: 1px solid var(--line-2);
  color: var(--txt-2);
}
.nf-vazio-i svg { width: 24px; height: 24px; }
.nf-vazio > b { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--txt); max-width: 46ch; }
.nf-vazio > span {
  font-size: 13.5px; line-height: 1.55; color: var(--txt-2);
  max-width: 52ch; text-wrap: balance;
}
.nf-vazio > .btn { margin-top: 10px; }

.sim-espera { margin-bottom: 16px; }
.sim-barra {
  height: 8px; border-radius: 99px; background: var(--bg-3);
  overflow: hidden; border: 1px solid var(--line);
}
.sim-barra i {
  display: block; height: 100%; background: var(--accent);
  transition: width .9s linear;
}


.sim-espera.demorando .sim-barra i {
  background: repeating-linear-gradient(135deg,
    var(--accent-2) 0 10px, transparent 10px 20px);
  background-color: var(--bg-3);
  animation: sim-listra 1s linear infinite;
  transition: none;
}
@keyframes sim-listra { to { background-position: 28px 0; } }
.sim-linha {
  display: flex; align-items: center; gap: 8px; margin-top: 7px;
  font-size: 12px; color: var(--txt-2);
}
.sim-linha b { font-size: 14px; font-variant-numeric: tabular-nums; }
.sim-nota { margin: 5px 0 0; }
.sim-vigia { font-style: normal; font-size: 11px; cursor: help; }




.sim-vigia.viva { color: var(--novo); }
.sim-vigia.morta { color: var(--accent-2); }























.ac-bloco {
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 16px 16px 18px;
  margin-bottom: 20px;
}




.ac-cab {
  display: flex; gap: 10px 24px; flex-wrap: wrap;
  align-items: baseline; justify-content: space-between;
}
.ac-cab h3 {
  margin: 0; font-size: 16px; font-weight: 650;
  text-wrap: balance;
}
.ac-cab p { margin: 0; max-width: 52ch; }
.ac-resumo {
  display: flex; gap: 4px 16px; flex-wrap: wrap; margin: 0 !important;
  max-width: none !important; font-size: 12px; color: var(--txt-2);
}
.ac-resumo b { color: var(--txt); font-weight: 650; font-variant-numeric: tabular-nums; }






.ac-chaves { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0 0; }
.ac-chave {
  display: inline-flex; align-items: baseline; gap: 7px;
  font-size: 12px; color: var(--txt);
  background: rgba(255, 255, 255, .055); border-radius: 7px; padding: 3px 10px;
}
.ac-chave i { font-style: normal; font-size: 11px; color: var(--txt-2); }





.ac-regua-min {
  margin-left: auto; padding-left: 14px;
  font-size: 11.5px; color: var(--txt-2); cursor: help;
}








.ac-item { display: flex; flex-direction: column; }































#sim-achados .ac-item:not(:has(> .nf-card[class*="raro-"])) {
  border: 1px solid transparent; border-radius: var(--r);
  background: var(--bg-2); overflow: hidden;
}
#sim-achados .ac-item:not(:has(> .nf-card[class*="raro-"])) > .nf-card {
  border: 0; border-radius: 0; background: none;
}
#sim-achados .ac-item:not(:has(> .nf-card[class*="raro-"])) > .ac-veio {
  margin: 0; border-left: 0; border-top: 1px solid var(--line); padding: 7px 15px;
}







#sim-achados .nf-fila {
  grid-template-columns: repeat(auto-fill, 231px);
  justify-content: space-between;
}





.ac-pos {
  flex: none; align-self: center; min-width: 22px; text-align: right;
  font-size: 12.5px; font-weight: 700; color: var(--txt-2);
  font-variant-numeric: tabular-nums; cursor: help;
}








.ac-marca {
  font-size: 11px; border-radius: 999px; padding: 1px 9px;
  white-space: nowrap; align-self: center; cursor: help;
}
.ac-marca.ok  { color: #7fe39b; border: 1px solid rgba(52,199,89,.35);  background: rgba(52,199,89,.09); }
.ac-marca.nao { color: #ffb0b0; border: 1px solid rgba(228,38,38,.35); background: rgba(228,38,38,.09); }






#sim-achados .ac-filtros {
  position: sticky; top: 0; z-index: 5;
  background: var(--bg-2); padding: 8px 0 9px;
  margin: 4px 0 0; border-bottom: 1px solid var(--line);
}










#ov-similares .modal { overflow: clip; }




.nf-v-out { margin-left: 0; }
.ac-veio {
  display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap;
  margin: -6px 0 4px; padding: 7px 12px;
  border-left: 2px solid var(--line-2);
  font-size: 12px; color: var(--txt-3);
}





.ac-pq { display: inline-flex; align-items: baseline; gap: 8px; margin-left: auto; }



.ac-veio > a, .ac-veio > span:not([class]) {
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap;
}
.ac-veio a { color: var(--txt-2); text-decoration: none; }
.ac-veio a:hover { color: var(--txt); text-decoration: underline; }
.ac-views {
  color: var(--txt-2); font-weight: 600;
  font-variant-numeric: tabular-nums;
}












.ac-x { margin-left: 0; }










.ac-item.fora .nf-card { opacity: .72; }
.ac-item.fora:hover .nf-card { opacity: 1; }











.ac-corte {
  grid-column: 1 / -1;
  margin: 10px 0 0; padding: 10px 13px;
  border: 1px dashed var(--line-2); border-radius: var(--r);
  

  background: var(--bg);
  font-size: 12px; line-height: 1.55; color: var(--txt-2);
}
.ac-corte b { color: var(--txt); font-weight: 700; }





.ac-fora {
  color: var(--txt-2); border-left: 1px solid var(--line-2);
  padding-left: 8px; margin-left: 2px;
}





.ac-via { color: var(--txt-2); font-weight: 500; }

.ac-cru { border-style: dashed; opacity: .82; }
.ac-cru .nf-nome { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
                   font-size: 12.5px; }





















.ck-tem, .ck-form { display: flex; flex-direction: column; gap: 14px; }





.ck-tem, .cn-form.ck-form { max-width: 560px; }



.ck-cartao {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 10px; padding: 2px 14px 0;
}
.ck-cartao-pe {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 0 12px; border-top: 1px solid var(--line);
}



.ck-cartao-pe .tiny { margin: 0; flex: 1 1 220px; min-width: 0; }




.ck-cab {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 10px; margin: 2px 0 10px; padding-bottom: 6px;
  border-bottom: 1px solid var(--line);
}
.ck-cab .section-title { margin: 0; padding: 0; border: 0; }
.ck-val {
  margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px; color: var(--txt); letter-spacing: .02em;
}






.ck-form p a { color: var(--info); }


























.ck-form > p { margin: 0; line-height: 1.5; }





.cn-form.ck-form .field { margin-bottom: 0; }




.ck-form > .cn-recado:empty { display: none; }





.ck-form > .cn-recado { font-size: var(--cf-leg, 12px); }



























.ck-form .field > label {
  font-size: var(--cf-leg, 12px);
  text-transform: none; letter-spacing: 0; font-weight: 500;
}







#chv-sobre { max-width: none; margin: 0 0 20px; line-height: 1.5; }

























#ov-chave .cn-form.ck-form { max-width: none; }















.ck-passos > li > b { font-size: var(--cf-txt, 14px); }
.ck-passos span { font-size: var(--cf-txt, 14px); }





.ck-passos code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--cf-leg, 12px);
}






.ck-dia { margin: 0; }




.ck-dia-tit {
  margin: 0 0 8px; font-size: 12.5px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.ck-dia-tit b {
  font-size: 23px; line-height: 1; color: var(--txt);
  font-weight: 600; margin-right: 5px;
}
.ck-dia-vira { font-size: 11.5px; color: var(--txt-3); white-space: nowrap; }
.ck-dia-vira b { color: var(--txt-2); font-variant-numeric: tabular-nums; }









.pl-barra.ck-dia-barra { height: 10px; }




.pl-barra i.ck-f-gasto { background: var(--novo); }





.pl-barra i.ck-f-guardado { background: var(--txt-3); }




.ck-dia-leg {
  margin: 8px 0 0; font-size: 11.5px; color: var(--txt-3);
  display: flex; flex-wrap: wrap; gap: 3px 16px;
}
.ck-dia-leg b { color: var(--txt-2); }







.ck-leg { display: block; }
.ck-leg i {
  display: inline-block; width: 8px; height: 8px; border-radius: 2px;
  margin-right: 6px; vertical-align: baseline;
}
.ck-p-gasto { background: var(--novo); }
.ck-p-guardado { background: var(--txt-3); }








.ck-emp {
  display: flex; flex-direction: column; gap: 7px;
  padding-top: 13px; border-top: 1px solid var(--line);
}
.ck-emp .flag { align-self: flex-start; }
.ck-emp p { margin: 0; }
















.ck-lista { list-style: none; margin: 0; padding: 0; }
.ck-item {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 8px 0; border-top: 1px solid var(--line);
}




.ck-item:first-child { border-top: 0; }
.ck-item-quem { min-width: 0; }
.ck-item .ck-val { font-size: 13px; }
.ck-item-rot { margin: 2px 0 0; font-size: 11.5px; color: var(--txt-3); }




.ck-item-acoes { display: flex; gap: 6px; flex-shrink: 0; }


details.vq-faixa > summary { cursor: pointer; list-style: none; }
details.vq-faixa > summary::-webkit-details-marker { display: none; }
details.vq-faixa > summary::before { content: "▸"; margin-right: 6px;
  color: #7f7a78; display: inline-block; transition: transform .15s; }
details.vq-faixa[open] > summary::before { transform: rotate(90deg); }
.vq-resumo { font-size: 12px; color: #9b9795; margin-left: 8px; }
details.vq-faixa.vq-sem > summary::before { content: ""; margin: 0; }


.es-topo { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
.es-resumo { margin:6px 0 2px; font-size:14px; }
.es-par { display:grid; grid-template-columns:1fr auto 1fr; gap:16px;
          border:1px solid #31302f; border-radius:10px; padding:14px;
          margin-bottom:12px; align-items:start; }
.es-lado { display:grid; gap:4px; min-width:0; }
.es-lado img { width:100%; border-radius:8px; aspect-ratio:16/9; object-fit:cover; }
.es-rot { font-size: 11px; letter-spacing:.08em; text-transform:uppercase; color:#7f7a78; }
.es-lado b { font-size:13px; line-height:1.3; }
.es-views { font-size:12px; color:#d7a24c; }
.es-views.forte { color:#5fd08a; font-weight:600; }
.es-meio { display:grid; gap:2px; justify-items:center; align-content:center;
           text-align:center; min-width:110px; }
.es-mult { font-size:26px; color:#e8843c; }
.es-meio span { font-size:11px; color:#9b9795; }
.es-porque { grid-column:1/-1; margin:6px 0 0; font-size:11px; color:#9b9795;
             border-top:1px solid #282726; padding-top:8px; }
.es-porque i { font-style:normal; background:#1b2a1f; color:#8fd6a4;
               border-radius:4px; padding:1px 6px; margin-right:4px; }
@media (max-width: 820px) { .es-par { grid-template-columns:1fr; } }


.md-lista { display:grid; gap:6px; }
.md-item { display:flex; gap:12px; align-items:center;
           border:1px solid #31302f; border-radius:8px; padding:9px 12px; }
.md-item.forte { border-color:#545150; }
.md-n { min-width:26px; height:26px; border-radius:50%; background:#2a2928;
        color:#9b9795; display:grid; place-items:center; font-size:12px; }
.md-item.forte .md-n { background:#2b3category; }
.md-item.forte .md-n { background:#3c3a39; color:#9dbaff; }
.md-txt { display:grid; gap:2px; flex:1; min-width:0; }
.md-melhor { color:#7f7a78; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.md-achados { border-left:2px solid #31302f; margin:2px 0 8px 26px; padding-left:12px; }
.md-canal { display:flex; gap:8px; align-items:center; padding:4px 0; font-size:13px; }
.md-canal.tem { opacity:.5; }
.es-origem { border:1px solid #31302f; border-radius:10px; padding:12px 14px;
             margin:12px 0; }
.es-origem h4 { margin:0 0 8px; font-size:12px; text-transform:uppercase;
                letter-spacing:.06em; color:#9b9795; }
.es-fonte { display:flex; gap:10px; align-items:baseline; padding:4px 0;
            border-top:1px solid #282726; }
.es-fonte:first-of-type { border-top:0; }
.es-vezes { font-size:11px; background:#3c3a39; color:#9dbaff;
            border-radius:99px; padding:1px 8px; }
.es-fonte .tiny { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.op-preset.on { border-color:#4a6cff; background:#272625; }



.cfg-t { margin: 0 0 2px; font-size: 16px; font-weight: 620; letter-spacing: -.2px; }

.cfg-abas { margin-bottom:18px; }.db-bloco.alerta { border-color:#4a2b2b; }



.subtabs { display: none; }
.subtabs.on {
  display: flex; gap: 2px; align-items: center;
  padding: 8px 18px 0; border-bottom: 1px solid var(--line);
}
.subtab {
  padding: 6px 13px; border: 0; background: transparent; cursor: pointer;
  color: var(--txt-2); font-size: 13px; font-weight: 500;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.subtab:hover { color: var(--txt); }
.subtab.on { color: var(--txt); border-bottom-color: var(--accent); }




.sub-fila {
  display: inline-block; min-width: 16px; padding: 0 5px; margin-left: 4px;
  border-radius: 9px; background: var(--accent); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 16px; text-align: center;
  vertical-align: middle;
}


.fx-topo { display:flex; gap:10px; align-items:center; flex-wrap:wrap;
           margin-bottom:12px; }
.fx-resumo { display:grid; gap:6px; border:1px solid #31302f; border-radius:10px;
             padding:10px 12px; margin-bottom:14px; }
.fx-resumo div { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.fx-resumo b { font-size:11px; text-transform:uppercase; letter-spacing:.06em;
               color:#9b9795; min-width:64px; }
.fx-item { display:flex; gap:12px; border:1px solid #31302f; border-radius:10px;
           padding:10px 12px; margin-bottom:8px; }
.fx-item img { width:120px; border-radius:8px; aspect-ratio:16/9;
               object-fit:cover; flex:0 0 auto; }
.fx-txt { display:grid; gap:4px; min-width:0; }
.fx-molde { font-family:ui-monospace,Consolas,monospace; font-size:12px;
            color:#9dbaff; background:#272625; border-radius:6px;
            padding:3px 8px; justify-self:start; }
.fx-ts { font-size:12px; color:#cfcdcc; display:flex; gap:14px; flex-wrap:wrap; }
.fx-ts i { font-style:normal; font-size: 11px; text-transform:uppercase;
           letter-spacing:.06em; color:#7f7a78; margin-right:4px; }
.fx-gat { display:flex; gap:5px; flex-wrap:wrap; }
.fx-gat i, .fx-gat em { font-style:normal; font-size: 11px; border-radius:99px;
                        padding:2px 8px; background:#2a2928; color:#9b9795; }

















.fi-topo { display:flex; gap:14px; align-items:flex-start;
           justify-content:space-between; flex-wrap:wrap; margin-bottom:12px; }
.fi-numeros { display:flex; gap:22px; flex-wrap:wrap; }
.fi-n { display:grid; gap:2px; }
.fi-n i { font-style:normal; font-size: 11px; text-transform:uppercase;
          letter-spacing:.06em; color:#7f7a78; }
.fi-n b { font-size:16px; color:var(--txt); }

.fi-bloco { margin-bottom:16px; }
.fi-bloco h4 { font-size:11px; text-transform:uppercase; letter-spacing:.06em;
               color:#9b9795; margin:0 0 8px; font-weight:600; }
.fi-lista { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.fi-lista li { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap;
               border:1px solid #31302f; border-radius:10px; padding:8px 12px; }
.fi-lista code { font-family:ui-monospace,Consolas,monospace; font-size:12.5px;
                 color:#9dbaff; }
.fi-n-vezes { font-size:11px; color:#7f7a78; }



.fi-ex { font-size:12px; color:var(--txt-2); min-width:0; }
.fi-chips { display:flex; gap:6px; flex-wrap:wrap; }

.fi-campeao { display:flex; gap:12px; align-items:center; text-decoration:none;
              border:1px solid #31302f; border-radius:10px; padding:10px 12px; }
.fi-campeao:hover { border-color:var(--line-2); }
.fi-campeao img { width:120px; border-radius:8px; aspect-ratio:16/9;
                  object-fit:cover; flex:0 0 auto; }
.fi-campeao span { display:grid; gap:3px; min-width:0; }
.fi-campeao b { color:var(--txt); font-size:13px; }
.fi-campeao i { font-style:normal; font-size:11.5px; color:#7f7a78; }
.fx-gat em { background:#32302f; color:#b79bff; }
.fx-gat em.cl { background:#1b2a1f; color:#8fd6a4; }


.pr-lista { display:grid; gap:8px; margin:14px 0; }
.pr-item { display:grid; gap:4px; text-align:left; cursor:pointer; color:inherit;
           background:#1e1d1c; border:1px solid #31302f; border-radius:10px;
           padding:12px 14px; }
.pr-item:hover { border-color:#545150; }
.pr-item.indice { border-color:#423f3e; background:#1e1d1c; }
.pr-item b { font-size:14px; }
.pr-meta { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pr-taxa { font-style:normal; font-size:11px; background:#1b2a1f; color:#8fd6a4;
           border-radius:99px; padding:2px 9px; }
.pr-sem { font-style:normal; font-size:11px; background:#2a2418; color:#d7a24c;
          border-radius:99px; padding:2px 9px; }
.pr-doc { border:1px solid #31302f; border-radius:12px; padding:18px 22px;
          margin-top:16px; }
.pr-cab { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap;
          border-bottom:1px solid #282726; padding-bottom:10px; margin-bottom:12px; }
.pr-cab h3 { margin:0; font-size:18px; }
.pr-texto { font-size:14px; line-height:1.6; color:#cfcdcc; }
.pr-texto h4 { margin:18px 0 6px; font-size:14px; color:#e6ebf5; }
.pr-texto h5 { margin:14px 0 4px; font-size:13px; color:#9dbaff; }
.pr-texto blockquote { margin:10px 0; padding:8px 14px; border-left:3px solid #545150;
                       background:#1e1d1c; color:#dfe6f2; }
.pr-texto li { margin-left:20px; }
.pr-texto pre { background:#161515; border-radius:8px; padding:10px 12px;
                overflow-x:auto; font-size:12px; }
.pr-texto code { background:#272524; border-radius:4px; padding:1px 5px; font-size:12px; }
.pr-link { font-style:normal; color:#9dbaff; }
.pr-versoes { margin-top:18px; border-top:1px solid #282726; padding-top:12px; }
.pr-versoes h4 { margin:0 0 8px; font-size:12px; text-transform:uppercase;
                 letter-spacing:.06em; color:#9b9795; }
.pr-v { display:flex; gap:12px; align-items:center; padding:4px 0; font-size:13px; }
.pr-v span:first-child { min-width:130px; }
[data-restaurar].armado { background:#4a2b2b; border-color:#7a3b3b; color:#ffd7d7; }




.aviso-chaves {
  border-left:3px solid var(--info); background:rgba(77,159,255,.07);
  border-radius:0 8px 8px 0; padding:12px 16px; margin-bottom:18px;
  

  font-size:14px; color:var(--txt-2); max-width:1000px;
}
.aviso-chaves b { color:var(--txt); }
.aviso-chaves code { color:#9fd0ff; }

.ch-quota-topo { border:1px solid var(--line); border-radius:var(--r);
                 padding:12px 16px; margin-bottom:18px; max-width:1000px; }
.ch-quota-cab { display:flex; justify-content:space-between; gap:12px;
                flex-wrap:wrap; align-items:baseline; margin-bottom:8px; }
.ch-barra { height:6px; border-radius:3px; background:#272524; overflow:hidden; }
.ch-barra i { display:block; height:100%; background:var(--info); }
.ch-quota-topo p { margin:8px 0 0; }

.ch-grade { display:grid; gap:14px; margin-bottom:26px;
            grid-template-columns:repeat(auto-fill, minmax(330px, 1fr)); }
.ch-card { border:1px solid var(--line); border-radius:var(--r);
           background:var(--bg-2); padding:14px 16px 16px;
           display:flex; flex-direction:column; gap:10px; }

.ch-card.falta { border-color:rgba(228,38,38,.45); }
.ch-card-cab { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.ch-card-cab h3 { margin:0; font-size:16px; font-weight:600; }
.ch-resumo { margin:0; font-size:12.5px; color:var(--txt-2); }


.ch-recusa { margin:6px 0 0; padding:8px 10px; border-radius:8px;
  font-size:12.5px; line-height:1.45;
  background:rgba(234,179,8,.10); border:1px solid rgba(234,179,8,.35); }
.ch-recusa span { display:block; margin-top:3px; }
.ch-onde { margin:auto 0 0; padding-top:4px; }

.ch-badge { font-size:11px; padding:3px 9px; border-radius:99px;
            border:1px solid var(--line-2); color:var(--txt-3); white-space:nowrap; }
.ch-badge.on { border-color:rgba(46,204,113,.45); color:#7ee2a8;
               background:rgba(46,204,113,.1); }

.ch-linha { border:1px solid var(--line); border-radius:8px; padding:9px 11px;
            display:flex; flex-direction:column; gap:7px; background:var(--bg); }
.ch-linha-cab { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.ch-linha-cab code { color:var(--txt-3); font-size:12px; flex:1; min-width:120px; }
.ch-estado { font-size: 11px; padding:2px 7px; border-radius:99px;
             text-transform:uppercase; letter-spacing:.04em; }
.ch-estado.ok        { background:rgba(46,204,113,.14); color:#7ee2a8; }
.ch-estado.erro      { background:rgba(228,38,38,.14); color:#ff9a9a; }
.ch-estado.sem-teste { background:rgba(103,113,140,.16); color:var(--txt-3); }
.ch-detalhe { color:#ff9a9a; }
.ch-cota { font-size:11px; color:var(--txt-3); }
.ch-cota.fim { color:#ff9a9a; }

.ch-linha-acoes { display:flex; justify-content:space-between; gap:8px;
                  align-items:center; flex-wrap:wrap; }

.ch-papeis { display:flex; gap:0; border:1px solid var(--line-2);
             border-radius:7px; overflow:hidden; }
.ch-papel { border:0; background:transparent; color:var(--txt-3);
            padding:4px 9px; font-size:11px; cursor:pointer; }
.ch-papel:hover { background:var(--bg-3); color:var(--txt); }
.ch-papel.on { background:var(--bg-3); color:var(--txt); font-weight:600; }

.ch-add-linha { display:grid; gap:7px; grid-template-columns:1fr; }
.ch-add-linha input {
  background:var(--bg); border:1px solid var(--line-2); border-radius:8px;
  padding:8px 11px; width:100%;
}
.ch-add-linha button { justify-self:start; }

.ch-novo { max-width:620px; }
[data-chdel].armado { background:#4a2b2b; border-color:#7a3b3b; color:#ffd7d7; }




.sis-resumo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 4px 0 18px; }
.sis-cartao {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 12px 14px; display: flex; flex-direction: column; gap: 2px;
}



.sis-num { font-size: 24px; font-weight: 600; letter-spacing: -.5px; line-height: 1.1; }


.sis-tit { margin: 22px 0 4px; font-size: 16px; font-weight: 620; letter-spacing: -.2px; }
.sis-item {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px;
  padding: 10px 12px; margin-bottom: 8px;
}
.sis-item.chato { cursor: default; }
.sis-item summary { cursor: pointer; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.sis-item summary::-webkit-details-marker { display: none; }
.sis-item summary::before { content: "▸"; color: var(--txt-3); font-size: 11px; }
.sis-item[open] summary::before { content: "▾"; }
.sis-item p { margin: 8px 0 0; }
.sis-selo {
  font-size: 11px; padding: 2px 8px; border-radius: 999px; white-space: nowrap;
  border: 1px solid var(--line-2); color: var(--txt-2);
}


.sis-selo.ok { border-color: #1f6b42; color: var(--ok); }
.sis-selo.falta { border-color: #7a5a12; color: var(--accent-2); }
.sis-selo.neutro { border-color: var(--line); color: var(--txt-3); }
.sis-texto {
  margin: 10px 0 0; padding: 10px 12px; background: var(--bg); border: 1px solid var(--line);
  border-radius: 8px; max-height: 340px; overflow: auto; white-space: pre-wrap;
  font-size: 12px; line-height: 1.55; color: var(--txt-2);
}
@media (max-width: 900px) { .sis-resumo { grid-template-columns: repeat(2, 1fr); } }


.ap-linha {
  display: flex; align-items: center; gap: 9px; padding: 9px 12px; margin-bottom: 6px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px;
}
.ap-linha.off { opacity: .5; }








.ap-linha .ap-fim { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ap-linha label { display: flex; align-items: center; gap: 5px; cursor: pointer; }



.ap-sub {
  margin: -4px 0 8px 30px; padding-left: 12px; border-left: 2px solid var(--line);
}
.ap-linha.sub { padding: 6px 10px; margin-bottom: 4px; background: var(--bg); }
.ap-linha.sub b { font-weight: 500; font-size: 12.5px; color: var(--txt-2); }















.nf-topo { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.nf-topo h2 { margin: 0 0 4px; }
.nf-topo p { max-width: 78ch; margin: 0; }
.nf-conta { text-align: right; flex: 0 0 auto; }
.nf-conta b { display: block; font-size: 26px; line-height: 1.1; }




















.nf-visoes {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 6px;
}
.nf-visoes .nf-chip { flex: 0 0 auto; }




.nf-visoes-cx { display: flex; align-items: center; gap: 10px; }
.nf-visoes-cx .nf-visoes { flex: 1 1 auto; min-width: 0; }







.nf-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 13px; border-radius: var(--r-ctl); cursor: pointer;
  background: var(--bg-2); color: var(--txt-2);
  border: 1px solid var(--line); font-size: 13px; font-weight: 500;
  font-family: inherit; transition: background .12s, color .12s;
}
.nf-chip:hover { background: var(--bg-3); color: var(--txt); }




.nf-chip[draggable="true"] { cursor: grab; }
.nf-chip[draggable="true"]:active { cursor: grabbing; }
.nf-chip-arrastando { opacity: .4; }
.nf-chip-alvo { border-color: var(--info); }
.nf-chip.on { background: var(--txt); color: var(--bg); border-color: var(--txt); }
.nf-chip-n { font-size: 11px; opacity: .65; font-variant-numeric: tabular-nums; }
.nf-chip-x { opacity: .45; padding-left: 3px; }
.nf-chip-x:hover { opacity: 1; color: var(--accent); }
.nf-porque { margin: 0 0 12px; min-height: 1em; max-width: 90ch; }



.nf-porque {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin: 0 0 10px;
}

















.nf-rodape > .nf-porque {
  flex: 1 1 320px; min-width: 0; align-self: center; margin: 0;
  font-size: 12.5px; color: var(--txt-2);
}

















.nf-regua {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 4px 0 5px; border-bottom: 1px solid var(--line);
}
.nf-regua-rot {
  font-size: 11px; text-transform: uppercase; letter-spacing: .08em;
  color: var(--txt-3); flex: none;
}

.nf-ordena, .nf-per-fila { min-width: 0; }
.nf-ordena { display: flex; gap: 2px; flex-wrap: wrap; }
.nf-regua-dir { display: flex; gap: 8px; margin-left: auto; flex-wrap: wrap; }
.nf-ord {
  background: none; border: 0; border-radius: 7px; cursor: pointer;
  padding: 4px 8px; font-family: inherit; font-size: 12px;
  color: var(--txt-2); display: inline-flex; align-items: center; gap: 4px;
}
.nf-ord i { font-style: normal; opacity: .4; font-size: 11px; }
.nf-ord:hover { background: var(--bg-2); color: var(--txt); }
.nf-ord.on { background: var(--bg-3); color: var(--txt); font-weight: 600; }
.nf-ord.on i { opacity: 1; color: var(--accent); }













.nf-fontes-f { gap: 3px; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.nf-fonte {
  background: none; border: 0; border-radius: 7px; cursor: pointer;
  padding: 4px 9px; font-family: inherit; font-size: 12.5px;
  color: var(--txt-2); display: inline-flex; align-items: center; gap: 5px;
  white-space: nowrap;
}
.nf-fonte:hover { background: var(--bg-2); color: var(--txt); }
.nf-fonte.on { background: var(--bg-3); color: var(--txt); font-weight: 600; }
.nf-fonte i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.nf-fonte.on i { color: var(--accent-2); }



.nf-fonte .ico { width: 13px; height: auto; flex: 0 0 auto; }


.nf-rodape {
  display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px;
  margin: 10px 0 14px;
}
.nf-estado { flex: 1 1 380px; min-width: 0; }





.nf-rodape .nf-estado-l1 { min-height: 35px; }
.nf-estado.escondido { display: none; }
.nf-estado-l1 {
  display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
}
.nf-estado-rot {
  font-size: 11px; text-transform: uppercase; letter-spacing: .08em;
  color: var(--txt-2);
}
.nf-estado-l2 { margin-top: 5px; }
.nf-aviso { color: #facc15; }
.nf-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 4px 3px 9px; border-radius: 999px; font-size: 12.5px;
  background: var(--bg-2); border: 1px solid var(--line); color: var(--txt);
}
.nf-pill.forte { border-color: var(--accent); }
.nf-pill i {
  font-style: normal; font-size: 11px; text-transform: uppercase;
  letter-spacing: .06em; color: var(--txt-2);
}
.nf-pill button {
  background: none; border: 0; cursor: pointer; color: var(--txt-2);
  font-family: inherit; font-size: 14px; line-height: 1;
  padding: 1px 5px; border-radius: 999px;
}
.nf-pill button:hover { background: var(--accent); color: #fff; }
.nf-fora {
  background: none; border: 0; padding: 1px 4px; border-radius: 5px;
  cursor: pointer; font-family: inherit; font-size: inherit;
  color: #facc15; text-decoration: underline dotted;
}
.nf-fora:hover { background: rgba(250,204,21,.12); }


.nf-barra {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  padding: 12px; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--r);
}
.nf-barra select, .nf-barra input {
  background: var(--bg); color: var(--txt); border: 1px solid var(--line);
  border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: inherit;
}
.nf-busca { flex: 1 1 260px; min-width: 200px; }
.nf-check { display: flex; align-items: center; gap: 6px; color: var(--txt-2); font-size: 13px; cursor: pointer; }
.nf-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0 16px; }














.nf-rodape .nf-acoes {
  flex: 1 1 100%; margin: 0; justify-content: flex-end; flex-wrap: wrap;
}







.nf-chip-novo { border-style: dashed; opacity: .6; }
.nf-chip-novo:hover { opacity: 1; border-color: var(--info); }































.nf-rodape > .nf-estado { flex: 0 1 auto; }
.nf-limpar-cx { align-self: center; flex: 0 0 auto; }


.nf-limpar-cx:has(.nf-idioma-rapido) { display: inline-flex; align-items: center; gap: 8px; }
.nf-limpar { color: var(--txt-2); }
.nf-limpar.on { border-color: var(--accent); color: #ff8b8b; }
.nf-limpar.on:hover { border-color: var(--accent); background: rgba(228, 38, 38, .14); }


.nf-rodape:has(> .nf-estado.escondido) { min-height: 0; }




.nf-novo { color: var(--novo); font-weight: 600; }

.nf-emprestado { color: var(--accent-2); }


.nf-grid { display: flex; flex-direction: column; gap: 14px; }























































:root { --coluna-canais: 1180px; }
.nf-grid { max-width: var(--coluna-canais); }
.ah-linhagem { max-width: var(--coluna-canais); }










[data-chao].nf-grid:has(.nf-card),
[data-chao] > .nf-grid:has(.nf-card) { max-width: calc(var(--coluna-canais) + 34px); }
.nf-card {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 16px;
  


  container-type: inline-size; container-name: nfcard;
}
.nf-card:hover { border-color: var(--line-2); }








.nf-card-cab { display: flex; gap: 11px; align-items: flex-start; }





.nf-avatar {
  width: 40px; height: 40px; border-radius: 50%; flex: 0 0 40px;
  background: var(--bg-3); object-fit: cover;
}
.nf-avatar-vazio {
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 600; color: var(--txt-3); text-transform: uppercase;
}

















.nf-ident { flex: 1 1 auto; min-width: min(100%, 640px); }





.nf-nome {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 8px;
  font-size: 16px; font-weight: 600; line-height: 1.25;
}
.nf-nome > .chip { align-self: center; }
.nf-nome a { color: var(--txt); text-decoration: none; }
.nf-nome a:hover { text-decoration: underline; }























.nf-nicho {
  





  font: inherit; text-align: left;
  display: inline-flex; align-items: center; min-width: 0;
  padding: 2px 10px; border-radius: 999px;
  border: 1px solid var(--line); background: none;
  font-size: 12px; font-weight: 500; color: var(--txt-2);
  



  align-self: center;
}














.nf-nicho[data-nf-nicho] { cursor: pointer; transition: border-color .12s, color .12s; }
.nf-nicho[data-nf-nicho]:hover { border-color: var(--txt-3); color: var(--txt); }
.nf-nicho[data-nf-nicho]:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }


.nf-nicho.fino { color: var(--txt-2); border-color: var(--line-2); }  
.nf-nicho.fino[data-nf-nicho]:hover { border-color: var(--txt-3); color: var(--txt); }







.nf-nicho.vazio { border-style: dashed; color: var(--txt-3); }
.nf-nicho.vazio[data-nf-nicho]:hover { color: var(--txt-2); border-color: var(--txt-3); }
.nf-nicho.vazio i { font-style: normal; opacity: .75; font-size: 11px; margin-left: 5px; }






































.nf-sel {
  position: absolute; left: 10px; top: 10px; z-index: 4;
  display: flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 8px;
  cursor: pointer;
  




  opacity: 0; visibility: hidden; transition: opacity .12s;
  


  background: rgba(15,14,14,.82); backdrop-filter: blur(3px);
  border: 1px solid var(--line-2);
}
.nf-card:hover .nf-sel,
.nf-sel:focus-within { opacity: 1; visibility: visible; }











body.sel-ligada .nf-sel,
.nf-card.sel-on .nf-sel {
  opacity: 1; visibility: visible; transition: none;
}
.nf-card.sel-on .nf-sel { border-color: var(--info); }

.nf-sel input {
  appearance: none; -webkit-appearance: none; margin: 0;
  width: 15px; height: 15px; border-radius: 4px;
  border: 1.5px solid var(--txt-3); background: transparent;
  cursor: pointer; display: block; position: relative;
}
.nf-sel:hover input { border-color: var(--txt-2); }
.nf-sel input:checked { background: var(--info); border-color: var(--info); }



.nf-sel input:checked::after {
  content: ""; position: absolute; left: 4px; top: 1px;
  width: 4px; height: 8px; border: solid #fff;
  border-width: 0 2px 2px 0; transform: rotate(42deg);
}
.nf-sel input:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }



.nf-card.sel-on { border-color: var(--info); }



























.sel-barra {
  position: fixed; z-index: 140; left: 50%; bottom: 22px;
  transform: translateX(-50%);
  display: flex; align-items: center; gap: 14px;
  padding: 10px 12px 10px 16px; border-radius: 12px;
  background: var(--bg-2); border: 1px solid var(--line-2);
  box-shadow: 0 12px 34px rgba(0,0,0,.55);
  animation: selSobe .16s ease-out;
}
@keyframes selSobe { from { opacity: 0; transform: translate(-50%, 10px); } }
@media (prefers-reduced-motion: reduce) { .sel-barra { animation: none; } }
.sel-conta {
  font-size: 13px; font-weight: 600; color: var(--txt);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.sel-acoes { display: flex; align-items: center; gap: 8px; }


















.sel-barra .btn .ico { width: 15px; height: 15px; flex: none; margin: 0 6px 0 -2px; }








.sel-risco { flex: none; display: block; width: 1px; align-self: stretch;
  background: var(--line-2); margin: 0 2px; }
.sel-risco[hidden] { display: none; }







.sel-mata { border-color: rgba(228,38,38,.45); color: #ff8f8f; }
.sel-mata:hover { border-color: var(--accent); background: rgba(228,38,38,.12); }




.sel-x {
  flex: none; width: 26px; height: 26px; border: 1px solid transparent;
  border-radius: 7px; background: transparent; color: var(--txt-2);
  font-size: 14px; line-height: 1; cursor: pointer;
  display: grid; place-items: center;
}
.sel-x:hover { background: rgba(255,255,255,.07); color: var(--txt); }



















.sel-barra:has(.sel-coment) { flex-wrap: wrap; }
.sel-coment { flex: 0 0 100%; display: flex; gap: 6px; align-items: center; }
.sel-coment input { flex: 1; min-width: 240px; }
















.nf-dono {
  font-size: 12px; color: var(--txt-2); white-space: nowrap;  
  


  align-self: center;
}








.nf-dono.eu { color: var(--txt); font-weight: 600; }


































.nf-dono-mais {
  font-size: 11px; color: var(--txt-3); align-self: center;
  border: 1px solid var(--line-2); border-radius: 999px; padding: 0 6px;
  cursor: default;
}






.nf-pendente {
  font-size: 12px; font-style: italic; color: var(--txt-3);
  align-self: center;
}







.nf-copiar {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; padding: 0; flex: none;
  border: 0; border-radius: 6px; background: none; cursor: pointer;
  color: var(--txt-3); align-self: center;
}
.nf-copiar svg {
  width: 14px; height: 14px; fill: none;
  stroke: currentColor; stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}
.nf-copiar:hover { color: var(--txt); background: var(--line-2); }
.nf-copiar:active { transform: translateY(1px); }





















.nf-nicho-cx { display: contents; }
.nf-nicho-edita {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; padding: 0; flex: none;
  border: 0; border-radius: 6px; background: none; cursor: pointer;
  color: var(--txt-3); align-self: center;
}
.nf-nicho-edita svg { width: 13px; height: 13px; }
.nf-nicho-edita:hover { color: var(--txt); background: var(--line-2); }
.nf-nicho-edita.on { color: var(--txt); background: var(--line-2); }
:root:not(.pc-nicho) .nf-nicho-edita { display: none; }



:root:not(.pc-nicho) .chip.mais[data-prop] { display: none; }
:root:not(.pc-nicho) [data-prop] { cursor: inherit; }







:root:not(.pc-robo) #ol-nichos-gaveta { display: none; }









.nf-notas { position: relative; display: inline-flex; }







.nf-nota-btn { gap: 4px; font-size: 11.5px; font-weight: 600; }



.nf-nota-btn.com-n { width: auto; padding: 0 8px; }
.nf-nota-btn svg {
  width: 15px; height: 15px; fill: none; stroke: currentColor;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}


.nf-notas.tem .nf-nota-btn { color: var(--accent-2); border-color: currentColor; }







.nf-nota-lista { list-style: none; margin: 0; padding: 0;
                 display: flex; flex-direction: column; gap: 7px;
                 max-height: 220px; overflow-y: auto; }











.nf-nota { font-size: 11.5px; line-height: 1.35; }



.nf-nota + .nf-nota { margin-top: 6px; }


.nf-nota-lista.recolhida > .nf-nota:not(:first-child) { display: none; }


.nf-nota-mais {
  margin-top: 5px; border: 1px dashed var(--line-2); background: none;
  color: var(--txt-2); border-radius: 7px; padding: 2px 9px;
  font: inherit; font-size: 11px; font-weight: 600; cursor: pointer;
}
.nf-nota-mais:hover { border-style: solid; color: var(--txt); }
.nf-nota-mais:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }























.nf-nota-txt {
  margin: 0; flex: 1; min-width: 0;
  background: none; border: none; border-radius: 0; padding: 0;
  color: var(--txt); overflow-wrap: anywhere;
}
.nf-nota { display: flex; align-items: baseline; gap: 8px; }



.nf-nota-quem { color: hsl(28 55% 62%); }











.nf-nota-txt {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}


.nf-nota:not(.curta) .nf-nota-txt { max-width: 54ch; }



.nf-nota-assina {
  margin: 0; display: flex; align-items: center; gap: 8px; flex: none;
  line-height: 1;
}




























.nf-nota-x.btn.sm.ic { flex: 0 0 auto; width: 20px; height: 20px;
                       min-height: 0; padding: 0; visibility: hidden; }
.nf-card:hover .nf-nota-x.btn,
.nf-nota:focus-within .nf-nota-x.btn,
.nf-nota-x.btn.armado { visibility: visible; }
.nf-nota-x svg { width: 12px; height: 12px; stroke: currentColor;
                 stroke-width: 2; fill: none; stroke-linecap: round; }




.nf-nota-x.armado {
  width: auto; padding: 0 8px; font-size: 11px; font-weight: 700;
  background: var(--accent); border-color: var(--accent); color: #fff;
}








.nf-nota-txt { color: var(--txt); overflow-wrap: anywhere; }





.nf-nota-quem { font-weight: 700; }


.nf-nota-quando { font-size: 11px; color: var(--txt-2);
                  font-variant-numeric: tabular-nums; }
.nf-nota-campo {
  flex: 1; min-width: 0;
  background: var(--bg); color: var(--txt);
  border: 1px solid var(--line); border-radius: 7px;
  padding: 6px 9px; font-size: 12.5px; font-family: inherit;
}
.nf-nota-campo:focus { outline: none; border-color: var(--line-2); }
.nf-nota-campo::placeholder { color: var(--txt-3); }










































.nf-cm-selo {
  display: inline-grid; place-items: center; flex: none;
  width: 20px; height: 20px; padding: 0;
  border: none; background: none; color: var(--txt-2); cursor: pointer;
}
.nf-cm-selo:hover { color: var(--txt); }
.nf-cm-selo:focus-visible { outline: 2px solid var(--info); outline-offset: 2px;
                            border-radius: 6px; }
.nf-cm-selo svg { width: 14px; height: 14px; }




.nf-notas.no-card.fechada > .nf-nota-lista,
.nf-notas.no-card.fechada > .nf-nota-mais { display: none; }

.nf-cm-cx { position: relative; display: flex; flex-direction: column; gap: 8px; }



























.nf-nota-campo.nf-cm-nu {
  background: none; border: none; border-bottom: 1px solid transparent;
  border-radius: 0; padding: 2px 0; width: min(100%, 240px);
}
.nf-card:hover .nf-nota-campo.nf-cm-nu { border-bottom-color: var(--line-2); }
.nf-nota-campo.nf-cm-nu:focus { border-bottom-color: var(--txt-3); }
.nf-cm-cx.aberta .nf-nota-campo.nf-cm-nu {
  width: 100%; border-bottom-color: var(--txt-3);
}


















.nf-card-rodape.tem-nota { row-gap: 6px; }
.nf-card-rodape.tem-nota:has(.nf-cm-cx.aberta) { row-gap: 14px; }
.nf-cm-cx.aberta .nf-nota-campo.nf-cm-nu { padding: 5px 0; }


.nf-nota-campo.nf-cm-nu::placeholder { color: transparent; }
.nf-nota-campo.nf-cm-nu:focus::placeholder { color: var(--txt-3); }



.nf-cm-enviar { align-self: flex-start; }
.nf-cm-eti { display: flex; gap: 6px; flex-wrap: wrap; }



.nf-cm-et {
  border: 1px dashed var(--line-2); background: none; color: var(--txt-2);
  border-radius: 999px; padding: 4px 11px;
  font: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer;
}
.nf-cm-et:hover { border-style: solid; border-color: var(--txt-3); color: var(--txt); }
.nf-cm-et:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }




.nf-cm-et.on {
  border-style: solid; border-color: var(--novo); color: var(--novo);
  background: rgba(126, 226, 168, .1);
}




.nf-cm-opc { display: flex; gap: 6px; flex-wrap: wrap; }
.nf-cm-opc[hidden] { display: none; }
.nf-cm-op {
  border: 1px solid var(--line); background: var(--bg-3); color: var(--txt-2);
  border-radius: 7px; padding: 3px 10px;
  font: inherit; font-size: 11.5px; font-weight: 600; cursor: pointer;
}
.nf-cm-op:hover { border-color: var(--line-2); color: var(--txt); }
.nf-cm-op:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }





.nf-cm-op.on {
  border-color: var(--novo); color: var(--novo);
  background: rgba(126, 226, 168, .1);
}
.nf-cm-linha { display: flex; gap: 6px; align-items: center; }










.nf-cm-mencoes {
  position: absolute; left: 0; top: 100%; margin-top: 4px; z-index: 40;
  min-width: 190px; padding: 4px;
  border: 1px solid var(--line-2); border-radius: 9px;
  background: var(--bg-3); box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
  display: flex; flex-direction: column; gap: 2px;
}
.nf-cm-mencoes[hidden] { display: none; }


.nf-cm-mencoes.pra-cima { top: auto; bottom: 100%; margin: 0 0 4px; }
.nf-cm-quem {
  text-align: left; border: none; background: none; color: var(--txt-2);
  border-radius: 6px; padding: 5px 9px; font: inherit; font-size: 12px;
  cursor: pointer;
}



.nf-cm-quem.on, .nf-cm-quem:hover { background: rgba(77, 159, 255, .14); color: var(--txt); }




















.nf-notas.abertas {
  display: flex; flex-direction: column; gap: 7px;
  position: static; min-width: 0;
}












.nf-notas.abertas .nf-nota-lista { max-height: 168px; }







.nf-notas.abertas .nf-nota-x { width: 26px; height: 26px; }
.nf-notas.abertas .nf-nota-x svg { width: 14px; height: 14px; }
.nf-notas.abertas .nf-nota-x.armado { width: auto; font-size: 12px; }

















.nf-notas.abertas .nf-nota-txt {
  white-space: normal; overflow: visible; text-overflow: clip;
}
.nf-notas.abertas .nf-nota.curta .nf-nota-txt {
  font-size: 17px; line-height: 1.32; font-weight: 650; letter-spacing: -.01em;
  padding: 8px 0 9px;
}
.nf-notas.abertas .nf-nota:not(.curta) .nf-nota-txt {
  font-size: 14px; line-height: 1.55; padding: 9px 0 10px;
}
.nf-notas.abertas .nf-nota-quem,
.nf-notas.abertas .nf-nota-quando { font-size: 12.5px; }

























.nf-notas.no-card {
  display: flex; flex-direction: column; gap: 7px;
  position: static; min-width: 0;
}



.nf-notas.no-card .nf-nota-lista { max-height: 152px; }




.nf-notas.no-card .nf-nota-txt { max-width: min(100%, 30ch); }
.nf-notas.no-card .nf-nota:not(.curta) .nf-nota-txt { max-width: min(100%, 54ch); }

























.nf-card-rodape.tem-nota > .nf-notas { grid-column: 1 / -1; }


































































.nf-card-rodape.com-nota { grid-template-columns: minmax(0, 1fr); }










.nf-card-rodape.com-nota .nf-nota-lista { max-height: 320px; }



















































#an-lista .nf-grid { max-width: 1100px; }
#an-lista .nf-card {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  padding: 0; overflow: hidden;
}





#an-lista .nf-card-rodape { display: contents; }









#an-lista .nf-notas.abertas {
  grid-column: 1; grid-row: 1 / span 2;
  align-self: center;
  padding: 16px 20px 12px;
}
#an-lista .nf-card-cab {
  grid-column: 2; grid-row: 1;
  flex-wrap: wrap; align-items: center; gap: 9px;
  padding: 14px 16px 10px; margin: 0;
}
#an-lista .nf-videos { grid-column: 2; grid-row: 2; padding: 0 16px 14px; }





#an-lista .nf-card-cab, #an-lista .nf-videos {
  background: rgba(0, 0, 0, .16);
  border-left: 1px solid var(--line);
}



#an-lista .nf-ident { min-width: 0; flex: 1 1 0; }



















#an-lista .nf-cab-acoes { display: none; }
#an-lista .nf-numeros { display: flex; flex-wrap: wrap; gap: 0 7px; }
#an-lista .nf-n:not(:last-child)::after {
  content: "·"; color: var(--txt-3); margin-left: 7px;
}







#an-lista .nf-n { color: var(--txt-2); font-size: 11.5px; }
#an-lista .nf-n b { font-size: 12.5px; font-weight: 600; color: var(--txt-2); }
#an-lista .nf-nicho { color: var(--txt-2); }


























.nf-card-rodape.com-nota > .nf-notas { align-self: start; }








.nf-cab-acoes {
  display: flex; flex-direction: column; align-items: flex-end;
  gap: 6px; flex: 0 0 auto;
}

.nf-cab-acoes > .btn, .nf-cab-acoes > span { display: inline-flex; }
.nf-cab-acoes { flex-flow: row wrap; justify-content: flex-end; }























.nf-cab-acoes { flex: 0 0 auto; min-width: 0; }




































.nf-cab-acoes { min-width: 0; }










.nf-veio { display: none; }
.pc-proc .nf-veio {
  flex: 0 0 100%; text-align: right; min-width: 0;
  display: flex; flex-wrap: wrap; gap: 4px 8px; justify-content: flex-end;
  font-size: 11px; color: var(--txt-3); margin-top: 2px;
}












.nf-veio > span {
  display: inline-flex; align-items: center; gap: 4px; min-width: 0;
  flex-wrap: wrap; justify-content: flex-end;
}



.nf-veio-um { display: inline-flex; align-items: center; gap: 4px; min-width: 0; }





.nf-veio .ico { flex: 0 0 auto; }
















































.nf-numeros {
  display: grid;
  













































  grid-template-columns: 112px 93px 124px 158px auto;
  align-items: baseline; gap: 0 10px;
  












  margin-top: 10px;
  font-size: 12.5px; font-weight: 400; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}





.nf-quando {
  color: var(--txt-3); opacity: .85;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


















.nf-numeros.com-semana {
  grid-template-columns: 148px 93px 132px 175px 158px auto;
}
.nf-n { cursor: help; }
.nf-n b { font-size: 15px; font-weight: 700; color: var(--txt); }




.nf-n.forte b { color: var(--accent-2); }


.nf-metricas {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
  gap: 8px; margin: 14px 0 0;
}
.nf-m {
  background: var(--bg-3); border-radius: 8px; padding: 9px 10px;
  border: 1px solid transparent;
}
.nf-m.forte { border-color: var(--line-2); background: var(--bg); }
.nf-m b { display: block; font-size: 17px; font-variant-numeric: tabular-nums; line-height: 1.25; }
.nf-m.forte b { color: var(--accent-2); }
.nf-m span {
  display: block; font-size: 11px; color: var(--txt-3);
  text-transform: uppercase; letter-spacing: .4px; margin-top: 2px;
}








.nf-videos { margin-top: 18px; }















.nf-fila {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  grid-template-rows: auto; grid-auto-rows: 0;
  column-gap: 12px; row-gap: 0; overflow: hidden;
}


.nf-v { display: block; text-decoration: none; color: var(--txt-2); }
.nf-v img {
  width: 100%; aspect-ratio: 16/9; object-fit: cover;
  border-radius: 8px; background: var(--bg-3); display: block;
}
















.nf-v-tit {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; font-size: 12.5px; line-height: 1.32; margin-top: 5px;
  color: var(--txt);
}
.nf-v:hover .nf-v-tit { text-decoration: underline; }












.nf-v-meta {
  




  display: block; font-size: 11px; color: var(--txt-2); margin-top: 3px;
  font-variant-numeric: tabular-nums;
}
.nf-v-views { font-weight: 600; }
.nf-v-data { cursor: help; }





.nf-sem-video { margin-top: 12px; }
.nf-mais { display: flex; justify-content: center; margin: 18px 0; }







@media (max-width: 720px) {
  .nf-topo { flex-direction: column; }
  .nf-conta { text-align: left; }
}


.nf-modos { display: flex; gap: 6px; margin: 0 0 18px; border-bottom: 1px solid var(--line); }
.nf-modos button {
  background: none; border: none; border-bottom: 2px solid transparent;
  color: var(--txt-2); padding: 10px 16px; cursor: pointer;
  font-size: 14px; font-weight: 500; font-family: inherit; margin-bottom: -1px;
}
.nf-modos button:hover { color: var(--txt); }
.nf-modos button.on { color: var(--txt); border-bottom-color: var(--accent); }









.nf-origem {
  font-size: 12.5px; color: var(--txt-2); line-height: 1.6;
  max-width: 82ch; margin: 6px 0 0;
}








.nf-origem-rot {
  display: inline-block; font-size: 11px; text-transform: uppercase;
  letter-spacing: .6px; color: #8d8886; background: var(--bg-3);
  padding: 2px 7px; border-radius: 5px; margin: 0 7px 0 0;
}
.nf-origem-rot:not(:first-child) { margin-left: 10px; }
.nf-origem code {
  background: var(--bg-3); padding: 1px 5px; border-radius: 4px; font-size: 11.5px;
}
.nf-x { color: var(--txt-3); }
.nf-x:hover { color: var(--accent); border-color: var(--accent); }





































:root:not(.pc-julga) .vr,
:root:not(.pc-julga) .nf-p50 { display: none !important; }





:root:not(.pc-buscayt) #nf-buscar-yt { display: none; }

:root:not(.pc-corta) .nf-cab-acoes .nf-cortar,
:root:not(.pc-corta) .nf-cab-acoes.nf-acoes-recolhe.aberta > .nf-cortar { display: none; }

:root:not(.pc-corta) .vcard .ol-cortar { display: none; }



.nf-entrou { align-self: center; font-size: 11px; color: var(--txt-3);
  font-variant-numeric: tabular-nums; white-space: nowrap; cursor: help; }
:root:not(.pc-corta) .nf-entrou { display: none; }


.nf-visual-barra { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; flex-wrap: wrap; }











.nf-visual-barra:not(:has(> *:not(.nf-ajuda):not([hidden]))) { display: none; }










.nf-visual-barra .nf-cab-n { margin-left: 6px; }
.nf-visual-barra .nf-ajuda { margin-left: 0; }









.nf-visual-barra .nf-linha-fim { margin-left: 4px; }
.nf-visual-barra .nf-linha-fim .nf-regua-rot { margin-right: 2px; }




@media (max-width: 1180px) {
  .nf-visual-barra .nf-linha-fim .nf-regua-rot { display: none; }
}





.seg > button.seg-ico {
  padding: 0 9px; min-width: 34px; display: inline-flex;
  align-items: center; justify-content: center;
}
.seg > button.seg-ico .ico { width: 17px; height: 17px; display: block; }










































.camadas {
  display: flex; gap: 2px; margin: 16px 0 16px; flex-wrap: wrap;
  align-items: flex-end;
  


  background: linear-gradient(var(--line), var(--line)) bottom left / 100% 1px no-repeat;
}
.camadas button {
  position: relative; padding: 9px 14px 10px; border: 0; background: transparent;
  color: var(--txt-2); cursor: pointer; font-weight: 500; font-size: 14px;
  border-radius: 8px 8px 0 0; line-height: 1.2;
  transition: color .12s ease, background-color .12s ease;
}
.camadas button:hover { background: var(--bg-2); color: var(--txt); }
.camadas button.on { color: var(--txt); font-weight: 620; background: transparent; }


.camadas button.on::after {
  content: ""; position: absolute; inset-inline: 6px; bottom: -1px; height: 2px;
  background: var(--accent); border-radius: 2px 2px 0 0;
}
.camadas button b {
  color: var(--txt-3); font-weight: 600; margin-left: 7px; font-size: 12px;
  font-variant-numeric: tabular-nums; letter-spacing: .2px;
}
.camadas button.on b { color: var(--accent-2); }
.camadas button:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.cc-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.cc-item {
  display: flex; flex-direction: column; gap: 2px; padding: 10px 12px;
  background: var(--bg-3); border-radius: 8px; text-decoration: none;
  color: var(--txt); font-size: 13px; border: 1px solid transparent;
}
.cc-item:hover { border-color: var(--line-2); }
.cc-cmd {
  background: var(--bg); border: 1px solid var(--line); border-radius: 8px;
  padding: 11px 13px; font-size: 12.5px; overflow-x: auto; color: var(--txt-2);
}





.nf-cotas {
  display: grid; gap: 10px; margin: 0 0 18px;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}
.cota-item {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px; cursor: help;
}
.cota-cab { display: flex; align-items: baseline; gap: 6px; }
.cota-cab b { font-size: 12.5px; }
.cota-cab span {
  font-size: 11px; color: var(--txt-3);
  text-transform: uppercase; letter-spacing: .5px;
}
.cota-n { font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; margin-top: 3px; }
.cota-n span { font-size: 11.5px; font-weight: 400; color: var(--txt-3); }
.cota-barra {
  height: 6px; border-radius: 999px; background: var(--bg-3);
  overflow: hidden; margin: 7px 0 5px;
}
.cota-barra i { display: block; height: 100%; border-radius: 999px; transition: width .3s; }
.cota-pe { font-size: 11px; }
.cota-vazio { margin-top: 8px; }






.nf-cotas { margin-left: auto; display: flex; align-items: center; gap: 14px; padding-right: 4px; }
.cota-l { display: flex; align-items: center; gap: 6px; cursor: help; }
.cota-r {
  font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .6px;
  color: var(--txt-3);
}
.cota-b {
  width: 46px; height: 4px; border-radius: 999px;
  background: var(--bg-3); overflow: hidden; display: block;
}
.cota-b i { display: block; height: 100%; border-radius: 999px; transition: width .3s; }
.cota-l b {
  font-size: 11px; font-weight: 600; color: var(--txt-2);
  font-variant-numeric: tabular-nums; min-width: 24px;
}
.cota-off { color: var(--txt-3); }

@media (max-width: 900px) { .nf-cotas { display: none; } }


.ico { width: 13px; height: 13px; vertical-align: -2px; margin-right: 1px; }
.nf-fontes .ico { opacity: .95; }
.cc-como { margin: 4px 0 14px; }
.cc-como summary { cursor: pointer; color: var(--txt-2); font-size: 13px; padding: 4px 0; }
.cc-como summary:hover { color: var(--txt); }
.cc-passos { margin: 8px 0; padding-left: 20px; color: var(--txt-2); font-size: 13px; line-height: 1.65; max-width: 88ch; }
.cc-passos code, .cc-como code { background: var(--bg-3); padding: 1px 5px; border-radius: 4px; font-size: 11.5px; }
.cc-add { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
.cc-add input {
  flex: 1 1 320px; min-width: 240px; padding: 8px 11px;
  background: var(--bg); color: var(--txt);
  border: 1px solid var(--line); border-radius: 8px;
}
.cc-wrap { position: relative; }
.cc-tirar { margin-top: 8px; color: var(--txt-3); }
.cc-tirar:hover { color: var(--accent); border-color: var(--accent); }


.cc-rodar { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; margin: 0 0 18px; }
.cc-rodar-topo { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.cc-botoes { display: flex; gap: 8px; flex-wrap: wrap; }
.cc-saida {
  margin: 12px 0 0; max-height: 320px; overflow: auto;
  background: var(--bg); border: 1px solid var(--line); border-radius: 8px;
  padding: 11px 13px; font-size: 12px; line-height: 1.55; color: var(--txt-2);
  white-space: pre-wrap;
}
.cc-grupo { background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; margin-bottom: 10px; }
.cc-grupo-cab { display: flex; flex-direction: column; gap: 2px; margin-bottom: 9px; }
.cc-grupo-cab a { color: var(--txt); text-decoration: none; }
.cc-grupo-cab a:hover { text-decoration: underline; }
.cc-ideia { display: flex; gap: 9px; align-items: flex-start; padding: 6px 0; font-size: 13.5px; line-height: 1.5; cursor: pointer; }
.cc-ideia input { margin-top: 3px; flex: 0 0 auto; }
.cc-ideia.escrita { opacity: .55; }
.cc-escrito { font-size: 11px; letter-spacing: .5px; color: #4ade80; background: rgba(74,222,128,.14); padding: 2px 6px; border-radius: 4px; align-self: center; }


.rd-sug { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 14px; }
.rd-sug .nf-chip { padding: 5px 10px; font-size: 12px; }





.nxf-btn.feito { border-color: rgba(74,222,128,.35); }

















.nxo {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 16px; margin: 0 0 20px;
}























.ol-grade {
  display: grid; gap: 12px 18px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.ol-grade label {
  display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--txt-2);
}
.ol-grade input[type="number"],

.ol-grade input[type="text"],

.ol-grade select {
  background: var(--bg); color: var(--txt); border: 1px solid var(--line);
  border-radius: 8px; padding: 7px 10px; font-size: 13px; width: 100%;
}



























.nf-per-fila[hidden] { display: none; }
.nf-per-fila {
  display: flex; align-items: center; flex-wrap: wrap; gap: 7px;
  margin: 4px 0 14px;
}
.nf-per-rot {
  font-size: 11px; color: var(--txt-3); text-transform: uppercase;
  letter-spacing: .5px; margin-right: 4px;
}



















:root { --r-ctl: 9px; }
.nf-per {
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
  border-radius: var(--r-ctl); padding: 3px 10px; font-size: 11.5px; cursor: pointer;
  font-family: inherit;
}
.nf-per:hover { color: var(--txt); border-color: var(--line-2); }



.nf-per.on { background: var(--txt); border-color: var(--txt); color: var(--bg); font-weight: 600; }
.nf-per-outro {
  display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--txt-3);
}
.nf-per-outro input {
  width: 74px; background: var(--bg); color: var(--txt);
  border: 1px solid var(--line); border-radius: var(--r-ctl);
  padding: 4px 10px; font-size: 12px;
}



.nf-regua .nf-per-fila { margin: 0; gap: 6px; }










.ol-jan { max-width: 940px; }






.ol-jan-corpo { display: flex; flex-direction: column; gap: 22px; }


.ol-jan-nota { margin: 0 0 14px; }




.nf-flut .ol-jan-pe {
  position: sticky; bottom: 0;
  padding: 14px 0; margin-top: 4px;
  background: var(--bg-2);
}
.ol-grupo { border-top: 1px solid var(--line); padding-top: 16px; }
.ol-grupo:first-child { border-top: 0; padding-top: 0; }
.ol-grupo h4 {
  margin: 0 0 12px; font-size: 11px; color: var(--txt-3);
  text-transform: uppercase; letter-spacing: .6px;
}
.ol-campo { cursor: help; }
.ol-campo-rot { display: flex; align-items: baseline; gap: 5px; }
.ol-un { font-style: normal; font-size: 11px; color: var(--txt-3); }


.ol-tri { align-self: flex-start; }












.rp-item { position: relative; }






.nf-chip.rp-fato { border-style: dashed; opacity: .72; }
.nf-chip.rp-fato:hover { opacity: 1; }















.ol-corte { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ol-jan-pe {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 14px 20px; border-top: 1px solid var(--line); background: var(--bg-3);
}




.ol-campo-lista { cursor: default; }
.ol-busca-lista {
  background: var(--bg) !important; color: var(--txt);
  border: 1px solid var(--line); border-radius: 8px;
  padding: 6px 10px; font-size: 12px; width: 100%; font-family: inherit;
}
.ol-opcoes {
  display: block; max-height: 132px; overflow-y: auto; margin-top: 6px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--bg);
  padding: 4px;
}
.ol-op {
  display: flex !important; flex-direction: row !important; align-items: center;
  gap: 7px; padding: 3px 6px; border-radius: 6px; cursor: pointer;
  font-size: 12px; color: var(--txt-2);
}
.ol-op:hover { background: var(--bg-3); color: var(--txt); }
.ol-op input { width: auto !important; margin: 0; }
.ol-op span { flex: 1 1 auto; }

.ol-op i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.ol-op[hidden] { display: none !important; }









.nf-ajuda {
  


  border: 1px solid var(--line-2); background: var(--bg-3); color: var(--txt-2);
  




  width: 19px; height: 19px; border-radius: var(--r-ctl); font-size: 11px;
  cursor: help; padding: 0; vertical-align: 3px; margin-left: 7px;
}
.nf-ajuda:hover { color: var(--txt); border-color: var(--txt-3); }
.nf-linha { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0 0 12px; }







.nf-linha .nf-busca { flex: 1 1 180px; }
.nf-linha select, .nf-linha input {
  background: var(--bg); color: var(--txt); border: 1px solid var(--line);
  border-radius: 8px; padding: 8px 10px; font-size: 13px; font-family: inherit;
}
.nf-barra.escondido { display: none; }
#nf-quantos-filtros { color: var(--accent-2); font-weight: 700; }


.cota-l b u { text-decoration: none; color: var(--txt-3); font-weight: 400; font-size: 11px; }




.nf-robos-selo {
  background: none; border: 1px solid var(--line); border-radius: 999px;
  color: var(--txt-3); cursor: pointer; font-family: inherit; font-size: 11px;
  padding: 4px 11px; display: inline-flex; align-items: center; gap: 6px;
  margin-right: 4px;
}
.nf-robos-selo i { font-style: normal; letter-spacing: .5px; opacity: .7; }
.nf-robos-selo b { color: var(--txt-2); font-variant-numeric: tabular-nums; }
.nf-robos-selo:hover { border-color: var(--line-2); color: var(--txt-2); }
.nf-robos-selo.ok b { color: #7ee2a8; }
.nf-robos-selo.esperando b { color: var(--accent-2); }



.nf-robos-selo.ruim { border-color: rgba(228,38,38,.45); }
.nf-robos-selo.ruim b { color: var(--accent); }











.rb-topo-botoes { display: flex; align-items: center; gap: 10px; }
.rb-vivo { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.rb-h { font-size: 13px; margin: 22px 0 10px; font-weight: 600; }
.rb-h-nota { font-weight: 400; margin-left: 8px; }

.rb-faixa { border-radius: var(--r); padding: 12px 14px; margin-bottom: 16px; font-size: 12.5px; }
.rb-faixa.ok { background: rgba(46,204,113,.07); border: 1px solid rgba(46,204,113,.22); color: var(--txt-2); }
.rb-faixa.ruim { background: rgba(228,38,38,.08); border: 1px solid rgba(228,38,38,.32); color: var(--txt); }
.rb-faixa ul { margin: 8px 0 0; padding-left: 18px; }
.rb-faixa li { margin: 3px 0; color: var(--txt-2); }



.rb-regua-linha { display: flex; gap: 12px; flex-wrap: wrap; }
.rb-cartao {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 12px 14px; min-width: 190px; flex: 1;
}
.rb-cartao > b { font-size: 22px; font-variant-numeric: tabular-nums; display: block; }
.rb-cartao .rb-de { font-size: 11px; color: var(--txt-3); display: block; margin-top: 2px; }
.rb-cartao > i { font-style: normal; font-size: 11.5px; color: var(--txt-2); display: block; margin-top: 6px; }
.rb-barra { height: 3px; background: var(--bg-3); border-radius: 2px; margin-top: 8px; overflow: hidden; }
.rb-barra u { display: block; height: 100%; background: var(--ok); text-decoration: none; }
.rb-fontes { display: flex; flex-wrap: wrap; gap: 5px; align-content: flex-start; }
.rb-fontes > i { width: 100%; margin: 0 0 4px; }
.rb-fonte {
  font-size: 11px; background: var(--bg-3); border-radius: 999px;
  padding: 2px 8px; color: var(--txt-2);
}
.rb-fonte b { color: var(--txt); font-variant-numeric: tabular-nums; }

.rb-card {
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 3px solid var(--line-2);
  border-radius: var(--r); padding: 12px 14px; margin-bottom: 8px;
}
.rb-card-topo { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.rb-hora {
  font-variant-numeric: tabular-nums; color: var(--txt-3); font-size: 11px;
  min-width: 86px;
}
.rb-nome { font-weight: 600; }
.rb-estado { font-size: 11.5px; color: var(--txt-2); white-space: nowrap; }
.rb-selo-eu, .rb-selo-cota {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  padding: 1px 6px; border-radius: 999px; border: 1px solid var(--line-2);
  color: var(--txt-3); cursor: help;
}
.rb-selo-cota { border-color: rgba(255,176,32,.35); color: var(--accent-2); }
.rb-faz { font-size: 11.5px; color: var(--txt-3); margin-top: 3px; }
.rb-porque { font-size: 12px; color: var(--txt-2); margin-top: 6px; }
.rb-colheita { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.rb-col {
  font-size: 11.5px; background: var(--bg-3); border-radius: 6px;
  padding: 3px 9px; color: var(--txt-2);
}
.rb-col b { color: var(--txt); font-variant-numeric: tabular-nums; }
.rb-col.vazio { background: none; color: var(--txt-3); font-style: italic; padding-left: 0; }
.rb-achou, .rb-quando {
  font-size: 11px; color: var(--txt-3); margin-top: 7px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.rb-achou i { font-style: normal; color: var(--txt-3); opacity: .75; }
.rb-acoes { display: flex; align-items: center; gap: 10px; margin-top: 9px; }

.rb-trabalhando { border-left-color: var(--ok); }
.rb-rodando { border-left-color: var(--info); }
.rb-rodando .rb-estado { color: var(--info); }
.rb-rodou { border-left-color: rgba(46,204,113,.45); }
.rb-falhou, .rb-sumiu { border-left-color: var(--accent); background: rgba(228,38,38,.05); }
.rb-falhou .rb-estado, .rb-sumiu .rb-estado { color: var(--accent); font-weight: 600; }



.rb-vazia { border-left-color: var(--accent-2); }
.rb-vazia .rb-estado { color: var(--accent-2); }



.rb-bloqueado { border-left-color: var(--accent-2); }
.rb-bloqueado .rb-estado { color: var(--accent-2); }
.rb-atrasada { border-left-color: var(--accent-2); }
.rb-atrasada .rb-estado { color: var(--accent-2); }
.rb-muda, .rb-desligada { opacity: .55; }

.rb-abas { display: flex; gap: 6px; margin-bottom: 10px; }
.rb-abas button {
  background: var(--bg-2); border: 1px solid var(--line); color: var(--txt-2);
  border-radius: 999px; padding: 4px 12px; font-size: 11.5px; cursor: pointer;
  font-family: inherit;
}
.rb-abas button.on { border-color: var(--line-2); color: var(--txt); background: var(--bg-3); }

.rb-tab { border-collapse: collapse; font-size: 12px; }
.rb-tab th {
  text-align: left; font-weight: 500; font-size: 11px; color: var(--txt-3);
  text-transform: uppercase; letter-spacing: .4px;
  padding: 6px 10px; border-bottom: 1px solid var(--line);
}
.rb-tab td { padding: 6px 10px; border-bottom: 1px solid var(--line); }
.rb-tab td.n, .rb-tab th.n { text-align: right; font-variant-numeric: tabular-nums; }
.rb-tab tr:hover td { background: var(--bg-2); }
.rb-t { color: var(--txt-3); font-variant-numeric: tabular-nums; font-size: 11px; }
.rb-passou { color: var(--ok); font-size: 11px; }
.rb-cortado { color: var(--txt-3); font-size: 11px; cursor: help; }
.rb-log {
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px;
  white-space: pre-wrap; word-break: break-word; color: var(--txt-2);
  max-height: 62vh; overflow: auto; margin: 0; line-height: 1.5;
}












.et-pulso { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 4px; }
.et-pulso-item {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 12px 14px; min-width: 180px; flex: 1;
}
.et-pulso-item b { font-size: 20px; font-variant-numeric: tabular-nums; display: block; }
.et-pulso-item i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  display: block; margin-top: 4px; line-height: 1.4;
}




.et-prob {
  border: 1px solid var(--line); border-left: 3px solid var(--line-2);
  border-radius: var(--r); padding: 11px 14px; margin-bottom: 8px;
  background: var(--bg-2);
}
.et-prob.alto { border-left-color: var(--accent); background: rgba(228,38,38,.05); }
.et-prob.medio { border-left-color: var(--accent-2); }
.et-prob.baixo { opacity: .8; }
.et-prob-topo { display: flex; align-items: center; gap: 9px; }
.et-prob-topo b { font-size: 13px; }
.et-grav {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-3); border: 1px solid var(--line-2);
  border-radius: 999px; padding: 1px 7px; white-space: nowrap;
}
.et-prob.alto .et-grav { color: var(--accent); border-color: rgba(228,38,38,.35); }
.et-prob p { font-size: 12px; color: var(--txt-2); margin: 6px 0 0; line-height: 1.5; }
.et-fazer { color: var(--txt) !important; }
.et-cmd {
  display: inline-block; margin-top: 7px; font-size: 11.5px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  background: var(--bg-3); border-radius: 6px; padding: 3px 9px; color: var(--txt-2);
  user-select: all;
}



.et-geral {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}
.et-gcaixa {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 12px 14px;
}
.et-gcaixa > b {
  font-size: 20px; font-variant-numeric: tabular-nums; display: block;
}
.et-gcaixa.destaque { border-color: var(--line-2); }
.et-mais { color: var(--txt-3); font-size: 15px; }
.et-gcaixa.destaque > b { font-size: 28px; }
.et-gcaixa > i {
  font-style: normal; font-size: 11.5px; color: var(--txt-2);
  display: block; margin-top: 5px; line-height: 1.45;
}



.et-trab {
  font-size: 11px; text-transform: uppercase; letter-spacing: .4px;
  padding: 1px 7px; border-radius: 999px; border: 1px solid var(--line-2);
  color: var(--txt-3); cursor: help; white-space: nowrap;
}
.et-trab.ativo { border-color: rgba(46,204,113,.4); color: var(--ok); }
.et-trab.parado { border-color: rgba(228,38,38,.4); color: var(--accent); }

.et-tab-exec td { vertical-align: middle; }
.et-tab-exec .et-minigraf { width: 190px; padding: 4px 10px; }
.et-tab-exec .et-minigraf .et-spark { height: 22px; }
.et-tab-exec .et-minigraf .et-eixo { display: none; }
.et-mudo td { color: var(--txt-3); }

.et-placar, .et-sobra { margin: 8px 0 0; }
.et-log { margin-top: 10px; }
.et-log summary { font-size: 11.5px; color: var(--txt-3); cursor: pointer; }
.et-log .rb-log { margin-top: 8px; max-height: 30vh; }

.et-grupo { font-size: 13px; font-weight: 600; margin: 22px 0 3px; }
.et-grupo-txt {
  font-size: 11.5px; color: var(--txt-3); margin: 0 0 10px;
  max-width: 78ch; line-height: 1.55;
}
.et-nota {
  font-size: 12px; color: var(--txt-2); background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--r);
  padding: 10px 14px; line-height: 1.55; max-width: 82ch;
}

.et-fila {
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 3px solid var(--line-2);
  border-radius: var(--r); padding: 12px 14px; margin-bottom: 9px;
}
.et-fila.zerada { border-left-color: var(--ok); }
.et-fila.ruim { border-left-color: var(--accent); }
.et-fila-topo { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.et-ico { font-size: 15px; }
.et-fila-topo b { font-weight: 600; }
.et-selo {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  padding: 1px 6px; border-radius: 999px; border: 1px solid var(--line-2);
  color: var(--txt-3); cursor: help;
}
.et-selo.eu { border-color: rgba(88,166,255,.35); color: var(--info); }
.et-pergunta {
  font-size: 12px; color: var(--txt-2); margin: 5px 0 0; font-style: italic;
}

.et-numeros { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 10px; }
.et-n b {
  font-size: 15px; font-variant-numeric: tabular-nums; display: block;
  color: var(--txt-2);
}


.et-n.grande b { font-size: 24px; color: var(--txt); }
.et-n i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  display: block; margin-top: 1px;
}
.et-contando { font-size: 15px !important; color: var(--txt-3) !important; font-style: italic; }

.et-prog {
  position: relative; height: 4px; background: var(--bg-3);
  border-radius: 2px; margin-top: 10px;
}
.et-prog u { display: block; height: 100%; background: var(--ok); border-radius: 2px; }
.et-prog span {
  position: absolute; right: 0; top: -15px; font-size: 11px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}

.et-ressalva {
  font-size: 11px; color: var(--accent-2); margin: 9px 0 0;
  line-height: 1.5; max-width: 84ch;
}

.et-graficos { display: flex; gap: 18px; margin-top: 12px; flex-wrap: wrap; }
.et-g { flex: 1; min-width: 190px; }
.et-g-tit { font-size: 11px; color: var(--txt-2); margin-bottom: 5px; }


.et-spark {
  display: flex; align-items: flex-end; gap: 2px; height: 40px;
  background: linear-gradient(var(--bg-3), var(--bg-3)) bottom/100% 1px no-repeat;
}
.et-spark i {
  flex: 1; background: var(--line-2); border-radius: 1px 1px 0 0; min-height: 0;
  display: block;
}




.et-spark.h i, .et-spark.d i { background: var(--et-barra); }



.et-spark i.ag { background: var(--accent); }
.et-eixo {
  display: flex; justify-content: space-between; font-size: 11px;
  color: var(--txt-3); margin-top: 3px;
}

.et-rodape {
  display: flex; align-items: center; gap: 10px; margin-top: 11px;
  font-size: 11.5px; color: var(--txt-3);
}
.et-zera { color: var(--txt-2); cursor: help; }
.et-zera.ok { color: var(--ok); }

.et-explica {
  margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line);
  font-size: 12px; color: var(--txt-2); line-height: 1.6; max-width: 84ch;
}
.et-explica p { margin: 0 0 8px; }
.et-explica b { color: var(--txt); }
.et-aviso { color: var(--accent-2); }
.et-dl {
  display: grid; grid-template-columns: max-content 1fr; gap: 3px 14px;
  margin: 10px 0 0; font-size: 11.5px;
}
.et-dl dt { color: var(--txt-3); }
.et-dl dd { margin: 0; }
.et-dl code, .et-explica code {
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11px;
  background: var(--bg-3); border-radius: 4px; padding: 1px 6px;
}

.et-fila-tag {
  font-size: 11px; background: var(--bg-3); border-radius: 5px;
  padding: 2px 7px; color: var(--txt-2);
}
.et-est { font-size: 11px; color: var(--txt-3); }


.et-est.grav { color: var(--accent); font-weight: 600; }
.et-est.juiz { color: var(--accent-2); }
.et-est.ok { color: var(--ok); }



















#view-estatisticas { --et-barra: #726c6a; }



.et-status {
  display: flex; align-items: flex-start; gap: 14px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 3px solid var(--ok); border-radius: var(--r);
  padding: 14px 18px;
}
.et-status.espera { border-left-color: var(--accent-2); }
.et-status.parado { border-left-color: var(--txt-3); }
.et-status.ruim { border-left-color: var(--accent); background: rgba(228,38,38,.06); }
.et-status-bola {
  flex: none; width: 9px; height: 9px; border-radius: 50%; margin-top: 7px;
  background: var(--ok); box-shadow: 0 0 0 4px rgba(46,204,113,.14);
}
.et-status.espera .et-status-bola { background: var(--accent-2); box-shadow: 0 0 0 4px rgba(255,176,32,.14); }
.et-status.parado .et-status-bola { background: var(--txt-3); box-shadow: 0 0 0 4px rgba(155,150,148,.14); }
.et-status.ruim .et-status-bola { background: var(--accent); box-shadow: 0 0 0 4px rgba(228,38,38,.16); }
.et-status-frase { margin: 0; font-size: 16px; font-weight: 700; color: var(--txt); }
.et-status-sub { margin: 3px 0 0; font-size: 12.5px; color: var(--txt-3); line-height: 1.5; }
.et-status-sub b { color: var(--txt-2); font-weight: 600; }


.et-herois {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px; margin-top: 12px;
}
.et-heroi {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 14px 18px 15px; min-width: 0;
}
.et-heroi-rot { margin: 0; font-size: 12.5px; color: var(--txt-3); }
.et-heroi-val {
  display: block; margin-top: 4px; font-size: 34px; line-height: 1.1;
  font-weight: 800; letter-spacing: -.01em; color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.et-heroi.pede .et-heroi-val { color: var(--accent-2); }
.et-heroi-cmp { margin: 6px 0 0; font-size: 12.5px; color: var(--txt-3); line-height: 1.45; }
.et-heroi-cmp b { color: var(--txt-2); font-weight: 600; }


.et-cartao {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 14px 18px 15px; min-width: 0;
}
.et-cartao-tit { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--txt); }
.et-cartao-sub { margin: 2px 0 0; font-size: 12px; color: var(--txt-3); }
.et-cartao-nota {
  margin: 12px 0 0; font-size: 12.5px; color: var(--txt-2);
  line-height: 1.55; max-width: 84ch;
}
.et-cartao-nota b { color: var(--txt); font-weight: 600; }
.et-cartao-rodape {
  margin: 6px 0 0; font-size: 12px; color: var(--txt-3);
  display: flex; gap: 4px 14px; flex-wrap: wrap;
}




.et-garg { display: grid; gap: 8px; }

.et-funil { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.et-funil th, .et-funil td { padding: 5px 8px; text-align: right; white-space: nowrap; }
.et-funil th:first-child, .et-funil td:first-child { text-align: left; }

.et-funil + .et-funil { margin-top: 18px; }
#et-lente .et-ritmo, #et-ia .et-ritmo { margin-bottom: 12px; }

#et-lente .et-funil th { white-space: normal; vertical-align: bottom; }
.et-lente-lista { margin: 8px 0 0; padding-left: 20px; font-size: 13px; line-height: 1.7; }
.et-lente-lista a { color: var(--txt); text-decoration: none; }
.et-lente-lista a:hover { text-decoration: underline; }
.et-lente-lista i { color: var(--txt-3); font-style: normal; font-size: 12px; }
.et-funil th { color: var(--txt-3); font-weight: 500; font-size: 12px; cursor: help; }
.et-funil tbody tr + tr td { border-top: 1px solid var(--bg-3); }
.et-funil td i { font-style: normal; color: var(--txt-3); font-size: 11px; }
.et-funil .et-funil-ent { border-left: 1px solid var(--bg-3); font-weight: 600; color: var(--txt); }
.et-funil td.et-origem { text-align: left; white-space: normal; color: var(--txt-2); }


.et-funil-faixa { margin-bottom: 6px; }
.et-funil-dica { margin: 0 0 10px; }
.et-funil-lin { cursor: pointer; }
.et-funil-lin:hover td { background: var(--bg-3); }
.et-funil-lin.on td { background: var(--bg-3); color: var(--txt); }

.et-num { all: unset; cursor: pointer; font: inherit; color: var(--txt);
  text-decoration: underline dotted var(--txt-3); text-underline-offset: 3px; }
.et-num:hover { color: var(--info); text-decoration-color: var(--info); }
.et-num:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; border-radius: 3px; }
.et-lista { margin-top: 10px; }
.et-lista-cab { display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-bottom: 8px; }




.corte-minimo .nf-cab-acoes > button:not([data-rp-aprovar]), .corte-minimo .nf-salvar,
.corte-minimo .nf-veio, .corte-minimo .nf-fontes, .corte-minimo .nf-entrou,
.corte-minimo .nf-acoes-baixo, .corte-minimo .nf-julgar { display: none; }

.rp-motivo-corte { font-size: 12px; color: var(--txt-2); margin-left: 8px; }
.rp-aprova-linha { display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin: 6px 0 0; }
.rp-aprova-linha[hidden] { display: none; }
.rp-aprova-form { display: flex; align-items: center; gap: 6px; flex: 1 1 360px; }
.rp-aprova-form input { flex: 1; min-width: 0; }
.rp-aprovado-txt { color: var(--ok); font-size: 13px; }
.rp-item.rp-aprovado .nf-card { opacity: .55; }
.et-funil td.et-origem svg { width: 14px; height: 14px; vertical-align: -2px; }
.et-garg-lin {
  display: grid; align-items: center; gap: 12px; font-size: 12.5px;
  grid-template-columns: minmax(120px, 200px) minmax(0, 1fr) 64px 48px;
}
.et-garg-nome { color: var(--txt-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.et-garg-trilho { height: 14px; background: var(--bg-3); border-radius: 4px; overflow: hidden; }
.et-garg-trilho i {
  display: block; height: 100%; min-width: 3px;
  background: var(--et-barra); border-radius: 0 4px 4px 0;
}
.et-garg-lin.maior .et-garg-trilho i { background: var(--accent); }
.et-garg-lin.maior .et-garg-nome, .et-garg-lin.maior .et-garg-n { color: var(--txt); font-weight: 600; }
.et-garg-n, .et-garg-pct { text-align: right; font-variant-numeric: tabular-nums; color: var(--txt-2); }
.et-garg-pct { color: var(--txt-3); }





.et-ritmo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.et-plot {
  position: relative; display: flex; align-items: flex-end;
  height: 112px; margin-top: 24px; border-bottom: 1px solid var(--line-2);
}
.et-vaga {
  flex: 1; height: 100%; position: relative;
  display: flex; align-items: flex-end;
}
.et-plot.dias .et-vaga { padding: 0 6px; }
.et-plot.horas .et-vaga { padding: 0 1px; }
.et-vaga i {
  display: block; width: 100%; height: var(--h);
  background: var(--et-barra); border-radius: 4px 4px 0 0;
}
.et-plot.horas .et-vaga i { border-radius: 2px 2px 0 0; }
.et-vaga.hoje i { background: var(--accent); }
.et-vaga:hover i { filter: brightness(1.3); }
.et-vaga em {
  position: absolute; left: 0; right: 0; bottom: calc(var(--h) + 4px); z-index: 2;
  text-align: center; font-style: normal; font-size: 11.5px; font-weight: 600;
  color: var(--txt-2); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.et-vaga.hoje em { color: var(--txt); }




.et-media {
  position: absolute; left: 0; right: 0; height: 0; z-index: 1;
  border-top: 1px dashed var(--txt-3); opacity: .75; pointer-events: none;
}
.et-media b {
  position: absolute; left: 0; bottom: 3px; padding: 0 6px 0 0;
  font-size: 11px; font-weight: 600; color: var(--txt-3); background: var(--bg-2);
}
.et-parada {
  position: absolute; top: -20px; bottom: 0; pointer-events: none;
  background: rgba(255,255,255,.035);
  border-left: 1px solid var(--line-2); border-right: 1px solid var(--line-2);
}
.et-parada b {
  position: absolute; top: 3px; left: 6px; font-size: 11px; font-weight: 500;
  color: var(--txt-3); white-space: nowrap;
}
.et-plot-eixo {
  display: flex; margin-top: 6px; font-size: 11px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.et-plot-eixo span { flex: 1; text-align: center; }
.et-plot-eixo.pontas { justify-content: space-between; }
.et-plot-eixo.pontas span { flex: none; }


.et-acao { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
.et-acao-res { font-size: 12.5px; color: var(--txt-2); }
.et-acao-res.ok { color: var(--ok); }
.et-acao-res.ruim { color: var(--accent); }
.et-grav.clique { color: var(--accent-2); border-color: rgba(255,176,32,.4); }






.et-gaveta { border: 1px solid var(--line); border-radius: var(--r); margin-top: 8px; }
.et-gaveta[hidden] { display: none; }
.et-gaveta > summary {
  list-style: none; cursor: pointer; position: relative;
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 10px;
  padding: 12px 42px 12px 16px; font-size: 13px;
  background: var(--bg-2); border-radius: var(--r);
}
.et-gaveta[open] > summary { border-radius: var(--r) var(--r) 0 0; border-bottom: 1px solid var(--line); }
.et-gaveta > summary::-webkit-details-marker { display: none; }
.et-gaveta > summary::after {
  content: "›"; position: absolute; right: 17px; top: 50%;
  transform: translateY(-50%); color: var(--txt-3); font-size: 18px; line-height: 1;
  transition: transform .15s ease;
}
.et-gaveta[open] > summary::after { transform: translateY(-50%) rotate(90deg); }
.et-gaveta > summary b { font-weight: 600; color: var(--txt); }
.et-gaveta > summary em {
  font-style: normal; font-size: 11.5px; color: var(--txt-2);
  background: var(--bg-3); border-radius: 999px; padding: 1px 8px;
}
.et-gaveta > summary em:empty { display: none; }
.et-gaveta > summary span { flex-basis: 100%; font-size: 12px; color: var(--txt-3); line-height: 1.45; }
.et-gaveta > summary:hover b { text-decoration: underline; text-underline-offset: 3px; }
.et-gaveta > summary:focus-visible { outline: 2px solid var(--txt-2); outline-offset: 2px; }
.et-gaveta-corpo { padding: 4px 16px 16px; }
.et-gaveta.dentro { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) {
  .et-gaveta > summary::after { transition: none; }
}

@media (max-width: 900px) {
  .et-herois, .et-ritmo { grid-template-columns: minmax(0, 1fr); }
  .et-garg-lin { grid-template-columns: minmax(90px, 130px) minmax(0, 1fr) 56px 42px; gap: 8px; }
}
















.nf-cab {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 20px; margin: 0 0 2px;
}
.nf-cab h2 { margin: 0; font-size: 20px; }







.nf-cab > .nf-ajuda { margin-right: auto; }












.nv-bloco + .nv-bloco { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.nv-cab { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.nv-cab h3 { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.nv-ver {
  margin-left: auto; background: none; border: 0; cursor: pointer;
  color: var(--info); font-family: inherit; font-size: 12px; padding: 2px 4px;
}
.nv-ver:hover { text-decoration: underline; }

.nv-videos { display: grid; gap: 10px; }
.nv-video {
  display: flex; gap: 12px; align-items: flex-start; text-decoration: none;
  color: inherit; padding: 6px; margin: -6px; border-radius: 9px;
}
.nv-video:hover { background: var(--bg-3); }
.nv-th {
  position: relative; flex: none; width: 132px; aspect-ratio: 16/9;
  border-radius: 7px; overflow: hidden; background: var(--bg-3);
  border: 1px solid var(--line);
}
.nv-th img { width: 100%; height: 100%; object-fit: cover; display: block; }


.nv-th b {
  position: absolute; left: 5px; top: 5px; background: var(--accent); color: #fff;
  border-radius: 5px; padding: 1px 7px; font-size: 11px; font-weight: 700;
  box-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.nv-txt { min-width: 0; }
.nv-t {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; font-size: 13.5px; line-height: 1.35;
}
.nv-s { display: block; margin-top: 4px; font-size: 12px; color: var(--txt-3); }
.nv-s b { color: var(--amarelo, #ffb020); font-weight: 700; }




.nv-rende {
  margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; color: var(--txt-2);
  padding: 10px 12px; border-radius: 9px;
  background: var(--bg-2);
  border: 1px solid var(--line);
}
.nv-rende b { color: var(--txt); font-weight: 700; }

.nv-achados { display: flex; flex-wrap: wrap; gap: 8px; }
.nv-ach {
  border: 1px solid var(--line); border-radius: 9px; padding: 8px 11px;
  background: var(--bg-2); min-width: 0; max-width: 260px;
}
.nv-ach b { display: block; font-size: 13px; font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nv-ach i { display: block; font-style: normal; font-size: 11.5px; color: var(--txt-3); margin-top: 2px; }
.nv-ach em {
  display: block; font-style: normal; font-size: 11px; color: var(--txt-3);
  margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--line);
}
.nv-vazio { margin: 0; color: var(--txt-3); font-size: 13.5px; line-height: 1.5; }


.nv-gaveta {
  margin: -4px 0 10px; padding: 16px 18px 18px;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-top-color: transparent; border-radius: 0 0 var(--r) var(--r);
  box-shadow: var(--shadow);
}
.bv.com-gaveta { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; }




.nv-tela {
  position: fixed; inset: 0; z-index: 90; display: grid; place-items: center;
  background: rgba(10,9,9,.72); backdrop-filter: blur(3px); padding: 24px;
}
.nv-folha {
  width: min(760px, 100%); max-height: 86vh; overflow: auto;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 16px; box-shadow: 0 30px 90px -20px rgba(0,0,0,.85);
  padding: 22px 24px 24px;
}
.nv-topo { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.nv-ola { font-size: 21px; font-weight: 600; letter-spacing: -.015em; }
.nv-sub { color: var(--txt-3); font-size: 13px; margin-top: 3px; }
.nv-fechar { margin-left: auto; flex: none; }
@media (max-width: 620px) { .nv-th { width: 96px; } .nv-folha { padding: 16px; } }












.ctl.gav {
  cursor: pointer; font-family: inherit; text-align: left;
  display: inline-flex; align-items: center; gap: 8px;
}
.ctl.gav b {
  color: var(--txt); font-weight: 600; font-size: 12.5px;
  text-transform: none; letter-spacing: 0;
  max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gav-rot { color: var(--txt-3); }
.gav-seta { font-style: normal; color: var(--txt-3); margin-left: 2px; font-size: 11px; }
.ctl.gav.on { border-color: var(--info); }
.ctl.gav.on .gav-seta { transform: rotate(180deg); }


.nf-linha { position: relative; }



.ctl.gav b { max-width: 16ch; }

.seg.sm button { padding: 0 10px; height: 26px; font-size: 11.5px; }






















.bv {
  display: flex; align-items: center; gap: 14px; flex-wrap: nowrap;
  position: relative;
  margin: 0 0 8px; padding: 6px 12px;
  



  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
}


.bv-quem {
  display: flex; align-items: center; gap: 11px; min-width: 0; flex: 0 1 auto;
  cursor: pointer; border-radius: 999px;
}
.bv-quem:hover .bv-ola b { text-decoration: underline; }
.bv-av {
  flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; letter-spacing: .3px; user-select: none;
  

  color: var(--txt);
  background: var(--bg-3);
  border: 1px solid var(--line-2);
}
.bv-txt {
  min-width: 0; display: flex; align-items: center; gap: 9px; flex-wrap: nowrap;
}
.bv-ola { font-size: 14.5px; color: var(--txt-2); line-height: 1.2; flex: none; }
.bv-ola b { color: var(--txt); font-weight: 600; }
.bv-sub {
  display: flex; align-items: center; gap: 8px; flex-wrap: nowrap;
  min-width: 0; overflow: hidden; white-space: nowrap;
  




  font-size: 11.5px; color: var(--txt-2);
  padding-left: 9px; border-left: 1px solid var(--line-2);
}



.bv-sub .btn.sm { height: 22px; padding: 0 9px; font-size: 11px; }
.bv-onde b { color: var(--txt-2); font-weight: 600; }












.bv-sub .ctl { height: 24px; }
.bv-onde.visita b { color: var(--info); }











.bv-perfil { margin-left: auto; }












.bv-perfil {
  display: inline-flex; align-items: center; gap: 7px; flex: none;
  background: none; border: 1px solid var(--line-2); border-radius: 8px;
  color: var(--txt-2); font-family: inherit; font-size: 12px; cursor: pointer;
  padding: 5px 11px;
}
.bv-perfil:hover { color: var(--txt); border-color: var(--txt-3); }






.bv-perfil i {
  width: 13px; height: 13px; border-radius: 50%; display: block;
  background: var(--txt-3); border: 1px solid var(--line-2);
}















.gp {
  


  position: absolute; z-index: 40; top: 100%; left: 0; margin-top: 8px;
  min-width: 420px; max-width: min(92vw, 560px);
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: var(--r); box-shadow: var(--shadow); padding: 14px 16px 16px;
  white-space: normal;
}
.gp-cab {
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
  font-size: 14px; color: var(--txt);
}
.gp-x {
  margin-left: auto; background: none; border: 0; color: var(--txt-3);
  cursor: pointer; font-size: 13px; line-height: 1; padding: 4px;
}
.gp-x:hover { color: var(--txt); }
.gp-tira {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
  background: var(--line); border: 1px solid var(--line); border-radius: 9px;
  overflow: hidden;
}
.gp-tira > div { background: var(--bg-3); padding: 10px 12px; min-width: 0; }
.gp-k {
  display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--txt-3);
}
.gp-tira b {
  display: block; margin-top: 5px; font-size: 14px; font-weight: 700;
  color: var(--txt); font-variant-numeric: tabular-nums;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gp-tira small { display: block; margin-top: 2px; font-size: 11px; color: var(--txt-3); }
.gp-nota { margin: 10px 0 0; font-size: 12px; color: var(--txt-3); line-height: 1.5; }
.gp-nota b { color: var(--txt-2); font-weight: 600; }














.gp-marca { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
.gp-marca > h5 {
  margin: 0 0 9px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--txt-3); font-weight: 700;
}
.gp-m-lista { display: grid; gap: 8px; }
.gp-m-li {
  display: grid; grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 10px; align-items: baseline;
}
.gp-m-li > b {
  font-size: 17px; font-weight: 700; color: var(--txt);
  font-variant-numeric: tabular-nums; text-align: right;
}
.gp-m-li > span { font-size: 12.5px; color: var(--txt-2); line-height: 1.45; }



.gp-m-li i { font-style: normal; color: var(--txt); font-weight: 650; }








.gp-m-li em {
  display: block; font-style: normal; font-size: 11px; color: var(--txt-2);
  margin-top: 1px; line-height: 1.4;
}




.gp-m-xp {
  font-size: 11.5px; font-weight: 650; color: var(--ok);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
















.nf-visual-barra .nf-ajuda { display: none; }

.nf-cab-n { text-align: right; white-space: nowrap; }
.nf-cab-n b {
  font-size: 21px; font-weight: 600; font-variant-numeric: tabular-nums;
}





.nf-cab-n i { display: none; }






.nf-cab + .nf-origem,
.nf-visual-barra + .nf-origem { margin-bottom: 10px; }
.nf-quantos { color: var(--accent-2); font-weight: 700; }










































.nf-linha-chips { display: flex; align-items: center; gap: 10px; }
.nf-linha-chips > .nf-visoes { margin: 4px 0; }
.nf-linha-chips > .nf-regua-rot { flex: 0 0 84px; }
.nf-linha-chips > .nf-visoes { flex: 1 1 auto; min-width: 0; }
.nf-linha-chips > .nf-visoes-fim { flex: 0 0 auto; }


.nf-rapidos { flex: 0 0 auto; margin: 0; }























#ja-categorias .nf-chip::before,
.nf-chip.premio::before {
  content: ""; flex: 0 0 auto; width: 13px; height: 13px; margin-right: -2px;
  background-color: #e0b660;
  mask-image: var(--oscar); -webkit-mask-image: var(--oscar);
  mask-size: contain; -webkit-mask-size: contain;
  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
  mask-position: center; -webkit-mask-position: center;
}


#ja-categorias .nf-chip.on::before,
.nf-chip.premio.on::before { background-color: #9c7529; }
:root {
  

  --oscar: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1.6a2.4 2.4 0 0 1 1.5 4.3c1 .5 1.7 1.5 1.7 2.7v5.9c0 .7-.2 1.3-.6 1.8l-.6.8h1.3c.5 0 .8.4.8.8v1.3H7.9v-1.3c0-.4.3-.8.8-.8H10l-.6-.8a3 3 0 0 1-.6-1.8V8.6c0-1.2.7-2.2 1.7-2.7A2.4 2.4 0 0 1 12 1.6Zm-5 19h10c.6 0 1 .5 1 1V23H6v-1.3c0-.6.4-1 1-1Z"/></svg>');
}

.ja-topo { margin: 0 0 10px; }
.ja-titulo {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 4px; font-size: 28px; font-weight: 800; line-height: 1.1;
  letter-spacing: .5px; color: var(--txt); text-transform: uppercase;
}
.ja-trofeu { width: 24px; height: 24px; flex: 0 0 24px; }




.ja-titulo-de {
  font-size: 20px; font-weight: 600; color: var(--txt-3);
  text-transform: none; letter-spacing: 0;
}



.ja-filete {
  height: 2px; border-radius: 2px; max-width: 420px;
  background: linear-gradient(90deg, #e0b660 0%, #c9ced6 34%, #c98a56 62%,
                              rgba(201,138,86,0) 100%);
}
















.ja-podio > .nf-card:nth-child(1) { --medal: var(--ouro); --medal-luz: var(--ouro-luz); --medal-som: var(--ouro-som); }
.ja-podio > .nf-card:nth-child(2) { --medal: var(--prata); --medal-luz: var(--prata-luz); --medal-som: var(--prata-som); }
.ja-podio > .nf-card:nth-child(3) { --medal: var(--bronze); --medal-luz: var(--bronze-luz); --medal-som: var(--bronze-som); }
.ja-podio > .nf-card:nth-child(-n+3) {
  border-color: color-mix(in srgb, var(--medal) 30%, var(--line));
  box-shadow: inset 3px 0 0 var(--medal);
  



  background:
    linear-gradient(90deg, color-mix(in srgb, var(--medal) 5%, var(--bg-2)) 0%,
                    var(--bg-2) 42%);
}
.ja-podio > .nf-card:nth-child(-n+3) .nf-pos b {
  width: 34px; height: 34px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 15px; font-weight: 800; letter-spacing: 0; color: #17130c;
  background: linear-gradient(160deg, var(--medal-luz) 0%, var(--medal) 46%,
                              var(--medal-som) 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset,
              0 2px 7px rgba(0,0,0,.45);
}



.ja-podio > .nf-card:nth-child(-n+3) .nf-pos i::after { background: var(--medal); }






.nf-barra .nf-check { display: flex; align-items: center; gap: 6px; }
.nf-barra .nf-check input[type="text"],
.nf-barra .nf-check input[type="number"] {
  background: var(--bg); color: var(--txt); border: 1px solid var(--line);
  border-radius: 8px; padding: 7px 10px; font-size: 13px; font-family: inherit;
}
.nf-barra .nf-check input[type="text"] { min-width: 220px; }
.nf-barra .nf-check input[type="number"] { width: 72px; }


















[data-ccbloco][hidden], .nf-acoes[hidden], .cc-add[hidden],
















.nf-linha[hidden], .cc-rodar[hidden],
.nf-regua[hidden], .nf-visoes[hidden],
.nf-linha-chips[hidden],
.nf-visoes-cx[hidden] { display: none; }













html.sem-escrita .vr,
html.sem-escrita .nf-julgar,
html.sem-escrita [data-add],
html.sem-escrita [data-reprovar],
html.sem-escrita [data-desreprovar],
html.sem-escrita #btnAdd { display: none !important; }
















html.sem-corte [data-reprovar],
html.sem-corte [data-desreprovar] { display: none !important; }













html.sem-notas [data-nota-abrir],
html.sem-notas .nf-notas { display: none !important; }






html.sem-parecidos [data-similares],
html.sem-parecidos [data-vparecidos] { display: none !important; }





































html.sem-curadoria .vr,
html.sem-curadoria .nf-p50 { display: none !important; }



























html.fora-de-casa #sim-fora { display: none !important; }
























.app { display: flex; align-items: flex-start; min-height: 100vh; }

.app-lado {
  flex: 0 0 232px; width: 232px;
  position: sticky; top: 0; align-self: stretch;
  height: 100vh; overflow-y: auto;
  display: flex; flex-direction: column; gap: 4px;
  padding: 16px 12px 12px;
  background: var(--bg-2); border-right: 1px solid var(--line);
}







.app-palco { flex: 1 1 auto; min-width: 0; }

.lado-marca {
  display: flex; align-items: center; gap: 10px;
  padding: 4px 10px 16px;
}
































































.lado-marca .marca-d {
  width: 34px; height: 34px; flex: 0 0 auto; display: block;
  fill: var(--accent);
}
.lado-marca .marca-d .play {
  fill: #fff; stroke: #fff; stroke-width: 6; stroke-linejoin: round;
}
.lado-nome {
  display: flex; align-items: baseline; gap: 0;
  line-height: 1.15; letter-spacing: -.3px; font-size: 20px;
}
.lado-nome b { font-weight: 700; }
.lado-nome i { font-style: normal; font-weight: 400; color: var(--txt-3); }

.lado-nav { display: flex; flex-direction: column; gap: 14px; flex: 1 1 auto; }
.lado-sec { display: flex; flex-direction: column; gap: 3px; }
.lado-tit {
  font-size: 11px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--txt-3); padding: 0 10px 3px;
}
.lado-itens { display: flex; flex-direction: column; gap: 1px; }

.lado-i {
  display: flex; align-items: center; gap: 10px; width: 100%;
  background: none; border: none; border-radius: 9px;
  color: var(--txt-2); padding: 8px 10px; cursor: pointer;
  







  font-size: 14px; font-weight: 500; font-family: inherit; text-align: left;
}
.lado-i:hover { background: var(--bg-3); color: var(--txt-2); }


a.lado-i { text-decoration: none; }
.lado-studio .li-ico { color: #ff5a5f; }
.lado-studio .li-fora { font-size: 12px; color: var(--txt-3); }
.lado-studio:hover .li-fora { color: var(--txt-2); }




.lado-i.on {
  background: var(--bg-3); color: var(--txt); font-weight: 600;
  box-shadow: inset 2px 0 0 var(--accent);
}







































.lado-sec-casa { margin-top: auto; }













.lado-pe-fila {
  flex-direction: row; gap: 2px; justify-content: flex-start;
  border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px;
}











.lado-pe-fila .lado-i[data-view="conta"] { display: none; }
.lado-pe-fila .lado-i { width: auto; flex: 0 0 auto; padding: 7px; justify-content: center; }
.lado-pe-fila .li-rot,



.lado-pe-fila .li-seta { display: none; }
.lado-pe-fila .lado-i.on { box-shadow: none; }


.app.encolhido .lado-pe-fila { flex-direction: column; gap: 1px; }
.app.encolhido .lado-pe-fila .lado-i { padding: 9px 0; width: 100%; }






.li-ico {
  width: 18px; height: 16px; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
}
.li-ico svg { width: 15px; height: 15px; display: block; }
.li-rot { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.lado-i.on .li-ico { color: var(--accent); }

.li-seta {
  font-style: normal; font-size: 12px; color: var(--txt-3);
  padding: 0 1px; transition: transform .16s; flex: 0 0 auto;
}
.li-seta:hover { color: var(--txt); }
.li-seta.aberta { transform: rotate(180deg); }



.lado-sub { display: none; flex-direction: column; gap: 1px; margin: 2px 0 4px; }
.lado-sub.aberto { display: flex; }




























.lado-sub button {
  display: flex; align-items: center; gap: 10px; width: 100%;
  background: none; border: 1px solid transparent; text-align: left;
  cursor: pointer; color: var(--txt-2); font-family: inherit;
  font-size: 13.5px; font-weight: 500; padding: 6px 10px 6px 22px;
  border-radius: 8px; white-space: nowrap;
}














.lado-sub button[hidden] { display: none; }
.lado-sub button .li-rot { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; }
.lado-sub button.on .li-ico { color: var(--accent); }
.lado-sub button:hover { color: var(--txt); background: var(--bg-3); }
.lado-sub button.on {
  color: var(--txt); border-color: var(--line-2); background: var(--bg-3);
}






















.lado-sub button { position: relative; }
.lado-sub button:has(.sel-modo:not([hidden])) { padding-right: 40px; }
.sel-modo {
  position: absolute; right: 8px; top: 50%; margin-left: 0;
  transform: translateY(-50%);
}















.lado-sub-solto { display: flex; margin: 0; }
.lado-sub-solto button { padding-left: 10px; font-size: 13px; }
































.lado-sub-topo button {
  padding-left: 37px; min-height: 32px;
  font-size: 13.5px; font-weight: 500; color: var(--txt-2);
}
.lado-sub-topo button::before {
  content: ""; position: absolute; left: 9px; top: 0; bottom: 0;
  width: 18px; background-color: #e0b660;
  mask-image: var(--oscar); -webkit-mask-image: var(--oscar);
  mask-size: 15px 15px; -webkit-mask-size: 15px 15px;
  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
  mask-position: center; -webkit-mask-position: center;
}
















.lado-sub-nivel button { padding: 7px 9px; font-size: 14px; min-height: 32px; }


.app.encolhido .lado-sub.lado-sub-nivel { display: flex; }
.app.encolhido .lado-sub-nivel button { justify-content: center; padding: 8px 0; min-height: 34px; }
















.lado-sec-aluno .lado-tit { display: flex; align-items: center; gap: 7px; }
.al-vip {
  font-size: 9.5px; font-weight: 800; letter-spacing: .12em; line-height: 1;
  padding: 3px 5px 3px 6px; border-radius: 4px;
  color: #ff9a9a; background: rgba(228, 38, 38, .16);
  box-shadow: inset 0 0 0 1px rgba(228, 38, 38, .38);
}




.lado-sec-aluno {
  --vip: 228, 38, 38;
  position: relative; overflow: hidden; isolation: isolate;
  margin: 2px -4px 0; padding: 9px 3px 5px; border-radius: 12px;
  border: 1px solid rgba(var(--vip), .20);
  background:
    radial-gradient(130% 80% at 0% 0%, rgba(var(--vip), .09), transparent 62%),
    linear-gradient(180deg, rgba(var(--vip), .045), rgba(var(--vip), .015));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.lado-sec-aluno .lado-tit { color: var(--txt); font-weight: 700; }


.lado-sec-aluno .li-ico { color: #ec8a8a; }
.lado-sec-aluno :is(.lado-i, .lado-sub button):hover { background: rgba(var(--vip), .10); }
.lado-sec-aluno :is(.lado-i.on, .lado-sub button.on) {
  background: rgba(var(--vip), .16); border-color: rgba(var(--vip), .32);
}





.lado-sec-aluno::after {
  content: ""; position: absolute; inset: -40% auto -40% 0; width: 45%;
  z-index: -1; pointer-events: none;
  background: linear-gradient(100deg, transparent,
              rgba(255, 255, 255, .05) 45%, rgba(255, 255, 255, .08) 50%,
              rgba(255, 255, 255, .05) 55%, transparent);
  transform: translateX(-120%) skewX(-12deg);
  animation: al-brilho 1.6s cubic-bezier(.16, 1, .3, 1) .6s both;
}
.lado-sec-aluno:hover::after { animation: al-brilho2 1.3s cubic-bezier(.16, 1, .3, 1) both; }
@keyframes al-brilho  { to { transform: translateX(330%) skewX(-12deg); } }
@keyframes al-brilho2 { from { transform: translateX(-120%) skewX(-12deg); }
                        to   { transform: translateX(330%) skewX(-12deg); } }
@media (prefers-reduced-motion: reduce) {
  .lado-sec-aluno::after { animation: none !important; opacity: 0; }
}


.app.encolhido .lado-sec-aluno { margin: 2px -3px 0; padding: 3px 2px; }



@media (max-width: 900px) {
  .lado-sub.lado-sub-nivel { display: flex !important; flex-direction: row; margin: 0; }
  .lado-sub-nivel button { width: auto; }
  .lado-sec-aluno { margin: 0; padding: 2px 4px; flex: 0 0 auto; }
}

.app.encolhido .lado-sub.lado-sub-topo { display: flex; }
.app.encolhido .lado-sub-topo button { padding: 9px 0; min-height: 34px; }
.app.encolhido .lado-sub-topo button::before { left: 0; right: 0; width: auto; }






















.lado-sub-abas { margin: 1px 0 4px; }
.lado-sub-abas .lado-i {
  padding: 6px 10px 6px 38px; font-size: 12.5px; font-weight: 500;
  color: var(--txt-3); border-radius: 8px;
}
.lado-sub-abas .lado-i .li-ico { display: none; }
.lado-sub-abas .lado-i:hover { color: var(--txt); background: var(--bg-3); }
.lado-sub-abas .lado-i.on {
  color: var(--txt); font-weight: 600; background: var(--bg-3);
  box-shadow: inset 2px 0 0 var(--accent);
}

















.lado-i .sel-topo {
  flex: 0 0 auto; margin-left: 0;
  min-width: 14px; padding: 0 3px; font-size: 11px; line-height: 14px;
}






























.lado-itens > .lado-i:has(> .sel-topo:not([hidden])) {
  gap: 4px; padding-right: 8px;
}
.app.encolhido .lado-i .sel-topo { display: none; }



















.lado-sub-abas .lado-i { gap: 4px; padding-right: 8px; }

.lado-pe { border-top: 1px solid var(--line); padding: 12px 10px 0; margin-top: 8px; }
.lado-pe .nf-cotas {
  margin: 0; display: flex; flex-direction: column;
  align-items: stretch; gap: 9px; padding: 0;
}
.lado-pe .cota-l { justify-content: flex-start; gap: 7px; }
.lado-pe .cota-b { width: 100%; flex: 1 1 auto; }
.lado-pe .cota-r { flex: 0 0 26px; }
.lado-pe .cota-l b { flex: 0 0 auto; min-width: 0; }





.app.encolhido .app-lado { flex-basis: 58px; width: 58px; padding: 16px 8px 12px; }
.app.encolhido .lado-nome,
.app.encolhido .li-rot,
.app.encolhido .li-seta,
.app.encolhido .lado-tit,
.app.encolhido .lado-sub,
.app.encolhido .lado-pe { display: none; }
.app.encolhido .lado-i { justify-content: center; padding: 9px 0; }
.app.encolhido .li-ico { width: auto; font-size: 15px; }
.app.encolhido .lado-marca { justify-content: center; padding: 4px 0 16px; }
.app.encolhido .lado-sec { gap: 0; }
.app.encolhido .lado-nav { gap: 10px; }



.topbar { gap: 10px; }
.topbar .tabs, .topbar .brand { display: none; }



@media (max-width: 900px) {
  .app { display: block; }
  .app-lado {
    position: static; width: auto; height: auto; flex-basis: auto;
    border-right: none; border-bottom: 1px solid var(--line);
    padding: 10px 12px;
  }
  .lado-nav { flex-direction: row; gap: 10px; overflow-x: auto; }
  .lado-sec { flex-direction: row; align-items: center; gap: 4px; }
  .lado-tit { display: none; }
  .lado-itens { flex-direction: row; }
  .lado-i { width: auto; }
  .lado-sub { display: none !important; }
  

  .lado-pe { border-top: none; margin: 0; padding: 8px 0 0; display: flex; align-items: center; gap: 14px; }
  .lado-pe .nf-cotas { flex-direction: row; }
  .lado-pe .cota-b { width: 46px; flex: 0 0 46px; }
}










.lado-i[hidden], .lado-sub[hidden], .lado-sec[hidden],
.lado-itens[hidden], .app-lado[hidden] { display: none; }




.tax-dup { border: 1px solid #7a5a12; border-radius: 10px; padding: 10px 12px;
           margin: 10px 0 16px; background: rgba(255,190,60,.05); }
.tax-par { display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
           padding: 6px 0; border-top: 1px solid var(--line); }
.tax-par:first-of-type { border-top: 0; }
.tax-bt { background: none; border: 1px solid var(--line-2); color: var(--txt-2);
          border-radius: 7px; padding: 3px 9px; font-size: 11px; cursor: pointer; }
.tax-bt:hover { border-color: var(--accent-2); color: var(--accent-2); }
.tax-nicho { display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
             padding: 5px 0 5px 14px; border-top: 1px solid var(--line); }
.tax-nicho .chip.subnicho i { opacity: .6; font-style: normal; font-size: 11px; }



.tax-rec-item { padding: 8px 0; border-top: 1px solid var(--line); }
.tax-rec-item:first-of-type { border-top: 0; }
.tax-rec-acoes { display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
                 margin-top: 5px; }
.tax-rec-acoes select { background: var(--bg-2); border: 1px solid var(--line-2);
                         color: var(--txt-2); border-radius: 7px; padding: 3px 7px;
                         font-size: 11px; max-width: 220px; }





.nx-barra { display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
            margin: 10px 0 12px; }
.nx-campo { background: var(--bg-2); border: 1px solid var(--line);
            color: var(--txt); border-radius: 8px; padding: 6px 10px;
            font-size: 12px; font-family: inherit; }
#nx-busca { min-width: 240px; flex: 1 1 240px; }
.nx-conta { margin-left: auto; }
.nx-tab { border-collapse: collapse; }
.nx-tab th { text-align: left; font-size: 11px; text-transform: uppercase;
             letter-spacing: .4px; color: var(--txt-3); font-weight: 500;
             padding: 6px 8px; border-bottom: 1px solid var(--line); }
.nx-tab th.num, .nx-tab td.num { text-align: right; }
.nx-linha { cursor: pointer; border-bottom: 1px solid var(--line); }
.nx-linha:hover { background: rgba(255,255,255,.03); }
.nx-linha td { padding: 9px 8px; }
.nx-seta { width: 18px; color: var(--txt-3); font-size: 11px; }
.nx-acoes { text-align: right; white-space: nowrap; }
.nx-cego { font-size: 11px; color: var(--accent-2); border: 1px solid #7a5a12;
           border-radius: 5px; padding: 0 5px; vertical-align: middle; }
.nx-dentro.escondido { display: none; }
.nx-dentro > td { padding: 0 8px 12px 26px; background: rgba(255,255,255,.02); }
.nx-caixa { display: grid; gap: 12px; padding: 10px 0; }
.nx-bloco > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.nx-kw { font-size: 11px; background: rgba(127,220,154,.10); color: #8fd6a5;
         border: 1px solid rgba(127,220,154,.25); border-radius: 6px; padding: 1px 7px; }
.nx-assunto { font-size: 11px; background: var(--bg-2); border: 1px solid var(--line);
              border-radius: 6px; padding: 1px 7px; color: var(--txt-2); }
.nx-assunto i { opacity: .5; font-style: normal; font-size: 11px; margin-left: 3px; }










.nx-bloco .nx-canal { font-size: 11px; color: var(--txt-3);
            border: 1px dashed var(--line);
            border-radius: 6px; padding: 1px 7px; }
button.nx-sub { cursor: pointer; font-family: inherit; }
button.nx-sub:hover { border-color: rgba(77,159,255,.6); color: #cfe4ff; }
.nx-volta { display: flex; align-items: center; gap: 8px; padding-bottom: 4px;
            border-bottom: 1px solid var(--line); }


.nx-visoes { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.nx-visao { background: var(--bg-2); border: 1px solid var(--line); color: var(--txt-2);
            border-radius: 999px; padding: 5px 12px; font-size: 12px; cursor: pointer;
            font-family: inherit; }
.nx-visao:hover { border-color: var(--line-2); color: var(--txt); }
.nx-visao.ativa { background: rgba(77,159,255,.14); border-color: rgba(77,159,255,.45);
                  color: #a9d0ff; }
.nx-porque { margin: 8px 2px 0; max-width: 78ch; }
.nx-fontes { margin: 8px 0 2px; }
.nx-fontes summary { cursor: pointer; }



.nx-vered { display: inline-block; padding: 2px 8px; border-radius: 10px;
            font-size: 11px; white-space: nowrap; }
.nx-vered.bom   { background: rgba(46, 204, 113, .16); color: #2ecc71; }
.nx-vered.aviso { background: rgba(255, 176, 32, .16); color: #ffb020; }
.nx-vered.ruim  { background: rgba(228, 38, 38, .16);  color: #ff6b6b; }
.nx-termo { cursor: pointer; }
.nx-termo:hover { background: var(--bg-2); }

.nx-tab-fontes { border-collapse: collapse; margin-top: 6px; }
.nx-tab-fontes td { padding: 4px 8px; border-top: 1px solid var(--line);
                    vertical-align: top; }
.nx-tab-fontes tr.nx-off { background: rgba(255,190,60,.06); }
.nx-tab-fontes code { font-size: 11px; }


.nx-th { cursor: pointer; user-select: none; white-space: nowrap; }
.nx-th:hover { color: var(--txt-2); }
.nx-th.ativa { color: #a9d0ff; }
.nx-ord { display: inline-block; width: 12px; font-size: 11px; opacity: .8; }
.nx-th:not(.ativa):hover .nx-ord::after { content: "▼"; opacity: .35; }


.nx-tend { font-size: 11px; white-space: nowrap; }
.nx-tend.sobe { color: var(--ok); }
.nx-tend.cai  { color: #ff8b8b; }
.nx-tend.fraca { opacity: .45; font-style: italic; }
.nx-sondado { font-size: 11px; color: var(--txt-3); border: 1px solid var(--line);
              border-radius: 5px; padding: 2px 7px; }
.nx-sondado.ok { color: var(--ok); border-color: #1f6b42; }


.nx-drop { background: var(--bg-2); border: 1px solid var(--line);
           color: var(--txt-2); border-radius: 7px; padding: 3px 6px;
           font-size: 11px; font-family: inherit; max-width: 190px; cursor: pointer; }
.nx-drop:hover { border-color: rgba(77,159,255,.5); color: #a9d0ff; }


















.nx-mapa { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
           gap: 14px; align-items: start; margin-top: 10px; }
.nx-merc { border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px;
           background: var(--bg-2); }
.nx-merc h4 { margin: 0 0 10px; font-size: 13px; display: flex; align-items: baseline;
              gap: 8px; flex-wrap: wrap; }
.nx-item { padding: 7px 0; border-top: 1px solid var(--line); }
.nx-item:first-of-type { border-top: 0; }
.nx-nome { background: none; border: 0; color: var(--txt); font: inherit;
           font-weight: 600; font-size: 12px; cursor: pointer; padding: 0;
           margin-right: 6px; }
.nx-nome:hover { color: #a9d0ff; text-decoration: underline; }
.nx-ac { opacity: .6; }
.nx-subs { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; padding-left: 10px;
           border-left: 2px solid var(--line); }
.nx-subs .chip.subnicho { cursor: pointer; font-family: inherit; border-width: 1px; }
.nx-subs .chip.subnicho:hover { border-color: rgba(77,159,255,.6); color: #cfe4ff; }
.nx-subs .chip.subnicho i { opacity: .55; font-style: normal; font-size: 11px; }
#nx-foco:not(:empty) { margin-top: 16px; border: 1px solid rgba(77,159,255,.35);
                       border-radius: 12px; padding: 4px 14px 12px; }



.nx-sublinha { cursor: pointer; border-bottom: 1px solid var(--line); }
.nx-sublinha:hover { background: rgba(255,255,255,.03); }
.nx-sublinha td { padding: 5px 8px; font-size: 12px; color: var(--txt-2); }
.nx-sublinha.escondido { display: none; }
.nx-recuo { padding-left: 20px !important; color: #8fb2da; font-style: italic; }
.nx-seta { cursor: pointer; }
.nx-seta:hover { color: #a9d0ff; }



.chip.subnicho.emprestado { border-style: dashed; opacity: .82; }
.nx-recuo.emprestado { font-style: normal; opacity: .85; }



















.bo-barra { flex-wrap: wrap; }
.bo-eixos { display: inline-flex; gap: 4px; }
.bo-eixo { background: var(--bg-2); border: 1px solid var(--line); color: var(--txt-2);
           border-radius: 8px; padding: 5px 14px; font-size: 12px; cursor: pointer;
           font-family: inherit; }
.bo-eixo:hover { border-color: var(--line-2); color: var(--txt); }
.bo-eixo.ativa { background: rgba(77,159,255,.14); border-color: rgba(77,159,255,.45);
                 color: #a9d0ff; }
.bo-conta { margin-left: auto; }




.bo-tela { margin-top: 12px; }
.bo-svg { width: 100%; max-height: 80vh; display: block; border-radius: 14px;
          background: radial-gradient(120% 120% at 50% 0%, #131211 0%, #080808 70%);
          border: 1px solid var(--line); touch-action: none; cursor: grab; }
.bo-svg:active { cursor: grabbing; }
.bo-bolha { cursor: pointer; }
.bo-bolha circle { stroke-width: 1.2; transition: stroke-width .12s, filter .12s; }
.bo-bolha:hover circle { stroke-width: 2.4;
  filter: drop-shadow(0 0 10px rgba(180, 220, 255, .45)); }
.bo-bolha.bo-ativa circle { stroke: #eaf4ff; stroke-width: 2.6;
  filter: drop-shadow(0 0 14px rgba(200, 230, 255, .6)); }

.bo-bolha.bo-pegando { cursor: grabbing; }
.bo-bolha.bo-pegando circle { stroke: #fff; stroke-width: 2.6; transition: none;
  filter: drop-shadow(0 0 16px rgba(255, 255, 255, .5)); }


.bo-rot { fill: #f2f7ff; font-family: inherit; pointer-events: none;
          font-weight: 600; paint-order: stroke;
          stroke: rgba(0,0,0,.55); stroke-width: 2.6px; stroke-linejoin: round; }
.bo-num { fill: #f2f7ff; opacity: .62; font-family: inherit; pointer-events: none;
          paint-order: stroke; stroke: rgba(0,0,0,.5); stroke-width: 2px; }
.bo-grupo { font-size: 12px; font-weight: 700; font-family: inherit;
            pointer-events: none; paint-order: stroke;
            stroke: rgba(0,0,0,.6); stroke-width: 3px; stroke-linejoin: round; }
.bo-grupo-sub { fill: #9c9896; font-size: 11px; font-family: inherit;
                pointer-events: none; }
.bo-balao circle { stroke-width: 1; }



.bo-zoom { display: inline-flex; gap: 3px; }
.bo-bt { background: var(--bg-2); border: 1px solid var(--line); color: var(--txt-2);
         border-radius: 8px; width: 30px; height: 28px; font-size: 13px;
         cursor: pointer; font-family: inherit; line-height: 1; }
.bo-bt:hover { border-color: rgba(77,159,255,.5); color: #a9d0ff; }

.bo-foco { border-top: 1px solid var(--line); margin-top: 10px; }
.bo-nums { display: flex; flex-wrap: wrap; gap: 8px; }
.bo-num-caixa { display: grid; gap: 1px; min-width: 118px; padding: 8px 12px;
                border: 1px solid var(--line); border-radius: 10px;
                background: var(--bg-2); }
.bo-num-caixa b { font-size: 17px; }


.nx-assunto.bo-aqui { border-color: rgba(77,159,255,.5); color: #a9d0ff;
                      background: rgba(77,159,255,.10); }









.gm-painel {
  margin: 10px 0 16px;
  padding: 18px 20px 20px;
  border: 1px solid var(--linha, #262423);
  border-left: 3px solid #ffb020;
  border-radius: 12px;
  background: var(--card, #191817);
}
.gm-painel.escondido { display: none; }
.gm-painel.gm-ocupado { opacity: .5; pointer-events: none; }

.gm-intro { margin: 0 0 18px; font-size: 13px; line-height: 1.65; color: #b3b0af; }
.gm-intro b { color: #e7e6e6; }

.gm-bloco { margin-bottom: 22px; }
.gm-bloco > h4 {
  margin: 0 0 10px;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: #ffb020;
}
.gm-bloco > p { margin: 6px 0 10px; line-height: 1.6; }


.gm-presets { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.gm-preset {
  text-align: left; padding: 11px 13px; cursor: pointer;
  border: 1px solid #2d2c2b; border-radius: 9px;
  background: var(--bg, #111010); color: inherit;
}
.gm-preset:hover { border-color: #504d4c; }
.gm-preset.on { border-color: #ffb020; background: rgba(255,176,32,.09); }
.gm-preset b { display: block; font-size: 13.5px; margin-bottom: 4px; }
.gm-preset span { display: block; font-size: 11.5px; line-height: 1.5; color: #a7a3a1; }
.gm-conta { margin-top: 10px; font-size: 13px; color: #b3b0af; }
.gm-conta b { color: #fff; font-size: 15px; }
.gm-custom { margin-top: 8px; }


.gm-slider {
  padding: 14px 16px; border-radius: 10px;
  background: rgba(255,176,32,.05); border: 1px solid rgba(255,176,32,.16);
}
.gm-slider-linha { display: flex; align-items: center; gap: 12px; }
.gm-slider input[type="range"] { flex: 1; accent-color: #ffb020; height: 22px; }
.gm-slider output {
  min-width: 3ch; text-align: right;
  font: 700 24px/1 system-ui, sans-serif; color: #ffb020;
}


.gm-idiomas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.gm-idi {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 11px; cursor: pointer; font-size: 12.5px;
  border: 1px solid #2d2c2b; border-radius: 999px;
  background: var(--bg, #111010); color: #9c9896;
}
.gm-idi:hover { border-color: #504d4c; }
.gm-idi.on { border-color: #3ba55d; background: rgba(59,165,93,.12); color: #e7e6e6; }
.gm-idi b { font-size: 11px; opacity: .65; font-weight: 600; }
.gm-mais-idiomas { margin-top: 10px; }


.gm-colunas { display: grid; grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)); gap: 6px 30px; }
.gm-colunas h5 { margin: 2px 0 8px; font-size: 13px; }
.gm-colunas h5 span { font-weight: 400; font-size: 11px; color: #7e7976; margin-left: 8px; }

.gm-corte {
  display: grid; grid-template-columns: 104px 1fr 74px;
  gap: 12px; align-items: start;
  padding: 9px 8px; border-top: 1px solid var(--linha, #262423);
}
.gm-corte.off { opacity: .5; }



.gm-sw {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 4px 9px 4px 5px; cursor: pointer; font-size: 11px;
  border: 1px solid #2d2c2b; border-radius: 999px;
  background: var(--bg, #111010); color: #7e7976; white-space: nowrap;
}
.gm-sw i {
  width: 26px; height: 14px; border-radius: 999px; background: #2d2c2b;
  position: relative; transition: background .15s;
}
.gm-sw i::after {
  content: ""; position: absolute; top: 2px; left: 2px;
  width: 10px; height: 10px; border-radius: 50%; background: #7e7976;
  transition: transform .15s, background .15s;
}
.gm-sw.on { border-color: rgba(255,176,32,.4); color: #ffb020; }
.gm-sw.on i { background: rgba(255,176,32,.3); }
.gm-sw.on i::after { transform: translateX(12px); background: #ffb020; }

.gm-corte-txt { min-width: 0; }
.gm-frase { font-size: 13px; line-height: 1.55; }
.gm-porque { margin-top: 3px; }
.gm-porque > summary {
  cursor: pointer; font-size: 11px; color: #7e7976;
  list-style: none; display: inline-block;
}
.gm-porque > summary:hover { color: #b3b0af; }
.gm-porque > p {
  margin: 5px 0 2px; padding: 8px 10px;
  font-size: 11.5px; line-height: 1.6; color: #a7a3a1;
  background: var(--bg, #111010); border-left: 2px solid #2d2c2b; border-radius: 0 6px 6px 0;
}


.gm-mini {
  width: 9.5ch; padding: 1px 4px; margin: 0 2px;
  -moz-appearance: textfield;
  font: 600 12.5px/1.4 inherit; text-align: center;
  background: #000; color: #ffd27a;
  border: 1px solid #3a3020; border-radius: 5px;
}
.gm-mini::-webkit-outer-spin-button,
.gm-mini::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.gm-mini:focus { border-color: #ffb020; outline: none; }

.gm-tira { text-align: right; font-size: 11px; color: #7e7976; line-height: 1.3; }
.gm-tira b { display: block; font-size: 15px; color: #d98f2b; }
.gm-tira .gm-zero { opacity: .5; }













.tb-th {
  cursor: pointer; user-select: none; white-space: nowrap;
  transition: color .12s ease;
}
.tb-th:hover { color: var(--txt-2); }
.tb-th:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.tb-th.ativa { color: #a9d0ff; }


.tb-seta { display: inline-block; width: 12px; font-size: 11px; opacity: .8; }


.tb-th:not(.ativa):hover .tb-seta::after { content: "▼"; opacity: .35; }
.tb-fixa { cursor: default; }

































.td-tab { width: 100%; border-collapse: collapse; font-size: 14px; }
.td-tab th {
  text-align: left; font-size: 12px; text-transform: uppercase;
  letter-spacing: .5px; color: var(--txt-3); font-weight: 600;
  padding: 6px 10px; border-bottom: 1px solid var(--line);
}
.td-tab th.num { text-align: right; }
.td-tab td { padding: 8px 10px; border-bottom: 1px solid var(--line); }
.td-tab td.num { text-align: right; }
.td-tab tr:hover td { background: var(--bg-2); }










.td-nome { color: var(--txt); font-weight: 600; min-width: 180px; }
.td-nome i {
  display: block; font-style: normal; font-size: 12px;
  color: var(--txt-3); font-weight: 400; margin-top: 2px;
}
.td-n { font-variant-numeric: tabular-nums; color: var(--txt-2); }





.td-barra { white-space: nowrap; min-width: 210px; }
.td-trilho {
  position: relative; display: inline-block; vertical-align: middle;
  width: 92px; height: 9px; margin-right: 9px;
  background: var(--bg-3); border-radius: 999px; overflow: hidden;
}
.td-trilho .td-b { display: block; height: 100%; border-radius: 999px; }
.td-b.aberto { background: var(--novo); }
.td-b.fura { background: var(--info); }



.td-b.fura.fraco { background: rgba(77, 159, 255, .38); }
.td-normal {
  position: absolute; top: -2px; bottom: -2px; width: 2px;
  background: var(--txt-3); opacity: .85; cursor: help;
}
.td-barra b {
  font-variant-numeric: tabular-nums; color: var(--txt); font-size: 14px;
}
.td-barra i {
  display: block; font-style: normal; font-size: 12px; color: var(--txt-3);
  margin-top: 2px; margin-left: 101px;
}




.td-vazio { color: var(--txt-3); cursor: help; font-size: 11.5px; font-style: italic; }



.td-espera {
  color: var(--accent-2); opacity: .75; cursor: help;
  font-size: 11.5px; white-space: nowrap;
}

.td-mov { white-space: nowrap; }
.td-spark {
  width: 62px; height: 20px; vertical-align: middle; margin-right: 8px;
}
.td-spark polyline { fill: none; stroke: var(--info); stroke-width: 2; }
.td-mov b { font-variant-numeric: tabular-nums; }
.td-mov b.sobe { color: var(--ok); }
.td-mov b.cai { color: #ff8b8b; }
.td-mov b.igual { color: var(--txt-3); }
.td-mov i {
  display: block; font-style: normal; font-size: 12px; color: var(--txt-2);
  margin-top: 2px; margin-left: 70px;
}









.td-jan {
  display: block; text-decoration: none; font-size: 11px;
  color: var(--txt-2); margin-top: 2px; margin-left: 70px;
}
.td-jan b { font-weight: 700; }
.td-jan b.sobe { color: var(--ok); }
.td-jan b.cai { color: #ff8b8b; }
.td-jan b.igual { color: var(--txt-2); }










.td-mapa { margin: 0 0 18px; }










.td-mapa svg {
  display: block; width: 100%; height: auto;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
}
.td-mapa figcaption {
  font-size: 11.5px; color: var(--txt-3); margin: 0 0 8px; line-height: 1.5;
}
.td-mapa figcaption b { color: var(--txt-2); font-weight: 600; }
.td-mapa-vazio { padding: 22px 0; }



.td-regua { stroke: var(--line-2); stroke-width: 1; stroke-dasharray: 4 4; }
.td-eixo { fill: var(--txt-3); font-size: 11px; }
.td-eixo-rot { fill: var(--txt-3); font-size: 11px; opacity: .85; }
.td-tick { fill: var(--txt-3); font-size: 11px; font-variant-numeric: tabular-nums; }

.td-pt {
  fill: rgba(77, 159, 255, .28); stroke: var(--info); stroke-width: 1.2;
  cursor: pointer; transition: fill .12s ease;
}
.td-pt:hover { fill: rgba(77, 159, 255, .65); }



.td-pt.bom { fill: rgba(126, 226, 168, .42); stroke: var(--novo); stroke-width: 1.6; }
.td-pt.bom:hover { fill: rgba(126, 226, 168, .8); }
.td-rot {
  fill: var(--txt-2); font-size: 11px; pointer-events: none;
  paint-order: stroke; stroke: var(--bg-2); stroke-width: 3px;
}


.td-regua-topo { margin-bottom: 10px; }
.td-filtros {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0 0 14px;
}
.td-busca {
  background: var(--bg-2); border: 1px solid var(--line); color: var(--txt);
  border-radius: 8px; padding: 6px 10px; min-width: 230px; font-size: 12.5px;
}
.td-busca:focus { outline: none; border-color: rgba(77, 159, 255, .55); }
.td-rodape { margin: 12px 0 24px; line-height: 1.7; max-width: 92ch; }











.pa-nichos { border-collapse: collapse; font-size: 13px; }
.pa-nichos th {
  text-align: left; font-size: 11px; text-transform: uppercase;
  letter-spacing: .5px; color: var(--txt-3); font-weight: 600;
  padding: 6px 10px; border-bottom: 1px solid var(--line); cursor: help;
}
.pa-nichos th.num, .pa-nichos td.num { text-align: right; }
.pa-nichos td {
  padding: 7px 10px; border-bottom: 1px solid var(--line);
  font-variant-numeric: tabular-nums;
}
.pa-nichos tbody tr { cursor: pointer; }
.pa-nichos tbody tr:hover td { background: var(--bg-2); }
.pa-n-nome { color: var(--txt); font-weight: 600; }


















.nf-esconde {
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer;
  font-size: 12px; color: var(--txt-2); margin-left: 10px;
}
.nf-esconde:hover { color: var(--txt); }




.pa-pub {
  display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 4px;
  font-size: 11px; font-weight: 600; letter-spacing: .3px; cursor: help;
}
.pa-pub-sim { background: rgba(74,222,128,.14); color: var(--ok, #4ade80); }
.pa-pub-nao { background: rgba(248,113,113,.13); color: #f87171; }
.pa-pub-sei { background: var(--bg-2); color: var(--txt-3); }




.pa-aviso {
  border-left: 3px solid var(--aviso, #fbbf24); padding: 6px 10px;
  background: rgba(251,191,36,.07); border-radius: 0 6px 6px 0; margin: 8px 0;
}











.pa-card {
  display: flex; flex-direction: column; align-items: stretch;
}
.pa-outs {
  justify-content: flex-start;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}
.pa-outs::-webkit-scrollbar { height: 6px; }
.pa-outs::-webkit-scrollbar-track { background: transparent; }
.pa-outs::-webkit-scrollbar-thumb {
  background: var(--line); border-radius: 3px;
}
.pa-cards { align-items: start; }


.pa-card > p:last-child { margin-top: auto; padding-top: 6px; }


























.ja-funil {
  display: flex; align-items: stretch; gap: 2px;
  overflow-x: auto; padding: 2px 0 0;
  scrollbar-width: thin; scrollbar-color: var(--line) transparent;
}
.ja-funil::-webkit-scrollbar { height: 6px; }
.ja-funil::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }





.ja-et {
  flex: 1 1 118px; min-width: 108px; position: relative;
  display: flex; flex-direction: column; gap: 1px;
  padding: 8px 10px 30px; border-radius: 8px;
  background: var(--bg-2); cursor: help;
}
.ja-et:hover { background: var(--bg-3); }
.ja-et-n {
  font-size: 18px; font-weight: 650; line-height: 1.1; color: var(--txt);
  font-variant-numeric: tabular-nums; letter-spacing: -.3px;
}










.ja-et-cai { font-size: 11px; color: var(--txt-2); opacity: .8;
             font-variant-numeric: tabular-nums; }
.ja-et-rot { font-size: 11.5px; color: var(--txt-2); line-height: 1.25; margin-top: 2px; }



.ja-et-barra {
  position: absolute; left: 10px; bottom: 9px;
  max-width: calc(100% - 20px);
  height: 5px; border-radius: 3px; background: var(--info); opacity: .7;
}


.ja-et-base { background: transparent; box-shadow: inset 0 0 0 1px var(--line); }
.ja-et-base .ja-et-n { color: var(--txt-2); }
.ja-et-base .ja-et-barra { background: var(--line-2); opacity: 1; }


.ja-et:last-child { background: rgba(77,159,255,.08); }
.ja-et:last-child .ja-et-n { color: var(--info); }
.ja-et:last-child .ja-et-barra { opacity: 1; }






.ja-nichos { display: flex; flex-wrap: wrap; gap: 5px; margin: 6px 0 4px; }
.ja-nicho {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px 4px 4px; border: 1px solid var(--line); border-radius: 999px;
  background: var(--bg-2); color: var(--txt-2); cursor: pointer;
  font-size: 12px; line-height: 1.3;
}
.ja-nicho:hover { border-color: var(--line-2); color: var(--txt); }
.ja-nicho.on { background: var(--info); border-color: var(--info); color: #111010; font-weight: 600; }
.ja-nicho-n {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px;
  background: var(--bg-3); color: var(--txt); font-size: 11px; font-weight: 650;
  font-variant-numeric: tabular-nums;
}
.ja-nicho.on .ja-nicho-n { background: rgba(13,15,20,.22); color: #111010; }














.nf-pos {
  flex: 0 0 42px; display: flex; flex-direction: column; align-items: center;
  gap: 5px; padding-top: 2px; cursor: help;
}
.nf-pos b {
  font-size: 21px; font-weight: 650; line-height: 1; color: var(--txt-2);
  font-variant-numeric: tabular-nums; letter-spacing: -.5px;
}
.nf-pos i {
  display: block; width: 26px; height: 4px; border-radius: 2px;
  background: var(--line); overflow: hidden; position: relative;
}
.nf-pos i::after {
  content: ""; position: absolute; inset: 0 auto 0 0; width: var(--pct, 0%);
  background: var(--info); border-radius: 2px;
}



.nf-card:nth-child(-n+3) .nf-pos b { color: var(--txt); }




.nf-regua-card {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px;
  font-size: 12px; color: var(--txt-2); margin-top: 2px;
}
.nf-regua-card b {
  font-size: 13px; font-weight: 650; color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.nf-regua-card .muted { color: var(--txt-3); }



























.nf-desde {
  font-size: 12px; color: var(--info); margin-top: 3px; line-height: 1.35;
  cursor: help;
}
.nf-desde.alta { color: var(--novo); }
.nf-desde.baixa { color: var(--accent-2); }





.nf-aluno.on {
  background: rgba(126,226,168,.14); border-color: var(--novo); color: var(--novo);
}



.ja-todos {
  border: 0; background: none; padding: 0 0 0 4px; cursor: pointer;
  color: var(--info); font-size: inherit; text-decoration: underline;
}
.ja-todos:hover { color: var(--txt); }





.ja-fora { color: var(--txt-3); cursor: help; }









.nf-grupo {
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: nowrap;
}
.nf-grupo .nf-per-fila { margin: 0; }











.nf-aluno {
  display: inline-flex; align-items: center; gap: 0; cursor: help;
  border: 1px solid var(--line); border-radius: 8px; overflow: hidden;
  background: var(--bg-2);
}
.nf-aluno i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  padding: 0 8px; white-space: nowrap; letter-spacing: .2px;
}













.nf-aluno .jul-b {
  border: 0; border-left: 1px solid var(--line); background: transparent;
  color: var(--txt-2); padding: 6px 12px; cursor: pointer; font-size: 12.5px;
  font-weight: 500;
}
.nf-aluno .jul-b:hover { background: var(--bg-3); color: var(--txt); }
.nf-aluno .jul-b:disabled { opacity: .5; cursor: default; }


.nf-aluno .jul-b.bom {
  background: rgba(126,226,168,.16); color: var(--novo); font-weight: 650;
}
.nf-aluno .jul-b.ruim {
  background: rgba(228,38,38,.14); color: var(--accent); font-weight: 650;
}





































































.al-btn.on {
  box-shadow: 0 0 0 1px rgba(126,226,168,.45), 0 0 12px rgba(126,226,168,.55);
}
.al-btn.on .ico path { fill: currentColor; }

.al-btn.on .ico path:last-child { fill: none; }






.al-btn.al-carimba { animation: paCarimba .34s cubic-bezier(.34,1.56,.64,1); }
@keyframes paCarimba {
  0% { transform: scale(1); }
  34% { transform: scale(.86); }
  68% { transform: scale(1.1); }
  100% { transform: scale(1); }
}


























.btn.al-btn { width: auto; padding: 0 10px; gap: 6px; }
.al-btn .al-rot { white-space: nowrap; }





































.btn.al-btn.on {
  background: var(--txt); border-color: var(--txt); color: var(--bg);
  box-shadow: none;
  width: 30px; padding-left: 0; padding-right: 0; gap: 0;
}




.btn.al-btn.on:hover {
  background: var(--txt); border-color: var(--txt); filter: brightness(.94);
}
.al-btn.on .al-rot { display: none; }





.al-faisca {
  position: fixed; z-index: 999; pointer-events: none;
  display: grid; place-items: center;
  width: 26px; height: 26px; border-radius: 8px;
  background: var(--novo); color: #06210f;
}
.al-faisca .ico { width: 16px; height: 16px; }
.al-po {
  position: fixed; z-index: 998; pointer-events: none;
  width: 6px; height: 6px; border-radius: 50%; background: var(--novo);
}



.lado-i.al-acende {
  background: rgba(126,226,168,.16);
  box-shadow: inset 2px 0 0 var(--novo);
}




#al-selo.pulou,
#mc-selo.pulou { animation: paSelo .42s cubic-bezier(.34,1.56,.64,1); }
@keyframes paSelo {
  0% { transform: scale(1); }
  45% { transform: scale(1.45); }
  100% { transform: scale(1); }
}









#al-base .al-cont { color: var(--txt-3); font-weight: 600; margin-left: 6px; }
#al-base .on .al-cont { color: inherit; }












.al-missao { margin: 0; max-width: 420px; flex: 0 1 420px; }
.al-missao:has(.pf-fita) { flex: 1 1 100%; max-width: none; }













.pf-fita {
  display: inline-flex; align-items: center; gap: 10px;
  border-left: 2px solid var(--line-2); padding: 1px 0 1px 10px;
  font-size: 12px; color: var(--txt-3); cursor: help;
  



}
.pf-fita.on { border-left-color: var(--novo); }
.pf-fita-rot {
  text-transform: uppercase; letter-spacing: .1em; font-size: 11px;
  font-weight: 700; white-space: nowrap;
}
.pf-fita-n {
  color: var(--txt); font-size: 15px; font-weight: 750;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.pf-fita-n small { color: var(--txt-3); font-size: 11.5px; font-weight: 600; }


.pf-fita-barra { flex: 0 1 170px; width: 170px; min-width: 90px; }
.pf-fita .pl-escada { height: 10px; }
.pf-fita .pl-escada > i { height: 6px; }
.pf-fita .pl-marco { top: 1px; height: 6px; }
.pf-fita-passo { color: var(--txt-2); white-space: nowrap; }










.al-bloco { display: block; }
.al-quem {
  display: flex; align-items: center; gap: 7px;
  padding: 0 2px 6px; font-size: 12px; color: var(--txt-2);
}
.al-quem-b {
  width: 20px; height: 20px; border-radius: 50%; flex: none;
  display: grid; place-items: center; font-style: normal;
  font-size: 11px; font-weight: 700; color: #fff;
  background: hsl(var(--h) 46% 42%);
}
.al-quem-b + .al-quem-b { margin-left: -7px; }
.al-quem-mais { font-size: 11px; color: var(--txt-3); }
.al-quem-txt { color: var(--txt-3); }

.al-vazio {
  color: var(--txt-2); font-size: 13.5px; line-height: 1.7;
  max-width: 62ch; margin: 26px 0 14px;
}
.al-vazio b { color: var(--txt); font-weight: 650; }
.al-vazio-ir { margin-bottom: 40px; }









.al-tit {
  font-size: 13px; font-weight: 600; color: var(--txt); margin: 18px 0 8px;
  display: flex; align-items: baseline; gap: 8px;
}
.al-tit i { font-style: normal; font-size: 12px; color: var(--txt-3); font-weight: 400; }
.al-lista { display: flex; flex-direction: column; gap: 2px; }
.al-linha {
  display: grid; grid-template-columns: 1fr 76px 168px;
  align-items: center; gap: 12px;
  padding: 5px 10px; border-radius: 7px; background: var(--bg-2);
  border-left: 3px solid transparent;
}
.al-linha:hover { background: var(--bg-3); }



.al-linha.facil { border-left-color: var(--novo); }
.al-linha.dificil { border-left-color: var(--accent); }
.al-nome { font-size: 13px; color: var(--txt); }
.al-n {
  font-size: 11.5px; color: var(--txt-3); text-align: right;
  font-variant-numeric: tabular-nums; cursor: help;
}
.al-seg {
  display: inline-flex; border: 1px solid var(--line); border-radius: 7px;
  overflow: hidden; background: var(--bg);
}
.al-seg .jul-b {
  flex: 1; border: 0; border-left: 1px solid var(--line); background: transparent;
  color: var(--txt-2); padding: 5px 10px; cursor: pointer; font-size: 12px;
}
.al-seg .jul-b:first-child { border-left: 0; }
.al-seg .jul-b:hover { background: var(--bg-3); color: var(--txt); }
.al-seg .jul-b:disabled { opacity: .5; cursor: default; }
.al-seg .jul-b.bom { background: rgba(126,226,168,.16); color: var(--novo); font-weight: 650; }
.al-seg .jul-b.ruim { background: rgba(228,38,38,.14); color: var(--accent); font-weight: 650; }










































.view { --sala-cor: transparent; }
#view-para_alunos { --sala-cor: var(--novo); }
#view-acervo[data-sala-modo="janela"] { --sala-cor: var(--ouro); }




#view-para_alunos, #view-acervo[data-sala-modo="janela"] {
  background: color-mix(in srgb, var(--sala-cor) 3%, transparent);
  box-shadow: inset 0 3px 0 var(--sala-cor);
}






.view { position: relative; isolation: isolate; }















.pc-sala {
  display: flex; align-items: center; gap: 14px;
  




  padding: 10px 14px; margin: 0 0 12px;
  border: 1px solid var(--line); border-radius: var(--r);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--sala-cor) 7%, transparent), transparent);
}


.pc-sala-ico {
  position: relative; flex: 0 0 auto; width: 38px; height: 38px;
  display: grid; place-items: center; border-radius: 11px;
  color: var(--txt-2);
}
.pc-sala-ico svg { width: 22px; height: 22px; display: block; }
#view-para_alunos .pc-sala-ico, #view-acervo[data-sala-modo="janela"] .pc-sala-ico {
  color: var(--sala-cor);
  background: color-mix(in srgb, var(--sala-cor) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--sala-cor) 30%, transparent);
}
.pc-sala-tx { flex: 1 1 auto; min-width: 0; }
.pc-sala-t {
  display: block; font-size: 17px; font-weight: 700;
  letter-spacing: -.3px; line-height: 1.15;
}



.pc-sala-s {
  display: block; font-size: 11.5px; color: var(--txt-2); margin-top: 3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pc-sala-s b { color: var(--txt); font-weight: 650; }
.pc-sala-s[hidden] { display: none; }


.pc-sala-n { flex: 0 0 auto; display: flex; align-items: center; }
.pc-sala-n:empty { display: none; }










.pc-sala-n > .nf-cab-n { line-height: 1; }
.pc-sala-n > .nf-cab-n b { font-size: 21px; }















.pc-sala-n:has(> .nf-cab-n):has(> .pc-sala-fita) { align-items: flex-end; }
.pc-sala-n:has(> .nf-cab-n):has(> .pc-sala-fita) > .nf-cab-n b {
  display: block; line-height: 1;
}











.pc-sala-num { text-align: right; }
.pc-sala-num b {
  display: block; font-size: 30px; line-height: 1;
  letter-spacing: -1.1px;
  





  color: var(--txt);
}
#view-para_alunos .pc-sala-num b { color: var(--sala-cor); }
.pc-sala-num i {
  display: block; font-style: normal; font-size: 11px; margin-top: 3px;
  text-transform: uppercase; letter-spacing: .8px; color: var(--txt-2);
}




.pc-sala-fita { display: flex; align-items: center; flex: 0 0 auto; }
.pc-sala-tn {
  padding: 0 14px; text-align: right; border-left: 1px solid var(--line);
  margin-left: 14px;
}
.pc-sala-tn:last-child { padding-right: 0; }
.pc-sala-tn b { display: block; font-size: 17px; line-height: 1; letter-spacing: -.4px; }
.pc-sala-tn i {
  display: block; font-style: normal; font-size: 11px; margin-top: 4px;
  text-transform: uppercase; letter-spacing: .6px; color: var(--txt-2);
  white-space: nowrap;
}
@media (max-width: 1180px) {
  


  .pc-sala-fita { display: none; }
}
@media (max-width: 720px) {
  

  .pc-sala-s { display: none; }
}






#view-titulos .tt-topo h1 { display: none; }


























#view-acervo[data-sala-modo="janela"]::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: 6px; right: 10px; width: 230px; height: 230px; display: block;
  background: var(--ouro); opacity: .05;
  -webkit-mask: var(--oscar) no-repeat center / contain;
          mask: var(--oscar) no-repeat center / contain;
}









#view-acervo[data-sala-modo="janela"] .ja-titulo {
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  



  --ja-ouro-fim: color-mix(in srgb, var(--ouro-som) 70%, var(--ouro));
}
#view-acervo[data-sala-modo="janela"] .ja-titulo .ja-trofeu {
  
  -webkit-background-clip: initial; background-clip: initial;
}


#view-acervo[data-sala-modo="janela"] .ja-titulo-de {
  background: none; -webkit-text-fill-color: var(--txt-3); color: var(--txt-3);
}





#view-acervo[data-sala-modo="janela"] .ja-titulo {
  background-size: 100% 100%, 240px 100%;
  background-repeat: no-repeat, no-repeat;
  background-image:
    linear-gradient(180deg, var(--ouro-luz) 0%, var(--ouro) 52%, var(--ja-ouro-fim) 100%),
    linear-gradient(105deg, transparent 0%, rgba(255,255,255,.85) 50%, transparent 100%);
  background-position: 0 0, -260px 0;
  animation: jaLustro 1.5s ease-out .12s 1 both;
}
@keyframes jaLustro {
  from { background-position: 0 0, -260px 0; }
  to   { background-position: 0 0, 120% 0; }
}


@media (prefers-reduced-motion: reduce) {
  #view-acervo[data-sala-modo="janela"] .ja-titulo { animation: none; }
}





.al-estante { display: flex; flex-direction: column; gap: 16px; }
.al-prat-t {
  display: flex; align-items: baseline; gap: 7px;
  font-size: 12.5px; font-weight: 700; color: var(--txt); margin: 0 0 7px;
}
.al-prat-t i { font-style: normal; font-size: 11px; color: var(--txt-2); font-weight: 400; }



.al-prat-fila {
  display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px;
  scroll-snap-type: x proximity; scrollbar-width: thin;
}
.al-pc {
  flex: 0 0 168px; scroll-snap-align: start; text-align: left;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px;
  padding: 8px; cursor: pointer; font: inherit; color: inherit;
  display: block;
}
.al-pc:hover { background: var(--bg-3); border-color: var(--line-2); }


.al-pc-th {
  display: block; width: 152px; height: 86px; border-radius: 6px;
  background: var(--bg-3); object-fit: cover;
}
.al-pc-n {
  display: block; font-size: 11.5px; font-weight: 650; color: var(--txt);
  margin-top: 7px; line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.al-pc-s { display: block; font-size: 11px; color: var(--txt-2); margin-top: 3px; }


.al-pc-nicho {
  display: inline-block; margin-top: 5px; font-size: 11px; color: var(--txt-2);
  border: 1px solid var(--line); border-radius: 20px; padding: 1px 7px;
}


















.al-fase + .al-fase { margin-top: 22px; }





.al-fase > .al-prat-t { margin-left: 1px; }





























.nf-card-rodape {
  display: grid; grid-template-columns: minmax(0, 1fr) 210px;
  gap: 14px; align-items: end;
}

















.nf-card-rodape > .nf-videos, .nf-card-rodape > .nf-sem-video {
  min-width: 0; grid-row: 1 / span 2;
}
.nf-julgar {
  grid-column: 2;
  display: flex; flex-direction: column; align-items: stretch; gap: 5px;
  padding-bottom: 2px;
}







.nf-julgar .nf-aluno { width: 100%; }
.nf-julgar .nf-aluno .jul-b { flex: 1 1 0; text-align: center; padding: 6px 4px; }



























.nf-julgar .nf-aluno i { width: 80px; flex: none; padding: 0 6px; }
.nf-julgar .nf-aluno .jul-b { padding: 6px 2px; }





.nf-julgar .nf-aluno { overflow: visible; }
.nf-julgar .nf-aluno .jul-b:last-child { border-radius: 0 7px 7px 0; }
.nf-julgar .nf-aluno .jul-b { position: relative; }






.nf-previa {
  position: absolute; bottom: calc(100% + 7px); right: 0; left: auto;
  transform: translateY(3px);
  opacity: 0; pointer-events: none; z-index: 4; white-space: nowrap;
  font-size: 11px; font-weight: 400; letter-spacing: .1px;
  color: var(--txt-2); background: var(--bg); border: 1px solid var(--line-2);
  border-radius: 6px; padding: 3px 9px; box-shadow: var(--shadow);
  transition: opacity .13s ease, transform .13s ease;
}
.nf-julgar .jul-b:hover .nf-previa,
.nf-julgar .jul-b:focus-visible .nf-previa {
  opacity: 1; transform: translateY(0);
}



@media (hover: none) { .nf-previa { display: none; } }






.nf-peso {
  margin: 3px 0 0; font-size: 11px; line-height: 1.35;
  color: var(--txt-3); cursor: help; text-align: right;
}
.nf-peso b { color: var(--txt-2); font-weight: 600; }















.nf-julgar .nf-p50 { margin-top: 1px; }

















.nf-julgar .nf-vr-seg {
  position: static; opacity: 1; z-index: auto;
  width: 100%; gap: 0;
}









.nf-julgar .nf-vr-seg .vr-b {
  width: auto; height: auto; border-radius: 0;
  background: transparent; backdrop-filter: none;
  font-size: 12.5px; line-height: inherit;
}
.nf-julgar .nf-vr-seg .vr-b:hover { transform: none; background: var(--bg-3); color: var(--txt); }















































































@container nfcard (max-width: 1040px) {
  .nf-card-cab { flex-wrap: wrap; }
  



  .nf-ident { min-width: 0; }
  


  .nf-cab-acoes { flex: 0 0 100%; justify-content: flex-start; margin-top: 2px; }
}

@container nfcard (max-width: 900px) {
  



  .pc-proc .nf-veio { display: none; }
  .nf-card-rodape { grid-template-columns: 1fr; }
  



























  .nf-card-rodape > .nf-acoes-baixo,
  .nf-card-rodape > .nf-julgar { grid-column: auto; grid-row: auto; }
  .nf-julgar { display: none; }
  



  .nf-card-rodape.com-nota { grid-template-columns: 1fr; }
  



}








@container nfcard (max-width: 660px) {
  .nf-numeros { display: flex; flex-wrap: wrap; gap: 0 7px; }
  





  .nf-n:not(:last-child)::after {
    content: "·"; color: var(--txt-3); margin-left: 7px;
  }
}





















.nf-fx-secao { margin: 0 0 18px; }
.nf-fx-tit {
  font-size: 11px; text-transform: uppercase; letter-spacing: .09em;
  color: var(--txt-3); margin: 0 0 9px; font-weight: 600;
}
.nf-fx-grade {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: 10px;
}



.nf-fx {
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 10px; padding: 11px 13px 13px;
}
.nf-fx-rot {
  display: flex; align-items: baseline; gap: 6px;
  font-size: 12.5px; color: var(--txt-2); margin-bottom: 10px;
}
.nf-fx-rot b { color: var(--txt); font-weight: 600; }
.nf-fx-rot i {
  font-style: normal; font-size: 11px; color: var(--txt-3);
  margin-left: auto; font-variant-numeric: tabular-nums;
}





.nf-fx-trilho { position: relative; height: 22px; margin: 0 2px; }
.nf-fx-trilho .base, .nf-fx-trilho .ativo {
  position: absolute; top: 9px; height: 4px; border-radius: 2px;
}
.nf-fx-trilho .base { left: 0; right: 0; background: var(--line-2, #373534); }
.nf-fx-trilho .ativo { background: var(--tr-cor); }
.nf-fx-trilho input[type="range"] {
  position: absolute; top: 0; left: 0; width: 100%; height: 22px;
  margin: 0; background: none; -webkit-appearance: none; appearance: none;
  pointer-events: none;
}
.nf-fx-trilho input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; pointer-events: auto;
  width: 14px; height: 14px; border-radius: 50%;
  background: #fff; border: 2px solid var(--tr-cor); cursor: grab;
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.nf-fx-trilho input[type="range"]::-webkit-slider-thumb:active { cursor: grabbing; }
.nf-fx-trilho input[type="range"]::-moz-range-thumb {
  pointer-events: auto; width: 14px; height: 14px; border-radius: 50%;
  background: #fff; border: 2px solid var(--tr-cor); cursor: grab;
}
.nf-fx-trilho input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--info); outline-offset: 2px;
}




.nf-fx-nums { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
.nf-fx-nums input {
  flex: 1 1 0; min-width: 0; text-align: center;
  background: var(--bg); color: var(--txt);
  border: 1px solid var(--line); border-radius: 999px;
  padding: 5px 8px; font-size: 12px; font-family: inherit;
  font-variant-numeric: tabular-nums;
}
.nf-fx-nums input:focus { border-color: var(--info); outline: none; }
.nf-fx-nums span { color: var(--txt-3); font-size: 11px; }












.nf-tr1 { display: inline-flex; align-items: center; gap: 9px; }













.nf-rod-tr { display: inline-flex; align-items: center; gap: 9px; }
.nf-tr1-cx { position: relative; width: 132px; height: 20px; flex: none; }
.nf-tr1-cx .base, .nf-tr1-cx .ativo {
  position: absolute; top: 8px; height: 4px; border-radius: 2px;
  pointer-events: none;
}
.nf-tr1-cx .base { left: 0; right: 0; background: var(--line-2, #373534); }
.nf-tr1-cx .ativo { left: 0; background: var(--tr-cor); }
.nf-tr1-cx input[type="range"] {
  position: absolute; top: 0; left: 0; width: 100%; height: 20px;
  margin: 0; background: none; -webkit-appearance: none; appearance: none;
  pointer-events: none;
}
.nf-tr1-cx input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; pointer-events: auto;
  width: 14px; height: 14px; border-radius: 50%;
  background: #fff; border: 2px solid var(--tr-cor); cursor: grab;
  box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.nf-tr1-cx input[type="range"]::-webkit-slider-thumb:active { cursor: grabbing; }
.nf-tr1-cx input[type="range"]::-moz-range-thumb {
  pointer-events: auto; width: 14px; height: 14px; border-radius: 50%;
  background: #fff; border: 2px solid var(--tr-cor); cursor: grab;
}
.nf-tr1-cx input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid var(--info); outline-offset: 2px;
}



.nf-tr1-n {
  min-width: 42px; font-size: 12px; color: var(--txt); font-weight: 600;
  font-variant-numeric: tabular-nums;
}





.nf-fx-pe {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 0 2px; margin-top: 4px;
  border-top: 1px solid var(--line);
}
.nf-fx-pe .conta { font-size: 12px; color: var(--txt-3); margin-right: auto; }





















.nf-flut {
  position: fixed; z-index: 120;
  display: block;
  overflow-y: auto; overscroll-behavior: contain;
  padding: 16px 18px 4px;
  background: var(--bg-2);
  border: 1px solid var(--line-2);
  border-radius: 12px;
  

  box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
}















.nf-flut.escondido { display: none; }




.nf-flut .nf-fx-pe {
  position: sticky; bottom: 0;
  background: var(--bg-2);
  padding: 12px 0; margin-top: 4px;
}


[data-filtros].aberto { border-color: var(--info); color: var(--txt); }



























.cg {
  display: flex; flex-direction: column; gap: 10px;
  grid-column: 1 / -1;
}

.cg-barra, .cg-tira::before, .cg-tira::after {
  display: block;
  border-radius: 6px;
  background-color: var(--bg-3);
  background-image: linear-gradient(90deg,
    transparent 0%, rgba(255, 255, 255, .06) 45%,
    rgba(255, 255, 255, .06) 55%, transparent 100%);
  background-repeat: no-repeat;
  background-size: 240px 100%;
  animation: cg-varre 1.15s linear infinite;
}



@keyframes cg-varre {
  from { background-position: -240px 0; }
  to   { background-position: calc(100% + 240px) 0; }
}


@media (prefers-reduced-motion: reduce) {
  .cg-barra, .cg-tira::before, .cg-tira::after { animation: none; background-image: none; }
}

.cg-circ { border-radius: 50%; flex: 0 0 40px; }
.cg-tit  { height: 15px; margin-bottom: 9px; }   
.cg-txt  { height: 12px; }
.cg-mini { height: 10px; margin-top: 6px; }
.cg-thumb { width: 100%; aspect-ratio: 16/9; border-radius: 8px; }



.cg-grid { gap: 14px; }


.cg-card { pointer-events: none; }
.cg-card .nf-ident { padding-top: 2px; }
.cg-v .cg-txt { margin-top: 7px; }




.cg-lado { display: flex; flex-direction: column; gap: 5px; justify-content: flex-end; }
.cg-bt { height: 26px; border-radius: 8px; }



.cg-voto { height: 20px; border-radius: 8px; margin-bottom: 8px; }















.pc-esq-cabeca {
  position: absolute; top: 0; left: 0; right: 0;
  box-sizing: border-box; padding: 20px 20px 0;
  display: flex; flex-direction: column; gap: 14px;
  overflow: hidden;
}
.cg-cab-fila { display: flex; gap: 8px; flex-shrink: 0; }










.pc-esq-casco { display: none; }



html.pc-boot .pc-esq-casco,
html.ct-esperando .pc-esq-casco {
  display: block;
  position: fixed; inset: 0; z-index: 5; pointer-events: none;
}
.cg-cs-col {
  position: absolute; top: 0; left: 0; bottom: 0; width: 232px;
  box-sizing: border-box; padding: 18px 16px;
  display: flex; flex-direction: column; gap: 22px;
  background: var(--bg-2); border-right: 1px solid var(--line);
}
.cg-cs-grupo { display: flex; flex-direction: column; gap: 12px; }
.cg-cs-rot { opacity: .5; margin-bottom: 2px; }   
.cg-cs-topo {
  position: absolute; top: 0; left: 232px; right: 0; height: 58px;
  box-sizing: border-box; padding: 12px 16px;
  display: flex; align-items: center; gap: 8px;
  border-bottom: 1px solid var(--line);
}
.cg-cs-vao { flex: 1 1 auto; }
.cg-cs-marca, .cg-cs-selo { border-radius: var(--r); }
.cg-cs-item { border-radius: 8px; }







@media (max-width: 900px) {
  .cg-cs-col {
    top: 0; left: 0; right: 0; bottom: auto; width: auto; height: 77px;
    flex-direction: row; align-items: center; gap: 12px; padding: 8px 12px;
    border-right: none; border-bottom: 1px solid var(--line); overflow: hidden;
  }
  .cg-cs-grupo { flex-direction: row; align-items: center; gap: 8px; }
  .cg-cs-rot { display: none; }   
  .cg-cs-topo {
    top: 77px; left: 0; height: 113px; flex-wrap: wrap; align-content: center;
  }
}








html.pc-boot .app { visibility: hidden; }



.cg-pil { border-radius: 999px; flex: 0 0 auto; }
.cg-faixa { border-radius: var(--r); flex-shrink: 0; }


.cg-cab-bloco { border-radius: var(--r); align-self: center; flex-shrink: 0; }







.cg-mosaico {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--cg-min, 276px), 1fr));
  gap: var(--cg-gap, 14px); margin-top: 14px;
}







.cg-tira {
  min-height: 84px; padding: 16px;
  display: flex; flex-direction: column; gap: 10px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
}
.cg-tira::before { content: ""; width: 34%; height: 14px; }
.cg-tira::after  { content: ""; width: 82%; height: 12px; }
.cg-vcard { display: flex; flex-direction: column; }
.cg-vcorpo { display: flex; flex-direction: column; gap: 0; margin-top: 8px; }



.cg-linhas { gap: 9px; }
.cg-bloco {
  display: flex; flex-direction: column; gap: 9px;
  padding: 14px; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--r);
}
.cg-bloco .cg-tit { margin-bottom: 3px; }



.cg-tr td { padding: 9px 10px; }
.cg-tr .cg-barra { height: 12px; }







.ct-visoes { margin: 0 0 10px; }
.ct-n { margin-left: 6px; font-weight: 600; font-variant-numeric: tabular-nums; opacity: .75; }


.nf-per.ct-alerta:not(.on) { border-color: rgba(255,176,32,.45); color: var(--accent-2); background: rgba(255,176,32,.08); }
.ct-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; }
#ct-busca { flex: 1 1 260px; min-width: 200px; max-width: 380px; }
.ct-conta { margin-left: auto; font-size: 12px; color: var(--txt-3); font-variant-numeric: tabular-nums; }
.ct-vazio { padding: 18px 2px; color: var(--txt-3); font-size: 13px; }

.ct-fila {
  border: 1px solid rgba(255,176,32,.35); background: rgba(255,176,32,.05);
  border-radius: var(--r); padding: 12px 12px 6px;
  

  margin: 0 -13px 18px;
}
.ct-fila-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; margin: 0 0 8px; padding: 0 10px; }
.ct-fila-cab h3 {
  font-size: 13px; color: var(--accent-2); font-weight: 600; margin: 0;
  text-transform: uppercase; letter-spacing: .06em;
}
.ct-fila .ct-tab td { border-top-color: rgba(255,176,32,.16); }
.ct-fila .ct-tab tbody tr:hover { background: rgba(255,176,32,.06); }

.ct-quem { display: flex; align-items: center; }
.ct-quem-t { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.ct-quem-t .ct-mail { font-size: 12px; }
.ct-sit {
  display: inline-block; font-size: 11.5px; padding: 2px 9px; border-radius: 99px;
  border: 1px solid var(--line); background: var(--bg-3); color: var(--txt-2); white-space: nowrap;
}


.ct-sit-ok { background: transparent; border-color: transparent; color: var(--txt-3); padding-left: 0; }
.ct-sit-calmo { color: var(--txt-2); }
.ct-sit-atencao { border-color: rgba(255,176,32,.45); background: rgba(255,176,32,.08); color: var(--accent-2); }
.ct-sit-perigo { border-color: rgba(228,38,38,.45); background: rgba(228,38,38,.10); color: #ff9a9a; }
.ct-sit-off { border-style: dashed; color: var(--txt-3); background: transparent; }

.ct-dobra { margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--line); }
.ct-dobra > summary {
  cursor: pointer; font-size: 13px; color: var(--txt-3); font-weight: 600;
  text-transform: uppercase; letter-spacing: .06em;
}
.ct-dobra > summary > span { text-transform: none; letter-spacing: 0; font-weight: 400; margin-left: 8px; }
.ct-dobra-aviso { color: var(--accent-2); font-size: 12px; }


.ct-dobra.ct-dobra-topo {
  margin: 0 0 18px; padding: 0 0 14px; border-top: 0; border-bottom: 1px solid var(--line);
}
.ct-qtd { width: 64px; }


.ct-dobra-topo .ct-codigos-rola { max-height: 300px; overflow-y: auto; }




#cs-corpo, #ch-corpo { max-height: 56vh; overflow-y: auto; }
.ct-hist-item {
  display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
  padding: 9px 2px; border-top: 1px solid var(--line); font-size: 13px;
}
.ct-hist-item:first-child { border-top: 0; }
.ct-hist-tx { color: var(--txt-2); }
.ct-hist-tx b { color: var(--txt); font-weight: 600; }
.ct-hist-qd { flex: 0 0 auto; font-size: 11.5px; color: var(--txt-3); white-space: nowrap; }




.ct-hist-onde { display: block; margin-top: 2px; font-size: 11.5px; color: var(--txt-3); }
.ct-hist-item.recusa .ct-hist-tx > b:first-child { color: var(--accent); }


#ch-so { margin: 12px 20px 0; }




.ct-incomum {
  font-style: normal; color: var(--accent-2); font-size: 12px;
  cursor: help; margin-left: 4px; display: inline-grid; vertical-align: -2px;
}
.ct-incomum svg { width: 13px; height: 13px; }
.ct-dobra[open] > summary { margin-bottom: 12px; }





.ct-turmas { margin: 0 0 18px; }
.ct-turmas h3 {
  font-size: 13px; color: var(--txt-3); font-weight: 600; margin: 0 0 8px;
  
  text-transform: uppercase; letter-spacing: .06em;
}


.ct-turma-nova { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }




.ct-cod { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: .04em; }
.ct-cod-estado { font-size: 12px; font-weight: 600; }
.ct-cod-livre { color: var(--ok); }
.ct-cod-usado { color: var(--txt-2); }
.ct-cod-cancelado { color: var(--txt-3); font-weight: 400; }
.ct-codigos .ct-acoes { white-space: nowrap; }






.ct-campo {
  background: var(--bg-3); color: var(--txt); border: 1px solid var(--line);
  border-radius: 7px; padding: 4px 8px; font-size: 12.5px; height: 30px;
  font-family: inherit;
}
.ct-campo::placeholder { color: var(--txt-3); }



#tu-codigo { min-width: 190px; }
#tu-vagas, #tu-dias { width: 92px; }
#tu-erro:not([hidden]) { color: #ff9a9a; }

.ct-tab { border-collapse: collapse; font-size: 13.5px; }
.ct-tab th.tb-th { white-space: nowrap; }



#ct-lista .ct-tab td:nth-child(1) { width: 240px; }
#ct-lista .ct-tab td:nth-child(2) { width: 200px; }

#ct-lista .ct-tab td:nth-child(3) { width: 190px; }
#ct-lista .ct-tab td:nth-child(4) { width: 110px; }







#ct-corpo { container-type: inline-size; }
@container (max-width: 1150px) {
  #ct-lista .ct-tab tr > :nth-child(5),
  #ct-lista .ct-tab tr > :nth-child(7) { display: none; }
  #ct-lista .ct-tab td { padding-left: 8px; padding-right: 8px; }
  #ct-lista .ct-tab td:nth-child(1) { width: 220px; }
  
  #ct-lista .ct-tab td:nth-child(3) { width: auto; }
  #ct-lista .ct-campo.ct-selo-cx { max-width: 150px; text-overflow: ellipsis; }
}







@container (max-width: 1000px) {
  


  #ct-lista .ct-tab tr > :nth-child(6) { display: none; }
  #ct-lista .ct-tab td { padding-left: 8px; padding-right: 8px; }
  #ct-lista .ct-tab td:nth-child(1) { width: auto; }
  #ct-lista .ct-tab td:nth-child(2),
  #ct-lista .ct-tab td:nth-child(3),
  #ct-lista .ct-tab td:nth-child(4) { width: auto; }
  #ct-lista .ct-papel { max-width: 175px; }
  #ct-lista .ct-campo.ct-selo-cx { max-width: 135px; }
}
.ct-tab td { padding: 9px 10px; border-top: 1px solid var(--line); vertical-align: middle; }
.ct-tab tbody tr:hover { background: var(--bg-2); }
.ct-mail { color: var(--txt-2); }
.ct-data { color: var(--txt-3); white-space: nowrap; font-variant-numeric: tabular-nums; }


.ct-periodo { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 700; vertical-align: 1px; background: var(--bg-3); color: var(--txt-2);
  border: 1px solid var(--line-2); }
.ct-periodo-anual { background: rgba(46,204,113,.14); color: #7fe0a6; border-color: rgba(46,204,113,.35); }
.ct-acoes { display: flex; gap: 6px; justify-content: flex-end; }



.ct-campo.ct-selo-cx {
  border: 1px dashed var(--line-2); background: transparent; color: var(--txt-3);
  border-radius: 999px; padding: 4px 10px; max-width: 210px; font-size: 12.5px;
}
.ct-campo.ct-selo-cx.ct-selo-tem {
  border: 1px solid rgba(255, 176, 32, .55); background: rgba(255, 176, 32, .12);
  color: #ffd27a; font-weight: 700;
}






.ct-tab-cx {
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg-2);
  overflow-x: auto; margin-bottom: 14px;
}
.ct-fila .ct-tab-cx { background: transparent; border-color: rgba(255, 176, 32, .22); margin-bottom: 6px; }
.ct-tab-cx .ct-tab { width: 100%; }
.ct-tab-cx .ct-tab thead th {
  font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-3); padding: 11px 12px; background: var(--bg-3);
  border-bottom: 1px solid var(--line); text-align: left;
}
.ct-tab-cx .ct-tab td { padding: 11px 12px; }
.ct-tab-cx .ct-tab tbody tr:first-child td { border-top: 0; }
.ct-tab-cx .ct-tab tbody tr:hover { background: var(--bg-3); }
.ct-av {
  position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%;
  margin-right: 11px; display: grid; place-items: center;
  font-size: 12.5px; font-weight: 800; letter-spacing: .02em; color: #fff;
  background: hsl(var(--h, 210) 38% 30%); border: 1px solid hsl(var(--h, 210) 40% 42%);
}
.ct-av .ct-bola {
  position: absolute; right: -1px; bottom: -1px; margin: 0;
  border: 2px solid var(--bg-2); width: 11px; height: 11px; flex: none;
}
.ct-quem-t b { font-weight: 650; }
.ct-tab-cx .ct-papel, .ct-tab-cx .ct-campo { height: 32px; }
.ct-tab-cx .ct-papel { border-radius: 8px; padding: 0 10px; }
.ct-tab-cx .ct-acoes .btn { height: 30px; padding: 0 11px; }
.ct-tab-cx .ct-acoes { flex-wrap: nowrap; }
.ct-tab-cx .ct-acoes .ct-perigo { color: #ff8e8e; }
.ct-tab-cx .ct-acoes .btn.ct-ic { width: 32px; padding: 0; display: inline-grid; place-items: center; }
.ct-ic svg { width: 16px; height: 16px; }
.ct-tab-cx .ct-mail { white-space: nowrap; }


.ct-tab-cx .ct-tab tr > :last-child {
  position: sticky; right: 0; z-index: 1; background: var(--bg-2);
  box-shadow: -10px 0 12px -10px rgba(0, 0, 0, .7);
}
.ct-tab-cx .ct-tab thead tr > :last-child { background: var(--bg-3); }
.ct-tab-cx .ct-tab tbody tr:hover > :last-child { background: var(--bg-3); }
.ct-fila .ct-tab-cx .ct-tab tr > :last-child { background: #1c170e; }
.ct-off td { opacity: .5; }
.ct-off .ct-mail { text-decoration: line-through; }
.ct-perigo:hover { border-color: var(--accent); color: #ff9a9a; }
.ct-papel {
  background: var(--bg-3); color: var(--txt); border: 1px solid var(--line);
  border-radius: 7px; padding: 4px 8px; font-size: 12.5px;
}








.pp-niveis { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px 24px; margin-bottom: 18px; }
.pp-nivel { display: flex; flex-direction: column; gap: 6px; }
.pp-nivel-rot {
  font-size: 11px; letter-spacing: .04em; color: var(--txt-3); white-space: nowrap;
}
.pp-nivel-fila { flex-wrap: wrap; }
.pp-nivel-fila button { display: inline-flex; align-items: center; gap: 7px; }



.pp-nivel-seta { align-self: center; color: var(--txt-3); font-size: 13px; padding: 0 1px; }
.pp-seg-n {
  font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums;
  min-width: 20px; padding: 1px 6px; border-radius: 999px; text-align: center;
  background: var(--bg-4); color: var(--txt-3);
}
.pp-nivel-fila .on .pp-seg-n { background: rgba(255, 255, 255, .14); color: var(--txt); }


.pp-resumo {
  display: grid; grid-template-columns: minmax(240px, 1.3fr) auto minmax(220px, 1fr);
  gap: 18px 28px; align-items: center;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 16px 20px; margin-bottom: 16px;
}
.pp-resumo-rot {
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--txt-3);
}
.pp-resumo h3 {
  margin: 2px 0 6px; font-size: 20px; font-weight: 700; letter-spacing: -.01em;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.pp-selo {
  font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px;
  background: rgba(46, 204, 113, .14); color: var(--novo); letter-spacing: 0;
}
.pp-resumo-n { margin: 0 0 8px; font-size: 13px; color: var(--txt-2); }
.pp-resumo-n b { color: var(--txt); font-variant-numeric: tabular-nums; }
.pp-barra { height: 6px; border-radius: 999px; background: var(--bg-4); overflow: hidden; max-width: 360px; }

.pp-dias { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px;
           font-size: 13px; color: var(--txt-2); }
.pp-dias input { width: 90px; font: inherit; padding: 5px 8px; border-radius: 7px;
                 border: 1px solid var(--line-2, #43403f); background: var(--bg); color: var(--txt); }
.pp-barra i { display: block; height: 100%; background: var(--ok); border-radius: inherit; transition: width .2s ease; }
.pp-resumo-grupos { display: flex; gap: 10px; }
.pp-mini {
  min-width: 84px; padding: 8px 12px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line);
}
.pp-mini span {
  display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--txt-3);
}
.pp-mini b { font-size: 18px; font-variant-numeric: tabular-nums; }
.pp-mini small { font-size: 12px; font-weight: 400; color: var(--txt-3); }
.pp-busca input {
  width: 100%; box-sizing: border-box; height: 36px; padding: 0 12px;
  background: var(--bg-3); color: var(--txt); border: 1px solid var(--line-2);
  border-radius: 9px; font: inherit; font-size: 13px;
}
.pp-busca input:focus { outline: 2px solid var(--info); outline-offset: 1px; border-color: transparent; }
.pp-aviso { margin: 0 0 16px; }
@media (max-width: 1100px) {
  .pp-resumo { grid-template-columns: 1fr; }
}





.pp-grupos {
  display: grid; gap: 16px; align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
}
.pp-grupo {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 0; overflow: hidden;
}
.pp-grupo-cab {
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--bg-3);
}
.pp-grupo h4 {
  

  margin: 0; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--txt-2);
}
.pp-grupo-n { font-size: 12px; color: var(--txt-3); font-variant-numeric: tabular-nums; }
.pp-grupo-acoes { margin-left: auto; display: flex; gap: 12px; }
.pp-link {
  background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
  font-size: 12px; color: var(--info);
}
.pp-link:hover { text-decoration: underline; }
.pp-link:disabled { color: var(--txt-3); opacity: .5; cursor: default; text-decoration: none; }
.pp-link:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; border-radius: 3px; }

.pp-linha {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 16px; border-top: 1px solid var(--line); cursor: pointer;
  transition: background .12s ease;
}
.pp-grupo-cab + .pp-linha { border-top: 0; }
.pp-linha:hover { background: var(--bg-3); }
.pp-linha-tx { flex: 1 1 auto; min-width: 0; }
.pp-linha-rot { display: block; font-size: 13.5px; line-height: 1.4; color: var(--txt-2); }
.pp-on .pp-linha-rot { color: var(--txt); }
.pp-mudou { background: rgba(255, 176, 32, .06); box-shadow: inset 3px 0 0 var(--accent-2); }
.pp-mudou-selo {
  flex: 0 0 auto; font-size: 10.5px; font-weight: 600; padding: 2px 7px; border-radius: 999px;
  color: var(--accent-2); background: rgba(255, 176, 32, .12); white-space: nowrap;
}
.pp-travado { cursor: default; }


.pp-selo-fn {
  flex: 0 0 auto; font: inherit; font-size: 10.5px; font-weight: 600; padding: 2px 8px;
  border-radius: 999px; white-space: nowrap; cursor: pointer;
  color: var(--txt-2); background: var(--bg-3); border: 1px solid var(--line-2);
}
.pp-selo-fn.pp-premium { color: var(--accent); background: rgba(228, 38, 38, .10); border-color: rgba(228, 38, 38, .35); }
.pp-selo-fn:hover { filter: brightness(1.15); }
.pp-selo-fn:disabled { opacity: .5; cursor: default; }
.pp-selo-fn:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.pp-travado:hover { background: none; }


.pp-promo {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 10px 16px; border-bottom: 1px solid var(--line);
  font-size: 12.5px; color: var(--txt-2);
}
.pp-promo-on { box-shadow: inset 3px 0 0 var(--accent); color: var(--txt); }
.pp-promo-tx { flex: 1 1 200px; min-width: 0; }
.pp-promo-dia {
  font: inherit; font-size: 12.5px; color: var(--txt); background: var(--bg);
  border: 1px solid var(--line-2); border-radius: 6px; padding: 3px 6px;
}
.pp-promo + .pp-linha { border-top: 0; }
.pp-promo-quais { flex: 1 1 100%; }
.pp-promo-quais summary { cursor: pointer; color: var(--info); font-size: 12.5px; }
.pp-promo-quais summary small { color: var(--txt-3); font-size: 11.5px; }
.pp-promo-lista {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 6px 14px;
  margin-top: 8px; max-height: 220px; overflow: auto;
}
.pp-promo-lista label { display: flex; align-items: center; gap: 6px; color: var(--txt-2); cursor: pointer; }

.pp-promo-lista .pp-selo-fn { margin-left: auto; cursor: inherit; }
.pp-vazio { margin: 0; padding: 14px 16px; font-size: 12.5px; color: var(--txt-3); }




.pp-liga {
  appearance: none; -webkit-appearance: none; flex: 0 0 auto; margin: 0;
  width: 38px; height: 22px; border-radius: 12px; position: relative; cursor: pointer;
  background: var(--bg-4); border: 1px solid var(--line-2); transition: background .14s ease, border-color .14s ease;
}
.pp-liga::before {
  content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
  border-radius: 50%; background: var(--txt-3); transition: left .14s ease, background .14s ease;
}
.pp-liga:checked { background: rgba(46, 204, 113, .3); border-color: rgba(46, 204, 113, .5); }
.pp-liga:checked::before { left: 18px; background: var(--ok); }
.pp-liga:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.pp-liga:disabled { cursor: default; opacity: .55; }
@media (prefers-reduced-motion: reduce) {
  .pp-liga, .pp-liga::before, .pp-barra i, .pp-linha { transition: none; }
}


.pp-rodape {
  position: relative;
  display: flex; align-items: center; gap: 10px; margin-top: 18px;
  padding: 10px 12px 10px 18px; border-radius: var(--r);
  background: var(--bg-2); border: 1px solid var(--line);
}


.pp-rodape-tx { flex: 0 1 auto; margin-right: 6px; font-size: 13px; color: var(--txt-3); }
.pp-rodape-on { position: sticky; bottom: 12px; z-index: 5; border-color: rgba(255, 176, 32, .45); box-shadow: var(--shadow); background: var(--bg-3); }
.pp-rodape-on .pp-rodape-tx { color: var(--txt-2); }
.pp-rodape-on .pp-rodape-tx b { color: var(--txt); }












.porta {
  position: fixed; inset: 0; z-index: 9999;
  background: var(--bg); display: grid; padding: 24px;
  justify-items: center; align-items: safe center;
  overflow-y: auto; overscroll-behavior: contain;
}
.porta-cx {
  width: min(360px, 100%); display: flex; flex-direction: column; gap: 12px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 26px 24px; box-shadow: var(--shadow);
}
.porta-cx h1 { margin: 0; font-size: 21px; letter-spacing: -.01em; }
.porta-cx p { margin: 0 0 4px; font-size: 13.5px; color: var(--txt-2); }








.porta-campo { display: flex; flex-direction: column; gap: 5px; }
.porta-campo > span { font-size: 12px; color: var(--txt-2); letter-spacing: .01em; }
.porta-cx input {
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 8px;
  padding: 12px 13px; color: var(--txt); font-size: 15px; width: 100%;
  min-height: 44px;
}




.porta-cx input::placeholder { color: var(--txt-2); opacity: 1; }
.porta-cx input:focus { outline: 2px solid var(--info); outline-offset: -1px; }


.porta-cx button, .porta-cx .btn { justify-content: center; padding: 10px; min-height: 44px; }
.porta-erro { font-size: 13px; color: #ff9a9a; }















.porta-cx .porta-legal { font-size: 12px; line-height: 1.5; color: var(--txt-3);
  margin: -2px 0 0; text-align: center; }
.porta-cx .porta-legal a { color: var(--txt-2); text-decoration: underline; }
.porta-cx .porta-legal a:hover { color: var(--txt); }
.porta-abas { display: flex; gap: 6px; margin-bottom: 2px; }
.porta-abas button {
  flex: 1; background: transparent; border: 1px solid var(--line);
  border-radius: 8px; padding: 7px; color: var(--txt-2); font-size: 13px;
  cursor: pointer; min-height: 44px;
}
.porta-abas button.on { background: var(--bg-3); color: var(--txt); border-color: var(--line-2); }



.porta-link {
  background: none; border: 0; color: var(--txt-2); font-size: 12.5px;
  cursor: pointer; padding: 2px; text-decoration: underline; align-self: center;
}
.porta-link:hover { color: var(--info); }




.porta-teste {
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
  background: rgba(255, 176, 32, .1); border: 1px solid rgba(255, 176, 32, .4);
  border-radius: 8px; padding: 10px 12px; font-size: 13px; color: var(--txt-2);
}
.porta-teste b { color: var(--accent-2); }
.porta-teste .porta-link { align-self: flex-start; color: var(--txt-2); }

























.porta-faixa {
  display: flex; gap: 10px; align-items: flex-start; text-align: left;
  border-radius: 8px; padding: 10px 12px;
}
.porta-faixa-i { font-size: 15px; font-weight: 700; line-height: 1.4; }
.porta-faixa b { font-size: 14px; }
.porta-cx .porta-faixa h1 { font-size: 19px; }
.porta-cx .porta-faixa p { margin: 3px 0 0; font-size: 13px; }
.porta-faixa.ok {
  background: rgba(46, 204, 113, .1); border: 1px solid rgba(46, 204, 113, .4);
}
.porta-faixa.ok .porta-faixa-i { color: var(--ok); }
.porta-faixa.espera {
  background: rgba(255, 176, 32, .1); border: 1px solid rgba(255, 176, 32, .4);
}
.porta-faixa.espera .porta-faixa-i, .porta-faixa.espera b { color: var(--accent-2); }




#ct-selo.ct-selo-teste {
  border-color: rgba(255, 176, 32, .55);
  background: linear-gradient(rgba(255, 176, 32, .12), rgba(255, 176, 32, .12)), var(--bg-2);
}
.ct-selo-teste .ct-selo-papel { color: var(--accent-2); }
.ct-selo-olho { color: var(--accent-2); font-size: 11px; line-height: 1; }
.ct-selo-teste .ct-selo-sair { border-color: rgba(255, 176, 32, .5); }



#ct-selo {
  position: fixed; left: 12px; bottom: 12px; z-index: 60;
  display: flex; align-items: center; gap: 8px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 20px; padding: 5px 6px 5px 12px; box-shadow: var(--shadow);
  font-size: 12px; max-width: 260px;
}
.ct-selo-papel { color: var(--info); font-weight: 600; white-space: nowrap; }








.ct-selo-nome {
  color: var(--txt-2); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; max-width: 110px;
}










.ct-selo-foto {
  color: var(--txt-3); font-size: 11px; white-space: nowrap;
  border-left: 1px solid var(--line); padding-left: 8px;
}
.ct-selo-foto.velha { color: var(--accent-2); }

.ct-selo-sair {
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
  border-radius: 14px; padding: 3px 10px; font-size: 11.5px; cursor: pointer;
}
.ct-selo-sair:hover { border-color: var(--accent); color: #ff9a9a; }





























body:has(.pc-recado) #ex-flut { bottom: 112px; }
@media (prefers-reduced-motion: no-preference) {
  #ex-flut { transition: bottom .3s cubic-bezier(.2,.9,.3,1); }
}
#ex-flut {
  position: fixed; right: 12px; bottom: 12px; z-index: 60;
  display: flex; align-items: center; gap: 10px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 20px; padding: 7px 8px 7px 14px; box-shadow: var(--shadow);
  font-size: 12px; max-width: min(92vw, 420px);
}
.ex-flut-ico { display: flex; color: var(--accent); }
.ex-flut-ico svg { width: 18px; height: 18px; }
.ex-flut-txt { display: flex; flex-direction: column; line-height: 1.35; min-width: 0; }
.ex-flut-txt b { color: var(--txt); font-size: 12.5px; }
.ex-flut-txt span {
  color: var(--txt-3); font-size: 11.5px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ex-flut-x {
  background: none; border: 0; color: var(--txt-3); cursor: pointer;
  font-size: 12px; padding: 4px 6px; border-radius: 8px; line-height: 1;
}
.ex-flut-x:hover { color: var(--txt); background: var(--bg-3); }



@media (max-width: 560px) {
  #ex-flut { left: 12px; right: 12px; max-width: none; }
  .ex-flut-txt span { white-space: normal; }
}




html.ct-esperando .app { visibility: hidden; }


























.ex-chave-topo { margin: 0 0 26px; padding: 18px 20px 16px; }
.ex-chave-topo > p {
  margin: 0 0 14px; color: var(--txt-2); font-size: var(--cf-txt);
  line-height: 1.55; max-width: 56ch;
}





.ex-campo {
  display: flex; align-items: center; gap: 10px;
  background: var(--bg); border: 1px solid var(--line-2); border-radius: 10px;
  padding: 7px 7px 7px 14px; min-height: 46px;
}



.ex-campo:has(.ex-chave-vazia) { border-color: var(--line); }
.ex-chave {
  flex: 1 1 auto; min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px; letter-spacing: .015em; line-height: 1.45;
  color: var(--txt); word-break: break-all;
  user-select: all; -webkit-user-select: all;
}


.ex-chave::selection { background: rgba(77, 159, 255, .30); color: #fff; }
.ex-campo > .btn { flex: none; }








.ex-campo > .btn[data-ex="copiar"] {
  min-width: 98px;
  transition: background-color .18s cubic-bezier(.2, .8, .3, 1),
              border-color .18s cubic-bezier(.2, .8, .3, 1);
}
.ex-campo > .btn.ex-copiado,
.ex-campo > .btn.ex-copiado:hover {
  background: #1f7a46; border-color: #1f7a46; color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .ex-campo > .btn[data-ex="copiar"] { transition: none; }
}





.ex-chave-vazia {
  font-family: inherit; font-size: var(--cf-txt); letter-spacing: 0;
  color: var(--txt-3); user-select: auto; -webkit-user-select: auto;
}
.ex-chave-lendo { animation: ex-pulso 1.6s ease-in-out infinite; }
@keyframes ex-pulso { 0%, 100% { opacity: .45 } 50% { opacity: .9 } }
@media (prefers-reduced-motion: reduce) {
  .ex-chave-lendo { animation: none; opacity: .7; }
}






.ex-chave-pe {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line);
}
.ex-chave-pe .ex-revogar { margin-left: auto; }






.ex-chave-cx .btn:focus-visible,
.ex-acao .btn:focus-visible {
  outline: 2px solid var(--info); outline-offset: 2px;
}
@media (max-width: 620px) {
  .ex-chave-pe .ex-revogar { margin-left: 0; }
}







.ex-versao {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: var(--cf-leg); color: var(--txt-2);
  font-variant-numeric: tabular-nums;
}
.ex-versao::before {
  content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%;
  background: var(--txt-3);
}
.ex-versao.ex-v-ok::before { background: var(--ok); }
.ex-versao.ex-v-velha::before { background: var(--accent-2); }
.ex-versao b { color: var(--txt); font-weight: 600; }



.ex-versao[hidden] { display: none; }























#cn-corpo { max-width: 900px; }


















































































#view-conta,
#view-ajustes {
  --cf-leg: 12px;
  --cf-txt: 14px;
  --cf-tit: 16px;
  --cf-nome: 22px;
}

#view-conta .cn-bloco > header h3,
#view-ajustes .cn-bloco > header h3,
#view-conta .cn-chave h4 {
  margin: 0 0 8px; font-size: var(--cf-tit); font-weight: 620;
  letter-spacing: -.2px; color: var(--txt);
}
#view-conta .cn-bloco > header h3,
#view-ajustes .cn-bloco > header h3 { margin: 0; }















































#view-conta,
#view-ajustes { max-width: 780px; margin-inline: auto; }





#cfg-pane #view-conta,
#cfg-pane #view-ajustes { margin-inline: 0; }



















.app-palco > #view-conta { max-width: 1010px; }
#view-conta .cn2 { max-width: 780px; }


#view-conta .cn2 .cn-quem { display: flex; align-items: center; gap: 14px; margin: 6px 0 0; }
#view-conta .cn2 .cn-quem .cn-avatar {
  width: 46px; height: 46px; font-size: 15px; font-weight: 650; flex-shrink: 0;
}
#view-conta .cn2 .cn-id { min-width: 0; flex: 1; }
#view-conta .cn2 .cn-nome {
  margin: 0; font-size: 18px; font-weight: 650; line-height: 1.25;
  letter-spacing: -.01em; color: var(--txt);
}
#view-conta .cn2 .cn-email {
  margin: 2px 0 0; font-size: 13px; color: var(--txt-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#view-conta .cn2 .cn-papel {
  flex-shrink: 0; font: 650 10.5px/1 var(--fonte, inherit); letter-spacing: .08em;
  text-transform: uppercase; color: var(--txt-2);
  border: 1px solid var(--line-2); border-radius: 999px; padding: 6px 10px;
}


#view-conta .cn2 #cn-abas { margin: 20px 0 24px; }


#view-conta .cn2 .cn-grupo-t {
  margin: 28px 0 9px; font-size: 12.5px; font-weight: 600; line-height: 1.3;
  color: var(--txt-2);
}
#view-conta .cn2 .cn-painel > :first-child,
#view-conta .cn2 #cn-ass-corpo > :first-child { margin-top: 0; }
#view-conta .cn2 .cn-grupo {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px;
  overflow: hidden; margin: 0 0 16px;
}
#view-conta .cn2 .cn-grupo[data-perigo] {
  margin-top: 28px;
  border-color: color-mix(in srgb, var(--accent) 24%, var(--line));
}


#view-conta .cn2 .cn-item {
  display: flex; align-items: center; gap: 18px;
  min-height: 58px; padding: 12px 18px;
}
#view-conta .cn2 .cn-item[hidden] { display: none; }
#view-conta .cn2 .cn-item + .cn-item,
#view-conta .cn2 .cn-item-corpo + .cn-item,
#view-conta .cn2 #cn-sessoes-lista + .cn-item { border-top: 1px solid var(--line); }
#view-conta .cn2 .cn-item-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#view-conta .cn2 .cn-item-tx > b {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 560; line-height: 1.35; color: var(--txt);
}
#view-conta .cn2 .cn-item-tx > span { font-size: 12.5px; line-height: 1.45; color: var(--txt-3); }
#view-conta .cn2 .cn-item-ctl {
  display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-shrink: 0;
}


#view-conta .cn2 .cn-item-corpo { padding: 0 18px 16px; }
#view-conta .cn2 .cn-item-corpo[hidden] { display: none; }
#view-conta .cn2 .cn-grupo > .cn-item-corpo:first-child { padding-top: 16px; }


#view-conta .cn2 .cn-valor {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13.5px; color: var(--txt-2); font-variant-numeric: tabular-nums;
}
#view-conta .cn2 .cn-apagado { color: var(--txt-3); font-weight: 400; }
#view-conta .cn2 .cn-ico { width: 15px; height: 15px; flex-shrink: 0; color: var(--txt-3); }
#view-conta .cn2 .btn .cn-ico { width: 13px; height: 13px; color: currentColor; margin-left: 3px; }
#view-conta .cn2 .cn-item-ctl input,
#view-conta .cn2 .cn-item-ctl select,
#view-conta .cn2 .cn-linha input {
  height: 34px; padding: 0 11px; border-radius: 8px;
  background: var(--bg); border: 1px solid var(--line-2); color: var(--txt);
  font: 400 13.5px var(--fonte, inherit);
}
#view-conta .cn2 .cn-item-ctl input { width: 240px; }
#view-conta .cn2 .cn-item-ctl select { width: 220px; }
#view-conta .cn2 .cn-item-ctl input:focus,
#view-conta .cn2 .cn-item-ctl select:focus,
#view-conta .cn2 .cn-linha input:focus { outline: none; border-color: var(--info); }
#view-conta .cn2 .cn-item-ctl input:focus-visible,
#view-conta .cn2 .cn-linha input:focus-visible { outline: 2px solid color-mix(in srgb, var(--info) 45%, transparent); outline-offset: 1px; }
#view-conta .cn2 .cn-linha { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
#view-conta .cn2 .cn-linha input { flex: 1; min-width: 180px; max-width: 340px; }


#view-conta .cn2 .cn-estado { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--txt-2); }
#view-conta .cn2 .cn-estado i { width: 7px; height: 7px; border-radius: 50%; background: var(--txt-3); }
#view-conta .cn2 .cn-estado.ok i { background: #5fd99b; }
#view-conta .cn2 .cn-estado.aviso i { background: #ffb020; }
#view-conta .cn2 .cn-estado.mal i { background: #ff6b6b; }


#view-conta .cn2 .cn-recado { margin: 8px 0 0; font-size: 12.5px; color: var(--txt-3); }
#view-conta .cn2 .cn-recado:empty { display: none; }
#view-conta .cn2 .cn-item-ctl .cn-recado { margin: 0; }
#view-conta .cn2 .cn-recado.bom { color: #5fd99b; }
#view-conta .cn2 .cn-recado.ruim { color: #ff6b6b; }



#view-conta .cn2 .btn.cn-perigo { color: #ff8a8a; }
#view-conta .cn2 .btn.cn-perigo:hover { background: color-mix(in srgb, var(--accent) 12%, transparent); }
#view-conta .cn2 .btn.cn-perigo-cheio { background: var(--accent); border-color: var(--accent); color: #fff; }



#view-conta .cn2 details.cn-mais { margin: 14px 0 0; }
#view-conta .cn2 details.cn-mais > summary {
  list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--txt-2); padding: 4px 0;
}
#view-conta .cn2 details > summary::-webkit-details-marker { display: none; }
#view-conta .cn2 details.cn-mais > summary::before {
  content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor; transform: rotate(-45deg);
  transition: transform .15s ease;
}
#view-conta .cn2 details[open].cn-mais > summary::before { transform: rotate(45deg); }
#view-conta .cn2 details.cn-mais > summary:hover { color: var(--txt); }



#view-conta .cn2 .cn-ext .ex-passos {
  list-style: none; counter-reset: cn-passo; margin: 0 0 16px; padding: 0;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
#view-conta .cn2 .cn-ext .ex-passos > li {
  counter-increment: cn-passo; position: relative; margin: 0;
  padding: 15px 18px 15px 58px; border-top: 1px solid var(--line);
}
#view-conta .cn2 .cn-ext .ex-passos { max-width: none; }
#view-conta .cn2 .cn-ext .ex-passos > li:first-child { border-top: 0; }
#view-conta .cn2 .cn-ext .ex-passos > li:last-child { padding-bottom: 15px; }


#view-conta .cn2 .cn-ext .ex-passos > li::after { display: none; }

#view-conta .cn2 .cn-ext details.ex-mais { max-width: none; margin: 0 0 16px; border-radius: 12px; }
#view-conta .cn2 .cn-ext details.ex-mais > summary { font-size: 13px; font-weight: 560; }
#view-conta .cn2 .cn-ext .ex-passos > li::before {
  content: counter(cn-passo); position: absolute; left: 18px; top: 14px;
  width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box;
  border: 1px solid var(--line-2); background: var(--bg-3); color: var(--txt-2);
  font: 650 12px/22px var(--fonte, inherit); text-align: center;
}
#view-conta .cn2 .cn-ext .ex-p-t { display: block; margin: 0 0 3px; font-size: 14px; font-weight: 560; color: var(--txt); }
#view-conta .cn2 .cn-ext .ex-passos p { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--txt-3); }
#view-conta .cn2 .cn-ext .ex-acao { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
#view-conta .cn2 .cn-ext .cn-bloco {
  max-width: none; margin: 0 0 16px; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
}
#view-conta .cn2 .cn-ext .cn-bloco > header { padding: 14px 18px 0; }
#view-conta .cn2 .cn-ext .cn-bloco > header h3 { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--txt-2); }
#view-conta .cn2 .cn-ext .cn-bloco > .cn-corpo { padding: 10px 18px 14px; }
#view-conta .cn2 .cn-ext .cn-bloco > footer {
  padding: 11px 18px; border-top: 1px solid var(--line); background: none;
}
#view-conta .cn2 .cn-ext .cn-bloco > footer .cn-recado { margin: 0; }
#view-conta .cn2 .cn-ext .ex-usos {
  display: grid; grid-template-columns: minmax(150px, max-content) 1fr; gap: 9px 20px; margin: 0; font-size: 13px;
}
#view-conta .cn2 .cn-ext .ex-usos dt { color: var(--txt); }
#view-conta .cn2 .cn-ext .ex-usos dd { margin: 0; color: var(--txt-3); }
#view-conta .cn2 .cn-ext .ex-mais-cx dl { margin: 8px 0 0; font-size: 13px; }
#view-conta .cn2 .cn-ext .ex-mais-cx dt { color: var(--txt); margin-top: 10px; }
#view-conta .cn2 .cn-ext .ex-mais-cx dd { margin: 2px 0 0; color: var(--txt-3); line-height: 1.5; }
#view-conta .cn2 .ex-desconectar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 16px 0 0; padding: 12px 18px; font-size: 13px; color: var(--txt-2);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px;
}



#view-conta .cn2 #cn-chave-api .ck-cartao { background: var(--bg); }
#view-conta .cn2 #cn-chave-api .cn-form { max-width: none; }


@media (max-width: 640px) {
  #view-conta .cn2 .cn-item { flex-direction: column; align-items: stretch; gap: 10px; }
  #view-conta .cn2 .cn-item-ctl { justify-content: flex-start; flex-wrap: wrap; }
  #view-conta .cn2 .cn-item-ctl input,
  #view-conta .cn2 .cn-item-ctl select { width: 100%; }
  #view-conta .cn2 .cn-ext .ex-usos { grid-template-columns: 1fr; gap: 2px 0; }
  #view-conta .cn2 .cn-ext .ex-usos dd { margin-bottom: 8px; }
}





#view-conta .cn2 .cn-item-ico {
  flex-shrink: 0; width: 32px; height: 32px; border-radius: 9px;
  display: grid; place-items: center;
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
}
#view-conta .cn2 .cn-item-ico .cn-ico { width: 16px; height: 16px; color: currentColor; }
#view-conta .cn2 .cn-item { gap: 14px; }
#view-conta .cn2 .cn-item-ico + .cn-item-tx { margin-right: 4px; }
#view-conta .cn2 [data-perigo] .cn-item-ico {
  color: #ff8a8a; border-color: color-mix(in srgb, var(--accent) 28%, var(--line));
  background: color-mix(in srgb, var(--accent) 9%, var(--bg-3));
}

#view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 64px; }
#cs-corpo .cn-item-ico { display: grid; place-items: center; color: var(--txt-3); }
#cs-corpo .cn-item-ico .cn-ico { width: 15px; height: 15px; }



#view-conta .cn2 .cn-quem-selos { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#view-conta .cn2 .cn-papel-pro { background: var(--accent); border-color: var(--accent); color: #fff; }
#view-conta .cn2 .cn-papel-lite { color: var(--txt); border-color: color-mix(in srgb, var(--txt) 45%, transparent); }
#view-conta .cn2 .cn-papel-gratis { color: var(--txt-3); border-color: var(--line-2); }
#view-conta .cn2 .cn-quem-selos .ct-turma { margin: 0; vertical-align: 0; font-size: 10.5px; padding: 5px 9px; }


#view-conta .cn2 .cn-plano {
  margin: 0 0 16px; padding: 22px 24px 20px; border-radius: 14px;
  background: var(--bg-2); border: 1px solid var(--line);
}
#view-conta .cn2 .cn-plano[data-plano="pro"],
#view-conta .cn2 .cn-plano[data-plano^="aluno"] {
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line));
}
#view-conta .cn2 .cn-plano-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
#view-conta .cn2 .cn-plano-nome {
  margin: 0 0 9px; font-size: 28px; font-weight: 700; line-height: 1.1;
  letter-spacing: -.02em; color: var(--txt);
}
#view-conta .cn2 .cn-plano-nome small {
  margin-left: 10px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--txt-3);
}
#view-conta .cn2 .cn-plano-gesto { flex-shrink: 0; }
#view-conta .cn2 .cn-plano-dias { margin-top: 22px; }
#view-conta .cn2 .cn-plano-dias-tx {
  display: flex; justify-content: space-between; gap: 12px; margin: 0 0 9px;
  font-size: 13px; color: var(--txt-2); font-variant-numeric: tabular-nums;
}
#view-conta .cn2 .cn-plano-dias-tx b { color: var(--txt); font-weight: 600; }

#view-conta .cn2 .cn-plano-vip {
  margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line);
  font-size: 13px; line-height: 1.5; color: var(--txt-2);
}
#view-conta .cn2 .cn-plano-vip b { color: #ff8b8b; font-weight: 600; }
#view-conta .cn2 .cn-plano-regua { height: 6px; border-radius: 999px; background: var(--bg-4); overflow: hidden; }
#view-conta .cn2 .cn-plano-regua i {
  display: block; height: 100%; border-radius: inherit; background: #5fd99b;
  transform-origin: left center; animation: cn-regua-enche .9s cubic-bezier(.16, 1, .3, 1) both;
}
#view-conta .cn2 .cn-plano-regua.aviso i { background: #ffb020; }
#view-conta .cn2 .cn-plano-regua.mal i { background: #ff6b6b; }
@keyframes cn-regua-enche { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
  #view-conta .cn2 .cn-plano-regua i { animation: none; }
}

@media (max-width: 640px) {
  #view-conta .cn2 .cn-item-ico { display: none; }
  #view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 18px; }
  #view-conta .cn2 .cn-quem { flex-wrap: wrap; }
  #view-conta .cn2 .cn-plano { padding: 18px; }
  #view-conta .cn2 .cn-plano-topo { flex-direction: column; }
  #view-conta .cn2 .cn-plano-gesto .btn { width: 100%; justify-content: center; }
}


#view-conta .cn2 .cn-gratis { display: grid; gap: 18px; }
#view-conta .cn2 .cn-gratis-cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#view-conta .cn2 .cn-gratis-cab p { margin: 0; font-size: 14px; color: var(--txt-2); }
#view-conta .cn2 .cn-gratis-pe { display: flex; }
#view-conta .cn2 .cn-up { display: grid; gap: 12px; max-width: 520px; padding: 20px; border-radius: 13px;
  background: radial-gradient(110% 60% at 50% 0%, rgba(228,38,38,.06), transparent 72%), var(--bg);
  border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); }
#view-conta .cn2 .cn-up[data-periodo="anual"] .so-mensal,
#view-conta .cn2 .cn-up[data-periodo="mensal"] .so-anual { display: none !important; }
#view-conta .cn2 .cn-periodo { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); }
#view-conta .cn2 .cn-periodo button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
  font: inherit; font-size: 14px; font-weight: 700; color: var(--txt-2); background: none; border: 0;
  padding: 9px 12px; border-radius: 9px; cursor: pointer; transition: background .2s, color .2s; }
#view-conta .cn2 .cn-periodo button:hover { color: var(--txt); }
#view-conta .cn2 .cn-periodo button[aria-pressed="true"] { background: #e42626; color: #fff; }
#view-conta .cn2 .cn-periodo em { font-style: normal; font-size: 12px; font-weight: 800; padding: 2px 7px; border-radius: 999px;
  background: rgba(46,204,113,.18); color: #7fe0a6; }
#view-conta .cn2 .cn-periodo button[aria-pressed="true"] em { background: #fff; color: #111; }
#view-conta .cn2 .cn-up-nome { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#view-conta .cn2 .cn-up-nome h3 { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: var(--txt); }
#view-conta .cn2 .cn-eco { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700;
  padding: 4px 11px 4px 8px; border-radius: 999px; background: rgba(46,204,113,.16); color: #7fe0a6; white-space: nowrap; }
#view-conta .cn2 .cn-eco svg { width: 16px; height: 16px; flex: none; }
#view-conta .cn2 .cn-eco b { font-weight: 800; color: #9af0bd; }
#view-conta .cn2 .cn-up-preco { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; }
#view-conta .cn2 .cn-up-preco b { font-size: 32px; font-weight: 800; letter-spacing: -.03em; color: var(--txt); font-variant-numeric: tabular-nums; }
#view-conta .cn2 .cn-up-preco s { font-size: 17px; font-weight: 700; color: var(--txt-2); text-decoration-thickness: 2px; text-decoration-color: rgba(228,38,38,.8); }
#view-conta .cn2 .cn-up-preco span { font-size: 14px; color: var(--txt-2); }
#view-conta .cn2 .cn-up-diz { margin: 0; font-size: 14px; line-height: 1.5; color: var(--txt-2); }
#view-conta .cn2 .cn-up-botoes { display: grid; gap: 8px; }
#view-conta .cn2 .cn-up-botoes .btn { width: 100%; justify-content: center; min-height: 46px; font-size: 15px; font-weight: 700; }
#view-conta .cn2 .cn-up-email { margin: 0; font-size: 12px; line-height: 1.45; color: var(--txt-3); }
#view-conta .cn2 .cn-up-email b { color: var(--txt-2); font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  #view-conta .cn2 .cn-up { padding: 16px; }
  #view-conta .cn2 .cn-up-preco b { font-size: 26px; }
  #view-conta .cn2 .cn-up-preco s { font-size: 14px; }
}












@keyframes cn-sobe { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

#view-conta .cn2 .cn-quem {
  position: relative; isolation: isolate; overflow: hidden;
  gap: 18px; margin: 4px 0 0; padding: 22px 24px;
  border: 1px solid var(--line); border-radius: 18px;
  background:
    radial-gradient(90% 160% at 0% 0%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 60%),
    var(--bg-2);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 5%, transparent) inset, 0 10px 30px -18px rgba(0, 0, 0, .6);
  animation: cn-sobe .45s cubic-bezier(.16, 1, .3, 1) both;
  --cn-anel: var(--line-2);
}
#view-conta .cn2 .cn-quem[data-plano="pro"] { --cn-anel: var(--accent); }
#view-conta .cn2 .cn-quem[data-plano="lite"] { --cn-anel: color-mix(in srgb, var(--txt) 55%, transparent); }
#view-conta .cn2 .cn-quem .cn-avatar {
  flex: 0 0 auto; width: 72px; height: 72px; aspect-ratio: 1; border-radius: 50%;
  font-size: 25px; font-weight: 650; letter-spacing: .02em;
  background: linear-gradient(150deg, hsl(28 36% 30%), hsl(18 30% 15%));
  color: hsl(28 72% 86%);
  box-shadow: 0 0 0 3px var(--bg-2), 0 0 0 5px var(--cn-anel), 0 10px 26px -6px rgba(0, 0, 0, .55);
  margin: 5px;
}
#view-conta .cn2 .cn-quem .cn-avatar > img.cn-foto { border-radius: 50%; }
#view-conta .cn2 .cn-nome { font-size: 22px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-conta .cn2 .cn-email { margin-top: 4px; font-size: 13.5px; color: var(--txt-2); }
#view-conta .cn2 .cn-quem-selos { align-self: flex-start; margin-top: 4px; }
#view-conta .cn2 .cn-papel { padding: 7px 12px; font-size: 11px; letter-spacing: .1em; }
#view-conta .cn2 .cn-papel-pro {
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff), var(--accent));
  box-shadow: 0 4px 14px -4px color-mix(in srgb, var(--accent) 70%, transparent);
}



#view-conta .cn2 #cn-abas {
  display: flex; width: fit-content; max-width: 100%; flex-wrap: nowrap; overflow-x: auto;
  gap: 2px; margin: 18px 0 24px; padding: 4px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px;
  scrollbar-width: none;
}
#view-conta .cn2 #cn-abas::-webkit-scrollbar { display: none; }
#view-conta .cn2 #cn-abas button {
  flex: none; padding: 8px 15px; border-radius: 9px; white-space: nowrap;
  font-size: 13.5px; font-weight: 550; color: var(--txt-2);
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
#view-conta .cn2 #cn-abas button:hover { background: var(--bg-3); color: var(--txt); }
#view-conta .cn2 #cn-abas button.on {
  background: var(--bg-4); color: var(--txt); font-weight: 650;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 8%, transparent) inset, 0 2px 6px -2px rgba(0, 0, 0, .5);
}
#view-conta .cn2 #cn-abas button.on::after { display: none; }
#view-conta .cn2 .cn-painel:not([hidden]) { animation: cn-sobe .32s cubic-bezier(.16, 1, .3, 1) both; }


#view-conta .cn2 .cn-grupo-t {
  margin: 28px 0 9px 4px; font-size: 11.5px; font-weight: 650; letter-spacing: .07em;
  text-transform: uppercase; color: var(--txt-3);
}
#view-conta .cn2 .cn-grupo {
  border-radius: 14px;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 4%, transparent) inset, 0 8px 24px -18px rgba(0, 0, 0, .7);
}
#view-conta .cn2 .cn-item { min-height: 62px; padding: 12px 18px; transition: background-color .15s ease; }
#view-conta .cn2 .cn-grupo > .cn-item:hover { background: color-mix(in srgb, var(--txt) 2.5%, transparent); }
#view-conta .cn2 .cn-item-tx > b { font-size: 14.5px; font-weight: 600; }


#view-conta .cn2 .cn-item-ico,
#view-conta .cn2 .cn-num-ico {
  --cn-tinta: var(--txt-2);
  width: 34px; height: 34px; border-radius: 10px; flex: none; display: grid; place-items: center;
  color: color-mix(in srgb, var(--cn-tinta) 88%, #fff);
  background: color-mix(in srgb, var(--cn-tinta) 15%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--cn-tinta) 26%, transparent);
}
#view-conta .cn2 .cn-num-ico .cn-ico { width: 17px; height: 17px; color: currentColor; }



#view-conta .cn2 [data-perigo] .cn-item-ico { --cn-tinta: var(--accent); }
#view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 66px; }


#view-conta .cn2 .cn-item-ctl input,
#view-conta .cn2 .cn-item-ctl select,
#view-conta .cn2 .cn-linha input {
  height: 38px; border-radius: 10px; padding: 0 12px; font-size: 14px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
#view-conta .cn2 .cn-item-ctl input:hover,
#view-conta .cn2 .cn-item-ctl select:hover { border-color: color-mix(in srgb, var(--txt) 22%, var(--line-2)); }
#view-conta .cn2 .cn-item-ctl input:focus,
#view-conta .cn2 .cn-item-ctl select:focus,
#view-conta .cn2 .cn-linha input:focus {
  border-color: var(--info); box-shadow: 0 0 0 3px color-mix(in srgb, var(--info) 22%, transparent);
}


#view-conta .cn2 .cn-nums {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin: 0 0 16px;
}
#view-conta .cn2 .cn-num {
  display: grid; gap: 3px; align-content: start; padding: 18px 18px 17px; border-radius: 14px;
  background: var(--bg-2); border: 1px solid var(--line);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 4%, transparent) inset;
  animation: cn-sobe .5s cubic-bezier(.16, 1, .3, 1) both;
}
#view-conta .cn2 .cn-num:nth-child(2) { animation-delay: .06s; }
#view-conta .cn2 .cn-num:nth-child(3) { animation-delay: .12s; }
#view-conta .cn2 .cn-num-ico { margin-bottom: 12px; }
#view-conta .cn2 .cn-num > b {
  font-size: 32px; font-weight: 750; line-height: 1.05; letter-spacing: -.03em;
  color: var(--txt); font-variant-numeric: tabular-nums;
}
#view-conta .cn2 .cn-num > b small { font-size: 15px; font-weight: 600; letter-spacing: 0; color: var(--txt-2); margin-left: 2px; }
#view-conta .cn2 .cn-num > span { font-size: 13px; font-weight: 550; color: var(--txt-2); }
#view-conta .cn2 .cn-num > small { font-size: 12px; color: var(--txt-3); }

#view-conta .cn2 .cn-plano { border-radius: 16px; }

@media (max-width: 640px) {
  #view-conta .cn2 .cn-quem { padding: 18px; gap: 14px; flex-wrap: nowrap; }
  #view-conta .cn2 .cn-quem .cn-avatar { width: 56px; height: 56px; font-size: 20px; }
  #view-conta .cn2 .cn-nome { font-size: 18px; }
  #view-conta .cn2 .cn-quem-selos { position: absolute; top: 14px; right: 14px; margin: 0; }
  #view-conta .cn2 .cn-quem:has(.cn-quem-selos > *) .cn-id { padding-right: 52px; }
  #view-conta .cn2 .cn-nums { grid-template-columns: 1fr 1fr; }
  

  #view-conta .cn2 .cn-item:has(.cn-item-ico) {
    display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; row-gap: 10px; align-items: center;
  }
  #view-conta .cn2 .cn-item:has(.cn-item-ico) > .cn-item-ctl { grid-column: 2; }
  #view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 64px; }
  #view-conta .cn2 #cn-abas { width: 100%; }
  #view-conta .cn2 #cn-abas button { flex: 1 0 auto; padding: 8px 10px; font-size: 13px; }
  #view-conta .cn2 .cn-num > b { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  #view-conta .cn2 .cn-quem, #view-conta .cn2 .cn-painel:not([hidden]), #view-conta .cn2 .cn-num { animation: none; }
}



#view-conta .cn2 #cn-abas { position: relative; }
#view-conta .cn2 .cn-abas-luz {
  position: absolute; top: 4px; bottom: 4px; left: 0; width: 0; opacity: 0; border-radius: 9px;
  background: var(--bg-4); pointer-events: none;
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 9%, transparent) inset, 0 3px 10px -3px rgba(0, 0, 0, .6);
  transition: transform .38s cubic-bezier(.2, .9, .25, 1), width .38s cubic-bezier(.2, .9, .25, 1), opacity .2s;
}
#view-conta .cn2 #cn-abas button { position: relative; z-index: 1; }
#view-conta .cn2 #cn-abas button.on { background: transparent; box-shadow: none; }
#view-conta .cn2 #cn-abas button:not(.on):hover { background: color-mix(in srgb, var(--txt) 4%, transparent); }


#view-conta .cn2 .cn-quem .cn-avatar { position: relative; }
#view-conta .cn2 .cn-quem::before {
  content: ""; position: absolute; z-index: -1; left: -10px; top: 50%; width: 180px; height: 180px;
  transform: translateY(-50%); border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--cn-anel) 30%, transparent), transparent);
  filter: blur(8px);
}
#view-conta .cn2 .cn-quem { padding: 26px 28px; gap: 20px; }
#view-conta .cn2 .cn-quem-meta {
  display: inline-flex; align-items: center; gap: 7px; margin: 10px 0 0; padding: 5px 10px 5px 8px;
  border-radius: 999px; font-size: 12px; color: var(--txt-2);
  background: color-mix(in srgb, var(--txt) 5%, transparent);
  border: 1px solid color-mix(in srgb, var(--txt) 8%, transparent);
}
#view-conta .cn2 .cn-quem-meta .cn-ico { width: 13px; height: 13px; color: var(--txt-3); }


#view-conta .cn2 .cn-grupo { margin-bottom: 20px; }
#view-conta .cn2 .cn-grupo-t { margin-top: 32px; }


#view-conta .cn2 .cn-num {
  position: relative; overflow: hidden;
  background: linear-gradient(180deg, color-mix(in srgb, var(--txt) 3%, var(--bg-2)), var(--bg-2));
  transition: transform .25s cubic-bezier(.2, .9, .25, 1), border-color .25s, box-shadow .25s;
}
#view-conta .cn2 .cn-num:hover {
  transform: translateY(-2px); border-color: var(--line-2);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--txt) 5%, transparent) inset, 0 14px 30px -18px rgba(0, 0, 0, .8);
}


#view-conta .cn2 .cn-item-ctl .btn.sm { border-radius: 9px; min-height: 34px; padding-inline: 13px; }

@media (max-width: 640px) {
  #view-conta .cn2 .cn-quem { padding: 20px 18px; gap: 14px; }
  #view-conta .cn2 .cn-quem::before { width: 130px; height: 130px; left: -14px; }
  #view-conta .cn2 .cn-quem-meta { font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) {
  #view-conta .cn2 .cn-abas-luz, #view-conta .cn2 .cn-num { transition: none; }
  #view-conta .cn2 .cn-num:hover { transform: none; }
}




#view-conta .cn2 .cn-quem .cn-avatar {
  background: linear-gradient(150deg, #3a3a3d, #141416); color: #fff;
}
#view-conta .cn2 .cn-quem {
  background:
    radial-gradient(90% 160% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%),
    linear-gradient(180deg, var(--bg-2), var(--bg));
  border-color: var(--line-2);
}
#view-conta .cn2 .cn-email { color: var(--txt-2); }
#view-conta .cn2 .cn-abas-luz { background: #fff; box-shadow: 0 3px 12px -4px rgba(0, 0, 0, .7); }
#view-conta .cn2 #cn-abas button.on { color: #0d0d0e; }
#view-conta .cn2 #cn-abas button { color: var(--txt-2); }
#view-conta .cn2 #cn-abas button:not(.on):hover { color: var(--txt); }
#view-conta .cn2 #cn-abas { border-color: var(--line-2); background: var(--bg); }
#view-conta .cn2 .cn-item-ico, #view-conta .cn2 .cn-num-ico { --cn-tinta: var(--info); }
#view-conta .cn2 [data-perigo] .cn-item-ico { --cn-tinta: var(--accent); }
#view-conta .cn2 .cn-grupo, #view-conta .cn2 .cn-num { border-color: var(--line-2); }
#view-conta .cn2 .cn-grupo-t { color: var(--txt-2); }
#view-conta .cn2 .cn-item-tx > span, #view-conta .cn2 .cn-num > small { color: var(--txt-2); }
#view-conta .cn2 .cn-num > span { color: var(--txt); }
#view-conta .cn2 .cn-quem-meta .cn-ico { color: var(--info); }



#view-conta .cn2 .cn-item-ico,
#view-conta .cn2 .cn-num-ico,
#view-conta .cn2 [data-perigo] .cn-item-ico {
  width: 22px; height: 22px; border: 0; border-radius: 0; background: none; color: var(--txt);
}
#view-conta .cn2 .cn-item-ico .cn-ico, #view-conta .cn2 .cn-num-ico .cn-ico { width: 20px; height: 20px; }
#view-conta .cn2 .cn-num-ico { margin-bottom: 14px; }
#view-conta .cn2 .cn-quem-meta .cn-ico { color: var(--txt-2); }
#view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 54px; }
@media (max-width: 640px) {
  #view-conta .cn2 .cn-item:has(.cn-item-ico) { grid-template-columns: 22px minmax(0, 1fr); }
  #view-conta .cn2 .cn-item:has(.cn-item-ico) + .cn-item-corpo { padding-left: 52px; }
}

#view-conta .cn-painel > .cn-bloco,
#view-conta .cn-painel > .cn-form,
#view-conta .cn-painel > .cn-rodape,
#view-conta .cn-painel > div > .cn-bloco,
#view-conta .cn-painel > .cn-chave,
#view-conta .cn-painel > .cn-sobre { max-width: none; }





#view-conta .cn-bloco > header p,
#view-ajustes .cn-bloco > header p,
#view-conta .cn-sobre { max-width: 62ch; }


#view-conta .cn-bloco > .cn-corpo,
#view-ajustes .cn-bloco > .cn-corpo { padding: 14px 18px 16px; }
#view-conta .cn-bloco > .cn-corpo > :last-child,
#view-ajustes .cn-bloco > .cn-corpo > :last-child { margin-bottom: 0; }





#view-conta { --cf-num: 19px; --cf-heroi: 34px; }
#view-conta .pf-nichos,
#view-conta .pf-de,
#view-conta .pf-rot,
#view-conta .pf-val small { font-size: var(--cf-leg); }
#view-conta .pf-num { font-size: var(--cf-heroi); }












#view-conta .field > label,
#view-ajustes .field > label {
  text-transform: none; letter-spacing: 0; font-weight: 500;
}















.aj-agenda {
  display: grid; gap: 12px; align-items: end;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}
.aj-agenda .field { margin-bottom: 0; }
.aj-custo {
  align-self: end; justify-self: start;
  padding: 6px 11px; border-radius: 999px;
  background: var(--bg); border: 1px solid var(--line);
  font-size: var(--cf-leg); color: var(--txt-2); white-space: nowrap;
}















.aj-porque {
  border-top: 1px solid var(--line);
  background: var(--bg);
}
.aj-porque > summary {
  list-style: none; cursor: pointer; user-select: none;
  padding: 10px 18px; font-size: var(--cf-leg); font-weight: 600;
  color: var(--txt-3); display: flex; align-items: center; gap: 7px;
}
.aj-porque > summary::-webkit-details-marker { display: none; }
.aj-porque > summary::before {
  content: "›"; font-size: 15px; line-height: 1; color: var(--txt-3);
  transition: transform .15s ease;
}
.aj-porque[open] > summary::before { transform: rotate(90deg); }
.aj-porque > summary:hover { color: var(--txt-2); }
.aj-porque[open] > summary { color: var(--txt-2); }
.aj-porque > p {
  margin: 0; padding: 0 18px 16px; max-width: 62ch;
  font-size: var(--cf-leg); line-height: 1.65; color: var(--txt-2);
}
.aj-porque > p b { color: var(--txt); font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
  .aj-porque > summary::before { transition: none; }
}





#view-ajustes .cn-bloco > footer:not(:has(.btn)) { background: none; }



#view-conta .pf-rot,
#view-conta .pf-vazio,
#view-conta .pf-val small,





#view-conta .pc-tranca-rot,
#view-conta .pc-tranca-est,
#view-conta .pc-tranca-como,
#view-conta .pc-tranca-onde,
#view-conta .field > label,
#view-conta .cn-recado { font-size: var(--cf-leg); }



#view-conta .pf-val { font-size: 19px; }




.cn-vazio-aba {
  margin: 6px auto; padding: 26px 20px; max-width: 46ch; text-align: center;
  font-size: var(--cf-txt); color: var(--txt-2); line-height: 1.6;
}





.cn-painel > .cn-bloco, .cn-painel > .cn-form, .cn-painel > .cn-rodape,
.cn-painel > div > .cn-bloco,






.cn-painel > .cn-chave,
.cn-painel > .cn-sobre {
  max-width: 640px;
}
.cn-bloco {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); margin: 0 0 14px; overflow: hidden;
}
.cn-bloco > header { padding: 16px 18px 0; }



.cn-bloco > header h3 {
  margin: 0; font-size: 16px; font-weight: 620; letter-spacing: -.2px;
  color: var(--txt);
}
.cn-bloco > header p {
  margin: 5px 0 0; font-size: var(--cf-leg); line-height: 1.55; color: var(--txt-2);
}
.cn-bloco > header p b { color: var(--txt); font-weight: 600; }
.cn-bloco > .cn-corpo { padding: 14px 18px 4px; }



.cn-bloco > footer {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 11px 18px; background: var(--bg); border-top: 1px solid var(--line);
}
.cn-bloco > footer .btn { margin-left: auto; }
.cn-bloco > footer .cn-recado { margin-right: auto; }


.cn-bloco > header + footer { margin-top: 14px; }




.cn-id { min-width: 0; flex: 1; }  





.cn-avatar {
  flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 23px; font-weight: 600; letter-spacing: .5px;
  background: hsl(28 30% 20%);
  color: hsl(28 58% 76%);
  box-shadow: inset 0 0 0 1px hsl(28 25% 32%);
  user-select: none;
}
.cn-nome {
  margin: 0; font-size: var(--cf-nome, 22px); font-weight: 600; letter-spacing: -.3px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cn-email {
  margin: 2px 0 0; font-size: var(--cf-txt, 14px); color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}







.cn-papel {
  flex: none; align-self: center;
  background: var(--bg-3); border: 1px solid var(--line-2); border-radius: 999px;
  padding: 4px 11px; font-size: var(--cf-leg); font-weight: 600;
  text-transform: uppercase; letter-spacing: .6px; color: var(--txt-2);
}





.cn-form { max-width: 640px; }



.cn-bloco .field { margin-bottom: 12px; }
.cn-bloco .field:last-child { margin-bottom: 8px; }
.cn-bloco input:focus { outline: none; border-color: var(--info); }
.cn-bloco input:focus-visible { outline: 2px solid var(--info); outline-offset: -1px; }
.cn-linha { display: flex; gap: 8px; align-items: center; }
.cn-linha input { flex: 1; min-width: 0; }
.cn-par { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
@media (max-width: 620px) { .cn-par { grid-template-columns: 1fr; } }




.cn-form input:focus { outline: none; border-color: var(--info); }
.cn-form input:focus-visible { outline: 2px solid var(--info); outline-offset: -1px; }

.cn-acoes { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin: 10px 0 8px; }
.cn-sobre { color: var(--txt-2); max-width: 78ch; margin: 8px 0; }



.cn-rodape { margin-top: 26px; border-top: 1px solid var(--line, #2f2d2c);
  padding-top: 14px; max-width: 78ch; }






.cn-recado { font-size: 12.5px; }
.cn-recado.bom { color: var(--ok); }
.cn-recado.ruim { color: var(--accent); }















.cn-ui { color: var(--txt); font-weight: 500; }











.ex-passos {
  list-style: none; margin: 0 0 22px; padding: 0; max-width: 640px;
  counter-reset: expasso;
}
.ex-passos > li { position: relative; padding: 0 0 24px 46px; }
.ex-passos > li:last-child { padding-bottom: 2px; }
.ex-passos > li::before {
  counter-increment: expasso; content: counter(expasso);
  position: absolute; left: 0; top: 0;
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-3); border: 1px solid var(--line-2);
  color: var(--txt); font-size: 12.5px; font-weight: 650;
  font-variant-numeric: tabular-nums;
}



.ex-passos > li::after {
  content: ""; position: absolute; left: 13px; top: 34px; bottom: 4px;
  width: 2px; border-radius: 1px; background: var(--line-2);
}
.ex-passos > li:last-child::after { display: none; }
.ex-p-t {
  display: block; font-size: var(--cf-txt); font-weight: 620;
  color: var(--txt); letter-spacing: -.1px; margin: 5px 0 5px;
}
.ex-passos p { margin: 0 0 8px; color: var(--txt-2); font-size: var(--cf-txt); line-height: 1.55; }
.ex-passos p:last-child { margin-bottom: 0; }



.ex-acao { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }



.ex-nota {
  margin: 12px 0 0; font-size: var(--cf-leg); color: var(--txt-3);
  line-height: 1.5;
}
.ex-nota b { color: var(--txt-2); font-weight: 600; }





.ex-usos {
  display: grid; grid-template-columns: max-content 1fr;
  gap: 10px 20px; margin: 0; align-items: baseline;
}
.ex-usos dt { color: var(--txt); font-weight: 600; font-size: var(--cf-txt); }
.ex-usos dd {
  margin: 0; color: var(--txt-2); font-size: var(--cf-txt); line-height: 1.5;
}
@media (max-width: 620px) {
  .ex-usos { grid-template-columns: 1fr; gap: 2px 0; }
  .ex-usos dd { margin-bottom: 8px; }
}






.ex-mais {
  max-width: 640px; margin: 4px 0 0;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-2);
}
.ex-mais > summary {
  list-style: none; cursor: pointer; padding: 13px 18px;
  font-size: var(--cf-txt); font-weight: 600; color: var(--txt-2);
  display: flex; align-items: center; gap: 9px;
}
.ex-mais > summary::-webkit-details-marker { display: none; }
.ex-mais > summary::before {
  content: ""; width: 7px; height: 7px; flex: none;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg); margin-left: 2px;
  transition: transform .18s cubic-bezier(.2, .8, .3, 1);
}
.ex-mais[open] > summary::before { transform: rotate(45deg); }
.ex-mais > summary:hover { color: var(--txt); }
.ex-mais > summary:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.ex-mais-cx { padding: 2px 18px 16px; border-top: 1px solid var(--line); }
.ex-mais dl { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.ex-mais dt {
  margin-top: 13px; color: var(--txt); font-weight: 600; font-size: var(--cf-txt);
}
.ex-mais dd {
  margin: 0; color: var(--txt-2); font-size: var(--cf-txt); line-height: 1.55;
}




















#ov-extensao {
  --cf-leg: 12px;
  --cf-txt: 14px;
}
#ov-extensao .ex-passos { margin-bottom: 0; }



.xex-p {
  margin: 0; color: var(--txt-2);
  font-size: var(--cf-txt, 14px); line-height: 1.55;
}
.xex-feito { margin: 0 0 12px; }




.xex-pe {
  margin: 18px 0 0; padding-top: 14px;
  border-top: 1px solid var(--line);
}





.cn-chave {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 16px 18px; margin-top: 4px;
}
.cn-chave h4 { margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.cn-chave p { margin: 0 0 8px; }























.on-caixa { position: relative; display: inline-flex; }
.on-selo {
  gap: 5px; padding: 0 9px; height: 30px; margin-right: 6px;
}
.on-selo b { color: var(--novo); font-size: 12px; }
.on-selo.on-vazio .on-bola { background: var(--txt-3); box-shadow: none; }





.on-selo.on-vazio b { color: var(--txt-2); }

.on-bola {
  width: 7px; height: 7px; border-radius: 50%; flex: 0 0 7px;
  background: var(--ok); box-shadow: 0 0 6px rgba(46, 204, 113, .55);
}






.on-lista {
  display: none; position: absolute; top: calc(100% + 8px); right: 0;
  width: 290px; max-height: min(70vh, 460px); overflow: auto; z-index: 60;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); box-shadow: var(--shadow); padding: 10px;
}
.on-lista.on { display: block; }





.on-ul { list-style: none; margin: 0; padding: 0; }
.on-item {
  display: flex; align-items: center; gap: 10px; padding: 7px 6px;
  border-radius: 8px;
}
.on-item + .on-item { border-top: 1px solid var(--line); }




.on-av {
  position: relative; flex: 0 0 28px; width: 28px; height: 28px;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600; letter-spacing: .3px; user-select: none;
  background: hsl(28 30% 20%); color: hsl(28 58% 76%);
  box-shadow: inset 0 0 0 1px hsl(28 25% 32%);
}



.on-av .on-bola {
  position: absolute; right: -1px; bottom: -1px;
  box-shadow: 0 0 0 2px var(--bg-2);
}


.on-ausente .on-bola { background: var(--accent-2); box-shadow: 0 0 0 2px var(--bg-2); }
.on-ausente .on-av { opacity: .72; }

.on-quem { min-width: 0; flex: 1; display: flex; flex-direction: column; line-height: 1.25; }
.on-quem b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.on-ha { color: var(--txt-3); white-space: nowrap; }
.on-titulo {
  margin: 12px 0 4px; padding-top: 9px; border-top: 1px solid var(--line);
  color: var(--txt-3); text-transform: uppercase; letter-spacing: .6px; font-size: 11px;
}
.on-nada { margin: 6px 4px; }



.on-pe { margin: 10px 4px 2px; padding-top: 9px; border-top: 1px solid var(--line); line-height: 1.45; }



.ct-bola { display: inline-block; margin-right: 8px; vertical-align: middle; }
.ct-bola.ct-ausente { background: var(--accent-2); box-shadow: 0 0 6px rgba(255, 176, 32, .45); }
.ct-bola.ct-nao { background: var(--line-2); box-shadow: none; }




















.pr-btn .ico { width: 15px; height: 15px; opacity: .85; }
.pr-btn.tem { color: var(--txt); border-color: var(--line-2); }










.pr-btn .ico path { fill: currentColor; fill-opacity: 0; }
.pr-btn.tem .ico { opacity: 1; }
.pr-btn.tem .ico path { fill-opacity: .22; }






















































.pr-menu:not(.on) { display: none; }
.pr-menu {
  position: fixed; left: 0; top: 0; width: 268px; z-index: 160;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 10px; padding: 8px; box-shadow: 0 10px 30px rgba(0,0,0,.5);
  display: flex; flex-direction: column; gap: 1px;
  max-height: min(62vh, 440px); overflow-y: auto;
}







.pr-tit {
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-2); padding: 2px 4px 6px;
}
.pr-op {
  display: flex; align-items: center; gap: 8px;
  text-align: left; border: 0; background: transparent; cursor: pointer;
  color: var(--txt-2); font-size: 12.5px; font-family: inherit;
  padding: 7px 8px; border-radius: 6px; line-height: 1.25;
}
.pr-op:hover { background: var(--bg-3); color: var(--txt); }



.pr-op i {
  flex: 0 0 auto; width: 13px; height: 13px; border-radius: 3px;
  border: 1.5px solid var(--line-2); position: relative;
}
.pr-op.on { color: var(--txt); }
.pr-op.on i { border-color: var(--txt-2); background: var(--txt-2); }
.pr-op.on i::after {
  content: ""; position: absolute; left: 4px; top: 1px; width: 3px; height: 7px;
  border: solid var(--bg); border-width: 0 1.5px 1.5px 0; transform: rotate(43deg);
}
.pr-op b { font-weight: 500; color: var(--txt-2); }












.pr-op > b.pc-n {
  margin-left: auto; padding-left: 8px;
  color: var(--txt-2); font-size: 11.5px; font-variant-numeric: tabular-nums;
}
.pr-op.on > b.pc-n { color: var(--txt); }













































.nf-eh-sua {
  display: inline-flex; align-items: center; gap: 5px;
  height: 30px; padding: 0 10px; border-radius: 8px;
  font-size: 12.5px; font-weight: 600; white-space: nowrap;
  




















  background: var(--txt);
  border: 1px solid var(--txt);
  color: var(--bg);
}
.nf-eh-sua > i { font-style: normal; font-size: 13px; line-height: 1; }











































































button.nf-eh-sua:hover {
  background: var(--txt); border-color: var(--txt);
  



  filter: brightness(.94);
}

.nf-salvar { display: inline-flex; }
.nf-salvar > .btn:first-child {
  border-top-right-radius: 0; border-bottom-right-radius: 0;
  padding-right: 10px;
}









.nf-salvar-pasta {
  border-top-left-radius: 0; border-bottom-left-radius: 0;
  padding-left: 7px; padding-right: 9px;
}
.nf-salvar:hover > .btn:first-child {
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .3);
}
.nf-salvar-pasta .ico { width: 15px; height: 15px; display: block; }











.nf-salvar-pasta.armada .ico path { fill: currentColor; fill-opacity: .38; }
.pr-sep {
  height: 1px; background: var(--line); margin: 5px 4px;
}















.pr-padrao {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 8px; font-size: 11.5px; color: var(--txt-2); line-height: 1.3;
}
.pr-padrao > span { flex: 1 1 auto; min-width: 0; }
.pr-padrao b { color: var(--novo); font-weight: 600; }









.pr-padrao-off {
  flex: 0 0 auto; border: 0; background: transparent; cursor: pointer;
  color: var(--txt-2); font: inherit; text-decoration: underline;
  text-underline-offset: 2px; padding: 2px 4px; border-radius: 5px;
}
.pr-padrao-off:hover { color: var(--txt); background: var(--bg-3); }



.pr-padrao-liga { color: var(--txt-2); }
.pr-padrao-liga i {
  border: 0; position: relative; display: flex;
  align-items: center; justify-content: center;
}
.pr-padrao-liga i::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  border: 1.5px solid currentColor;
}
.pr-padrao-liga i::after {
  content: ""; position: absolute; left: 50%; top: 8px;
  width: 1.5px; height: 5px; background: currentColor; transform: translateX(-50%);
}
.pr-padrao-liga:hover { color: var(--txt); }




.pr-menu.pr-so-um .pr-op i { border-radius: 50%; }
.pr-menu.pr-so-um .pr-op.on i::after {
  left: 3px; top: 3px; width: 4px; height: 4px;
  border: 0; border-radius: 50%; background: var(--bg); transform: none;
}




















.pr-linha { display: flex; align-items: center; gap: 2px; }




.pr-fixa {
  flex: 0 0 auto; width: 24px; height: 24px; display: inline-flex;
  align-items: center; justify-content: center; color: var(--txt-2);
}
.pr-fixa .ico { width: 12px; height: 12px; }
.pr-linha > .pr-op { flex: 1 1 auto; min-width: 0; }
.pr-linha > .pr-x { flex: 0 0 auto; opacity: .45; }
.pr-linha:hover > .pr-x,
.pr-linha:focus-within > .pr-x,
.pr-x.confirmando { opacity: 1; }















.pr-dono { color: var(--txt-2); font-size: 11px; font-weight: 400; }






.pr-linha > .pr-com { flex: 0 0 auto; opacity: .45; gap: 3px; }
.pr-linha:hover > .pr-com,
.pr-linha:focus-within > .pr-com,
.pr-com.tem { opacity: 1; }
.pr-com .ico { width: 13px; height: 13px; }
.pr-com b {
  font-size: 11px; font-weight: 700; color: var(--txt-2); line-height: 1;
}
.pr-com.tem b { color: var(--novo); }





.pr-voltar { color: var(--txt-2); }
.pr-voltar i { border: 0; }



.pr-com-cx { max-height: 232px; overflow-y: auto; }



.pr-novo { color: var(--txt-2); }
.pr-novo i {
  border: 0; display: flex; align-items: center; justify-content: center;
  font-style: normal; font-size: 15px; line-height: 1;
}
.pr-novo i::before { content: "+"; }
.pr-campo {
  width: 100%; box-sizing: border-box; margin: 2px 0;
  background: var(--bg-3); color: var(--txt); font-family: inherit;
  font-size: 12.5px; padding: 7px 8px; line-height: 1.25;
  border: 1px solid var(--line-2); border-radius: 6px;
}


.pr-campo:focus { outline: 2px solid var(--info); outline-offset: -1px; }





.pr-nota {
  margin-top: 6px; font-size: 11px; color: var(--txt-2); padding: 0 4px;
}
















.ctl.gav[hidden] { display: none; }




























.pr-menu.pc-grade-menu {
  width: min(94vw, 980px);
  max-height: min(78vh, 560px);
  padding: 10px;
}




.pc-grade { columns: 200px; column-gap: 10px; }
.pc-grade > .pr-op { break-inside: avoid; width: 100%; }







.pc-grade > .pr-op[hidden] { display: none; }


.pc-grade > .pr-op.pc-largo { column-span: all; margin-bottom: 4px; }





.pc-grade-menu .pr-op { padding: 3px 8px; }
.pc-busca {
  width: 100%; margin: 0 0 8px; box-sizing: border-box;
}



.pc-vazio {
  padding: 10px 8px; font-size: 12.5px; color: var(--txt-3);
}

.pc-pastilha > b { padding-right: 16px; }


















.ctl.gav.pc-pastilha > b { font-size: 13px; font-weight: 500; max-width: 20ch; }



.pc-pastilha.on::after { transform: rotate(225deg) translate(-2px, -2px); }










.pr-menu.pr-recorte .pr-op i { border-radius: 50%; }
.pr-menu.pr-recorte .pr-op.on i::after {
  left: 3px; top: 3px; width: 4px; height: 4px;
  border: 0; border-radius: 50%; background: var(--bg); transform: none;
}













.gl-pastas {
  display: grid; gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
  align-items: start;
}














.gl-pasta-secao {
  grid-column: 1 / -1;
  font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  color: var(--txt-2); padding: 2px 2px 0;
}


.gl-pasta-secao:not(:first-child) { margin-top: 10px; }
.gl-pasta-lad {
  display: flex; flex-direction: column; gap: 10px;
  


  padding: 14px 16px; min-height: 120px; text-align: left;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); color: var(--txt); cursor: pointer;
  font: inherit;
  transition: border-color .12s, transform .12s;
}
.gl-pasta-lad:hover { border-color: var(--line-2); transform: translateY(-2px); }
.gl-pasta-lad:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }










.gl-pasta-lad.vazia { color: var(--txt-2); }
.gl-pasta-lad.vazia .gl-pasta-n { color: var(--txt-2); }

.gl-pasta-cab { display: flex; align-items: center; gap: 8px; min-width: 0; }
.gl-pasta-cab b {
  font-size: 14.5px; font-weight: 600; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.gl-pasta-ico { display: inline-flex; flex: 0 0 auto; color: var(--txt-2); }
.gl-pasta-ico .ico { width: 17px; height: 17px; }



.gl-pasta-ico .ico path { fill: currentColor; fill-opacity: 0; }
.gl-pasta-lad:not(.vazia) .gl-pasta-ico { color: var(--txt); }
.gl-pasta-lad:not(.vazia) .gl-pasta-ico .ico path { fill-opacity: .22; }




.gl-pasta-eq {
  flex: 0 0 auto; font-style: normal; font-size: 11px; letter-spacing: .5px;
  text-transform: uppercase; color: var(--txt-2);
  border: 1px solid var(--line-2); border-radius: 999px; padding: 1px 6px;
}
.gl-pasta-n {
  font-size: 22px; font-weight: 700; letter-spacing: -.5px; line-height: 1;
  font-variant-numeric: tabular-nums; display: flex; align-items: baseline; gap: 6px;
}
.gl-pasta-n i {
  font-style: normal; font-size: 11.5px; font-weight: 500; letter-spacing: .5px;
  

  text-transform: uppercase; color: var(--txt-2);
}





.gl-pasta-n i.gl-pasta-semconta {
  font-style: normal; font-size: 12.5px; font-weight: 500; letter-spacing: 0;
  text-transform: none; color: var(--txt-2);
}





.gl-pasta-capas { display: flex; gap: 5px; min-height: 26px; align-items: center; }
.gl-pasta-capas img {
  width: 26px; height: 26px; border-radius: 50%; object-fit: cover;
  background: var(--bg-3); border: 1px solid var(--line);
}




.gl-pasta-volta {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-bottom: 2px;
}
.gl-pasta-onde {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 14px; color: var(--txt-2);
}
.gl-pasta-onde .ico { width: 16px; height: 16px; }
.gl-pasta-onde .ico path { fill: currentColor; fill-opacity: .22; }
.gl-pasta-onde b { color: var(--txt); font-weight: 600; }








.gl-pasta-cx { position: relative; display: flex; }
.gl-pasta-cx > .gl-pasta-lad { flex: 1 1 auto; min-width: 0; }




.gl-pasta-acoes {
  position: absolute; top: 8px; right: 8px; display: flex; gap: 2px;
  opacity: .55; transition: opacity .12s;
}
.gl-pasta-cx:hover .gl-pasta-acoes,
.gl-pasta-cx:focus-within .gl-pasta-acoes { opacity: 1; }
.gl-pasta-bt .ico { width: 13px; height: 13px; }






.gl-pasta-fixa {
  




  opacity: 1; color: var(--txt-2); align-items: center; padding-top: 3px;
  cursor: default;
}
.gl-pasta-fixa .ico { width: 14px; height: 14px; }




.gl-pasta-lad.com-acoes .gl-pasta-cab { padding-right: 54px; }





.gl-pasta-novo {
  border-style: dashed; color: var(--txt-2);
  align-items: center; justify-content: center; gap: 6px;
}
.gl-pasta-novo:hover { color: var(--txt); }
.gl-pasta-mais { font-size: 26px; font-weight: 300; line-height: 1; }
.gl-pasta-novo b { font-size: 13.5px; font-weight: 600; }




.gl-pasta-edita { justify-content: center; gap: 8px; cursor: default; }
.gl-pasta-campo {
  width: 100%; font: inherit; font-size: 14.5px; font-weight: 600;
  color: var(--txt); background: var(--bg-3);
  border: 1px solid var(--line-2); border-radius: 8px; padding: 7px 9px;
}
.gl-pasta-campo:focus { outline: 2px solid var(--info); outline-offset: -1px; }












.pr-emojis {
  display: flex; flex-wrap: wrap; gap: 1px;
  max-width: 100%; margin-top: 2px;
}
.pr-emoji {
  width: 26px; height: 24px; padding: 0; border: 0; border-radius: 6px;
  background: transparent; cursor: pointer; font-size: 15px; line-height: 1;
  font-family: inherit;
}
.pr-emoji:hover { background: var(--bg-3); }
.pr-emoji:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }


.pr-novo-cx { display: flex; flex-direction: column; gap: 2px; }
.pr-novo-cx .pr-emojis { padding: 0 2px 2px; }















.pr-bts { display: flex; gap: 6px; }
.pr-bts .btn { flex: 1 1 0; min-width: 0; }







.pr-bts .pr-bt-com { flex: 0 0 auto; }
.pr-bts .pr-bt-com .ico { margin: 0; }
.pr-novo-cx .pr-bts { margin-top: 4px; padding: 0 2px 2px; }





.pr-emoji-mais {
  color: var(--txt-2); display: inline-flex; align-items: center; gap: 3px;
  








  width: auto; padding: 0 6px;
}
.pr-emoji-mais b {
  font-size: 11px; font-weight: 700; line-height: 1;
  letter-spacing: -.01em;
}
.pr-emoji-mais .ico { width: 16px; height: 16px; margin: 0; }
.pr-emoji-mais.on { background: var(--bg-3); color: var(--txt); }










.pr-emoji-lista {
  max-height: 168px; overflow-y: auto; overscroll-behavior: contain;
  margin-top: 3px; padding-top: 4px; border-top: 1px solid var(--line);
}
.pr-emoji-lista[hidden] { display: none; }




.pr-emoji-grupo {
  font-size: 11px; letter-spacing: .04em; text-transform: uppercase;
  color: var(--txt-2); margin: 5px 0 1px; padding-left: 3px;
}
.pr-emoji-lista > .pr-emoji-grupo:first-child { margin-top: 0; }
.pr-emoji-lista .pr-emojis { margin-top: 0; }

@media (prefers-reduced-motion: reduce) {
  .gl-pasta-lad, .gl-pasta-lad:hover { transition: none; transform: none; }
  .gl-pasta-acoes { transition: none; }
}









.lab-conta { font-size: 12.5px; color: var(--txt-3); margin: 0 0 12px; }
.lab-conta i { font-style: italic; }
.lab-grade {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px; align-items: start;
}
.lab-card {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 14px 16px;
  


  border-left: 3px solid transparent;
}
.lab-card.on { border-left-color: var(--novo); }
.lab-cab {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 8px;
}
.lab-cab h3 { margin: 0; font-size: 14px; font-weight: 600; color: var(--txt); }
.lab-oque { margin: 0 0 8px; font-size: 12.5px; color: var(--txt-2); line-height: 1.45; }
.lab-porque {
  margin: 0 0 8px; font-size: 12px; color: var(--txt-3); line-height: 1.45;
  border-left: 2px solid var(--line-2); padding-left: 9px;
}
.lab-onde { margin: 0; font-size: 11px; color: var(--txt-3); }





.lab-chave {
  flex: 0 0 auto; width: 44px; height: 24px; border-radius: 999px;
  border: 1px solid var(--line-2); background: var(--bg-3);
  cursor: pointer; padding: 0; position: relative;
  transition: background .18s ease, border-color .18s ease;
}
.lab-chave i {
  position: absolute; top: 2px; left: 2px; width: 18px; height: 18px;
  border-radius: 50%; background: var(--txt-3); display: block;
  transition: transform .18s ease, background .18s ease;
}
.lab-chave.on { background: rgba(126,226,168,.20); border-color: var(--novo); }
.lab-chave.on i { transform: translateX(20px); background: var(--novo); }
.lab-chave:disabled { opacity: .5; cursor: default; }
.lab-chave:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }













.pl-caixa { position: relative; display: inline-flex; min-width: 0; }




.pl-lista {
  position: fixed; z-index: 60;
  width: 300px; max-height: 70vh; overflow: auto;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px;
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
  display: none;
}
.pl-lista.on { display: block; }













.pl-tit {
  font-size: 12px; color: var(--txt-3); margin: 0 0 8px;
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
}











.pl-pos {
  font-variant-numeric: tabular-nums; font-weight: 650;
  height: 24px; display: grid; place-items: center;
}
.pl-nome { color: var(--txt); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pl-vazio { font-size: 12px; color: var(--txt-3); margin: 4px 0; }













.pl-g7 { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.pl-g7-tit b { color: var(--txt-2); font-weight: 600; }











.seg.pl-jan {
  margin: 0 0 10px; background: var(--bg-3); border-color: var(--line);
}











.seg.pl-jan button { font-size: 11.5px; padding: 4px 10px; color: var(--txt-2); }
.seg.pl-jan button.on { background: rgba(255,255,255,.09); color: var(--txt); }

















.seg.pl-jan.pl-turma { display: flex; width: fit-content; margin-bottom: 6px; }

.pl-g7-cab, .pl-g7-linha {
  display: grid; grid-template-columns: 26px 1fr 44px 46px;
  align-items: center; gap: 8px;
}







.pl-g7-cab.so-trouxe, .pl-g7-linha.so-trouxe {
  grid-template-columns: 26px 1fr 46px;
}
.pl-g7-cab {
  font-size: 11px; color: var(--txt-3); text-transform: uppercase;
  letter-spacing: .4px; padding-bottom: 4px;
}
.pl-g7-cab span:nth-child(n+3) { text-align: right; }
.pl-g7-linha {
  padding: 4px 0; font-size: 12.5px; color: var(--txt-2);
}
.pl-g7-linha + .pl-g7-linha { border-top: 1px solid var(--line); }
.pl-g7-linha.eu .pl-nome { font-weight: 650; }










.pl-g7-n {
  text-align: right; font-variant-numeric: tabular-nums; color: var(--txt);
}
.pl-g7-n.rendeu { color: var(--novo); font-weight: 600; }







.pl-g7-quem { display: flex; align-items: center; gap: 6px; min-width: 0; }
.pl-g7-quem .pl-nome { min-width: 0; }























.pl-chv {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; cursor: help;
  position: relative; isolation: isolate; overflow: hidden;
  width: 26px; height: 18px; border-radius: 5px;
  background: linear-gradient(180deg, #e60000, #9e0000);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .42),
    inset 0 -1px 0 rgba(0, 0, 0, .34),
    0 1px 0 #4d0000,
    0 0 8px -2px rgba(230, 0, 0, .6);
  transition: transform .14s cubic-bezier(.16, 1, .3, 1), box-shadow .14s;
}
.pl-chv b {
  font-size: 11px; font-weight: 800; letter-spacing: .05em; line-height: 1;
  color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, .45);
}



.pl-chv:hover {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .5),
    inset 0 -1px 0 rgba(0, 0, 0, .34),
    0 2px 0 #4d0000,
    0 0 14px -2px rgba(255, 40, 20, .85);
}





.pl-chv::after {
  content: ""; position: absolute; top: -50%; bottom: -50%; width: 55%;
  left: -70%; transform: skewX(-20deg); pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .85) 50%,
    transparent);
  mix-blend-mode: screen; opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
  .pl-chv::after { animation: plChvLuz 1.05s ease-out .25s 1; }
}
@keyframes plChvLuz {
  0%   { left: -70%; opacity: 0; }
  18%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { left: 120%; opacity: 0; }
}




.pl-pat-cx { display: flex; justify-content: center; margin: 10px 0 12px; }

.pl-nota { font-size: 11px; color: var(--txt-3); margin: 8px 0 0; line-height: 1.4; }







.pl-meta { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.pl-meta-tit {
  font-size: 12px; color: var(--txt-2); margin: 0 0 6px;
  display: flex; justify-content: space-between; gap: 8px;
}
.pl-meta-tit b { color: var(--txt); }






.pl-barra {
  height: 8px; border-radius: 999px; background: var(--bg-3);
  overflow: hidden; border: 1px solid var(--line); display: flex;
}
.pl-barra i {
  display: block; height: 100%; background: var(--novo); flex: none;
  transition: width .5s cubic-bezier(.22,1,.36,1);
}
.pl-meta-falta { font-size: 11px; color: var(--txt-3); margin: 6px 0 0; }




















@keyframes lab-pop {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.14); }
  70%  { transform: scale(.97); }
  100% { transform: scale(1); }
}
@keyframes lab-onda {
  0%   { opacity: .45; transform: scale(.2); }
  100% { opacity: 0;   transform: scale(2.6); }
}
@keyframes lab-sobe {
  0%   { opacity: 0; transform: translate(-50%, 4px) scale(.8); }
  25%  { opacity: 1; transform: translate(-50%, -6px) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -26px) scale(1); }
}

html.lab-dopamina .dopa {
  animation: lab-pop .34s cubic-bezier(.34,1.56,.64,1);
  

  position: relative;
}










@keyframes lab-onda-selo {
  0%   { opacity: .25; transform: scale(.2); }
  100% { opacity: 0;   transform: scale(2.6); }
}
html.lab-dopamina .nf-achou.dopa::after { animation-name: lab-onda-selo; }

html.lab-dopamina .dopa::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: currentColor; opacity: 0;
  animation: lab-onda .5s ease-out;
  


  pointer-events: none;
}




html.lab-dopamina .dopa-mais {
  position: absolute; left: 50%; top: -2px; z-index: 40;
  font-size: 12px; font-weight: 700; color: var(--novo);
  text-shadow: 0 1px 6px rgba(0,0,0,.6);
  pointer-events: none; white-space: nowrap;
  animation: lab-sobe .9s ease-out forwards;
}




@keyframes lab-degrau {
  0%   { opacity: 0; transform: translate(-50%, 14px) scale(.9); }
  12%  { opacity: 1; transform: translate(-50%, 0) scale(1); }
  85%  { opacity: 1; transform: translate(-50%, 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -10px) scale(1); }
}













.lab-degrau {
  position: fixed; left: 50%; bottom: 78px; z-index: 25;
  background: var(--bg-2); border: 1px solid var(--novo);
  border-radius: 999px; padding: 9px 18px;
  font-size: 13px; color: var(--txt); font-weight: 600;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
  pointer-events: none;
  animation: lab-degrau 2.6s ease-out forwards;
}
.lab-degrau b { color: var(--novo); }

@media (prefers-reduced-motion: reduce) {
  html.lab-dopamina .dopa,
  html.lab-dopamina .dopa::after,
  html.lab-dopamina .dopa-mais,
  .lab-degrau { animation: none; }
  html.lab-dopamina .dopa::after, html.lab-dopamina .dopa-mais { display: none; }
}


















































@keyframes lab-tampa {
  0% {
    transform: scale(1);
    color: var(--novo);
    border-color: color-mix(in srgb, var(--novo) 45%, transparent);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--novo) 0%, transparent);
    animation-timing-function: cubic-bezier(.42, 0, .92, .42);   
  }
  20% {
    transform: scale(.84);
    color: var(--novo);
    border-color: color-mix(in srgb, var(--novo) 60%, transparent);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--novo) 0%, transparent);
    animation-timing-function: cubic-bezier(.08, .85, .2, 1);    
  }
  42% {
    transform: scale(1.32);
    color: #eafff3;                                              
    border-color: var(--novo);
    box-shadow: 0 0 17px 3px color-mix(in srgb, var(--novo) 48%, transparent);
    animation-timing-function: ease-out;
  }
  68% {
    transform: scale(.97);                                       
    color: var(--novo);
    border-color: color-mix(in srgb, var(--novo) 70%, transparent);
    box-shadow: 0 0 9px 1px color-mix(in srgb, var(--novo) 24%, transparent);
    animation-timing-function: cubic-bezier(.34, 1.42, .64, 1);
  }
  100% {
    transform: scale(1);
    color: var(--novo);
    border-color: color-mix(in srgb, var(--novo) 45%, transparent);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--novo) 0%, transparent);
  }
}
html.lab-dopamina .nf-achou.bau { animation: lab-tampa 260ms linear both; }













html.lab-dopamina .lab-facho {
  position: fixed; z-index: 99;
  width: 0; height: 0;
  pointer-events: none;               
  will-change: transform, opacity;    
}
html.lab-dopamina .lab-facho::before,
html.lab-dopamina .lab-facho::after {
  content: ""; position: absolute; left: 0; top: 0;
  border-radius: 50%; pointer-events: none;
}

html.lab-dopamina .lab-facho::before {
  width: 30px; height: 30px; margin: -15px 0 0 -15px;
  border: 2px solid var(--novo);
  animation: lab-aro 300ms cubic-bezier(.2, .7, .3, 1) 18ms backwards;
}

html.lab-dopamina .lab-facho::after {
  width: 44px; height: 44px; margin: -22px 0 0 -22px;
  background: radial-gradient(circle,
    color-mix(in srgb, var(--novo) 72%, transparent) 0%,
    color-mix(in srgb, var(--novo) 28%, transparent) 40%,
    transparent 70%);
  animation: lab-bloom 220ms cubic-bezier(.15, .75, .25, 1) 0ms backwards;
}
@keyframes lab-aro {
  from { opacity: .95; transform: scale(.28); }
  to   { opacity: 0;   transform: scale(3.6); }
}
@keyframes lab-bloom {
  0%   { opacity: 0;   transform: scale(.35); }
  16%  { opacity: .80; transform: scale(1.4); }   
  100% { opacity: 0;   transform: scale(5.0); }
}





@keyframes lab-bau-fundo {
  




  from { background-color: rgba(0,0,0,0);   backdrop-filter: blur(0px); }
  to   { background-color: rgba(0,0,0,.66); backdrop-filter: blur(3px); }
}
html.lab-dopamina .overlay.bau.on { animation: lab-bau-fundo 140ms ease-out backwards; }









@keyframes lab-bau-sobe {
  from { visibility: hidden;  transform: scale(.93); }
  1%   { visibility: visible; }
  to   { visibility: visible; transform: scale(1); }
}
html.lab-dopamina .overlay.bau.on .modal {
  animation: lab-bau-sobe 190ms cubic-bezier(.16, 1, .3, 1) 88ms backwards;
}












@keyframes lab-item { from { transform: translateY(11px); } to { transform: translateY(0); } }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card {
  animation: lab-item 200ms cubic-bezier(.16, 1, .3, 1) backwards;
}
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(1)    { animation-delay: 0ms; }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(2)    { animation-delay: 26ms; }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(3)    { animation-delay: 52ms; }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(4)    { animation-delay: 78ms; }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(5)    { animation-delay: 104ms; }
html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card:nth-child(n+6)  { animation-delay: 130ms; }





@media (prefers-reduced-motion: reduce) {
  html.lab-dopamina .nf-achou.bau,
  html.lab-dopamina .overlay.bau.on,
  html.lab-dopamina .overlay.bau.on .modal,
  html.lab-dopamina .overlay.bau #ac-achou-corpo .nf-grid > .nf-card {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
  }
  html.lab-dopamina .lab-facho { display: none !important; }
}










.bp-lista { display: flex; flex-direction: column; gap: 6px; }
.bp-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 9px 10px; text-align: left; cursor: pointer;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 10px;
  color: inherit; font: inherit;
}
.bp-item:hover { border-color: var(--line-2); background: var(--bg-3); }




.bp-item.novo { border-color: var(--novo); }
.bp-foto {
  width: 34px; height: 34px; border-radius: 50%; flex: 0 0 34px;
  object-fit: cover; background: var(--bg-3);
}



.bp-sem {
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 700; color: var(--txt-2);
  border: 1px solid var(--line);
}
.bp-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.bp-nome {
  font-size: 13.5px; font-weight: 600; color: var(--txt);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}



.bp-sub { font-size: 12px; color: var(--txt-2); }
.bp-sub b { color: var(--novo); font-weight: 700; }
.bp-quando {
  font-size: 11.5px; color: var(--txt-2); white-space: nowrap; flex: 0 0 auto;
}



.pf-grade {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px; margin-top: 10px;
}
.pf-item {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; padding: 10px 12px;
}
.pf-rot { font-size: 11px; color: var(--txt-3); margin: 0 0 4px; }
.pf-val { font-size: 15px; color: var(--txt); font-weight: 600; margin: 0; }
.pf-val small { font-size: 11.5px; color: var(--txt-3); font-weight: 400; }
.pf-nichos { margin: 10px 0 0; font-size: 12.5px; color: var(--txt-2); line-height: 1.7; }
.pf-nichos b { color: var(--txt); }
.pf-vazio { font-size: 12.5px; color: var(--txt-3); margin: 10px 0 0; }










.pf-patente {
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 3px solid var(--novo);
  border-radius: 10px; padding: 12px 14px; margin-top: 10px;
}




.pf-patente { display: flex; align-items: center; gap: 14px; }
.pf-patente > .ptn { flex: 0 0 auto; }
.pf-pat-txt { flex: 1 1 auto; min-width: 0; }
.pf-patente .pf-val { font-size: 19px; margin-bottom: 8px; }
.pf-patente .pl-barra { max-width: 420px; }
.pf-passo {
  margin: 7px 0 0; font-size: 12px; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.pf-passo b { color: var(--txt-2); }

















.pf-gosto {
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 3px solid var(--line);
  border-radius: 10px; padding: 12px 14px; margin-top: 10px;
}
















.pf-missoes { margin-top: 12px; }
.pf-duas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px; align-items: start;
}
.pf-duas .pf-gosto { margin-top: 0; }
.pf-gosto.on { border-left-color: var(--novo); }
.pf-gosto .pf-val { font-size: 19px; margin-bottom: 8px; }
.pf-gosto .pl-barra { max-width: 420px; }



































#view-conta .pf-gosto .pc-tranca {
  background: none; border: 0; border-radius: 0;
  padding: 12px 0 0; margin-top: 12px;
  border-top: 1px solid var(--line);
}
#view-conta .pf-gosto {
  display: flex; flex-direction: column;
}






#view-conta .pf-gosto > *            { order: 5; }
#view-conta .pf-gosto > .pf-rot      { order: 1; }
#view-conta .pf-gosto > .pf-val,
#view-conta .pf-gosto > .pf-cab      { order: 2; }
#view-conta .pf-gosto > .pl-barra    { order: 3; margin-top: 2px; }
#view-conta .pf-gosto > .pl-marcos-rot { order: 4; }
#view-conta .pf-gosto > .pf-passo    { order: 6; margin-top: 8px; }
#view-conta .pf-gosto > .pc-tranca   { order: 7; }
#view-conta .pf-gosto > .pf-nota     { order: 8; }



.pf-gosto .pf-nota {
  margin: 6px 0 0; font-size: 12px; color: var(--txt-3); line-height: 1.45;
}



















.pc-tranca {
  --txt-3: #a5a19f;
  display: flex; align-items: center; gap: 10px;
  margin: 10px 0; padding: 9px 11px;
  background: var(--bg-3); border: 1px dashed var(--line); border-radius: 9px;
}
.pc-tranca.on { border-style: solid; border-color: rgba(126,226,168,.38); }
.pc-cad { display: flex; flex-shrink: 0; color: var(--txt-3); }
.pc-cad .ico { width: 20px; height: 20px; }
.pc-tranca.on .pc-cad { color: var(--novo); }
.pc-tranca-txt { min-width: 0; }
.pc-tranca-rot { margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--txt-2); }
.pc-tranca-rot b { color: var(--txt); font-weight: 600; }
.pc-tranca-est { margin: 5px 0 0; font-size: 11.5px; line-height: 1.4; color: var(--txt-3); }
.pc-tranca-est b { color: var(--txt-2); font-weight: 700; font-variant-numeric: tabular-nums; }





.pc-tranca-como {
  margin: 3px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--txt-3);
}
.pc-tranca-como b { color: var(--txt-2); font-weight: 600; }




.pc-tranca-onde {
  margin: 5px 0 0; font-size: 11px; line-height: 1.4; color: var(--txt-3);
}
.pc-tranca-onde b { color: var(--txt-2); font-weight: 600; }



.pl-barra.cheia i { background: #e0b660; }



























































.pl-med {
  --med: 24px;
  position: relative; flex: 0 0 auto;
  width: var(--med); height: var(--med);
  display: block; line-height: 0;
}


.pl-med svg {
  position: absolute; inset: 0; width: 100%; height: 100%; display: block;
}
.pl-med .fita-a { fill: #5a93d0; }
.pl-med .fita-b { fill: #3d6da3; }


.pl-med b {
  position: absolute; left: 16.7%; bottom: 0;
  width: 66.7%; height: 66.7%; border-radius: 50%;
  display: grid; place-items: center;
  font-size: calc(var(--med) * .38); font-weight: 800; line-height: 1;
  color: var(--m-tinta); font-variant-numeric: tabular-nums;
  background:
    conic-gradient(from 218deg,
      var(--m-som)   0%,  var(--m-metal) 12%, var(--m-luz)  24%,
      var(--m-metal) 36%, var(--m-som)   50%, var(--m-metal) 62%,
      var(--m-luz)   74%, var(--m-metal) 86%, var(--m-som)  100%);
  box-shadow: 0 0 0 1px var(--m-aro) inset,
              0 0 5px var(--m-halo),
              0 1px 2px rgba(0,0,0,.55);
}


.pl-med b i {
  position: absolute; inset: 0; border-radius: 50%; pointer-events: none;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.9) 0%,
                    rgba(255,255,255,.28) 34%, rgba(255,255,255,0) 62%);
}











.pl-med.m1 b, .pl-med.m2 b, .pl-med.m3 b {
  color: var(--m-tinta); font-weight: 800;
}




.pl-med.m1 {
  --m-luz: #fff2b8; --m-metal: #ffc233; --m-som: #a86c00;
  --m-aro: #7d4f00; --m-halo: rgba(255,194,51,.55); --m-tinta: #4a3000;
}
.pl-med.m2 {
  --m-luz: #ffffff; --m-metal: #dfe6ee; --m-som: #8b97a4;
  --m-aro: #6b7682; --m-halo: rgba(223,230,238,.45); --m-tinta: #2b3138;
}
.pl-med.m3 {
  --m-luz: #ffd0a8; --m-metal: #e08a44; --m-som: #8a4514;
  --m-aro: #6b340e; --m-halo: rgba(224,138,68,.5); --m-tinta: #3d1f06;
}



























































.pf-faixa {
  display: flex; align-items: center; flex-wrap: nowrap;
  gap: 20px; min-width: 0; max-width: 100%;
  margin: 0; padding: 0;
}
.pf-faixa[hidden] { display: none; }





























.pf-fx-bloco {
  --bx-pad: 0px;
  display: flex; align-items: center; gap: 10px;
  padding: 2px var(--bx-pad);
  border: 1px solid transparent; border-radius: 10px;
  min-width: 0; position: relative;
  transition: background .14s ease;
}








































.pf-fx-cad-so { flex: none; display: inline-flex; align-items: center;
                margin-left: 2px; opacity: .85; }




.pl-secao-alg { margin-top: 16px; padding-top: 14px;
                border-top: 1px solid var(--line); }

.pf-fx-rot {
  margin: 0; font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--txt-3); white-space: nowrap;
}





.pf-fx-val {
  margin: 0; font-size: 14px; font-weight: 650; color: var(--txt);
  white-space: nowrap; line-height: 1.25;
  display: flex; align-items: baseline; gap: 7px;
}



























.pf-fx-txt, .pf-fx-podio {
  display: grid; grid-template-rows: 13px 18px 4px; row-gap: 2px;
  align-content: center;
}
.pf-fx-rot, .pf-fx-val, .pf-fx-tres { margin: 0; align-self: center; }

.pf-fx-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pf-fx-val small { font-size: 11.5px; font-weight: 400; color: var(--txt-3); }
.pf-fx-txt { min-width: 0; }


















.pf-fx-eu .pf-fx-txt { flex-shrink: 0; max-width: 230px; }




.pf-fx-eu .pf-fx-nome { flex: 0 1 auto; }



.pf-av {
  width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto;
  display: grid; place-items: center;
  font-size: 11.5px; font-weight: 700; letter-spacing: .3px;
  color: hsl(28 70% 88%);
  background: hsl(28 32% 26%);
  border: 1px solid hsl(28 35% 38%);
}




.cn-com-foto { position: relative; overflow: hidden; }
.cn-com-foto > img.cn-foto {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; border-radius: 50%; display: block;
}




















.pf-fx-quem {
  position: relative; display: inline-flex; flex: 0 0 auto; padding: 4px;
  aspect-ratio: 1; align-items: center; justify-content: center;
}









.pf-fx-eu .pf-fx-rot { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.pf-fx-nvt { color: var(--info); font-weight: 700; letter-spacing: .06em; cursor: help; white-space: nowrap; }
.pf-fx-nvt b { font-size: 12px; font-variant-numeric: tabular-nums; }
.pf-fx-xp { align-self: center; height: 4px; border-radius: 2px; background: rgba(77,159,255,.16); overflow: hidden; cursor: help; }
.pf-fx-xp i { display: block; width: 100%; height: 100%; border-radius: 2px; background: var(--info);
  transform-origin: left center; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.pf-fx-xp.pf-xp-acende i { box-shadow: 0 0 10px rgba(77,159,255,.9); }
.pf-xp-pop { position: absolute; z-index: 9500; pointer-events: none; transform: translate(-50%, 0);
  font-size: 13px; font-weight: 800; color: var(--info); text-shadow: 0 1px 6px rgba(0,0,0,.6);
  animation: pfXpPop 1.4s ease-out forwards; }
.pf-xp-pop.sobe { font-size: 16px; color: #fff; }
@keyframes pfXpPop { 0% { opacity: 0; transform: translate(-50%, 4px) scale(.8); } 15% { opacity: 1; transform: translate(-50%, -6px) scale(1.1); } 100% { opacity: 0; transform: translate(-50%, -30px) scale(1); } }

































.pf-fx-prog { display: none; }
.tem-pct::after, .tem-pct::before {
  content: ""; position: absolute; bottom: 4px; height: 2px; border-radius: 2px;
}




.tem-pct::after {
  left: var(--bx-pad); right: var(--bx-pad); background: var(--line-2);
}
.tem-pct::before {
  left: var(--bx-pad);
  width: calc((100% - var(--bx-pad) * 2) * var(--pct) / 100);
  background: var(--txt-2); z-index: 1;
}






.pf-fx-passo {
  




  margin: 0; font-size: 11px; font-weight: 500; color: var(--txt-2);
  font-variant-numeric: tabular-nums; white-space: nowrap; flex: none;
}





.pf-fx-passo small { font-size: 11px; font-weight: 500; }
















.pf-fx-podio { max-width: 340px; }












.pf-fx-tres { display: flex; gap: 8px; overflow: hidden; }





.pf-fx-um {
  display: inline-flex; align-items: center; gap: 4px; min-width: 0;
  font-size: 11.5px; color: var(--txt-2); white-space: nowrap;
}
.pf-fx-um b { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pf-fx-um b { color: var(--txt); font-weight: 500; }
.pf-fx-um span { color: var(--txt-3); font-variant-numeric: tabular-nums; }
.pf-fx-um.eu b { font-weight: 700; }















.pf-fx-um .pl-med { --med: 17px; }




















.pf-fx-val { font-variant-numeric: tabular-nums; }







.pf-fx-mais {
  border: 0; background: none; padding: 0; cursor: pointer;
  color: var(--info); font-size: 12px; text-decoration: underline;
  align-self: center; white-space: nowrap;
}
.pf-fx-mais:hover { color: var(--txt); }





.pf-rende {
  margin: 14px 0 0; padding: 12px 14px;
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 10px;
}
.pf-rende .pf-val { color: var(--novo); }
.pf-rende .pl-barra { margin: 6px 0 0; }




.pf-fx-rende { cursor: help; position: relative; overflow: hidden; }
.pf-fx-rende .pf-fx-val { color: var(--novo); }








































.pf-fx-rende::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 260%;
  pointer-events: none;
  background: linear-gradient(100deg,
    rgba(126, 226, 168, 0) 40%,
    rgba(126, 226, 168, .14) 50%,
    rgba(126, 226, 168, 0) 60%);
  transform: translateX(-116.92%);
}
@media (prefers-reduced-motion: no-preference) {
  .pf-fx-rende::after { animation: plBrilho 13s linear infinite; }
}














.pl-medindo .pf-fx-rende::after { animation: none !important; }
@keyframes plBrilho {
  0%        { transform: translateX(-116.92%); }
  12%, 100% { transform: translateX(55.38%); }
}








.pf-fx-bloco {
  font: inherit; color: inherit; text-align: left;
  background: none; cursor: pointer;
  






  min-width: 0; overflow: hidden;
}





.pf-fx-fora { display: none !important; }
















.pf-fx-eu {
  --bx-pad: 12px;
  background: var(--bg-3);
}
.pf-fx-eu .pf-fx-rot { color: var(--txt-2); }
.pf-fx-eu .pf-fx-val { font-size: 15.5px; font-weight: 700; }










.pf-fx-gosto .pf-fx-val,
.pf-fx-rende .pf-fx-val {
  font-size: 13px; font-weight: 550; color: var(--txt-2);
}






.pf-fx-bloco:hover,
.pf-fx-bloco:focus-visible,
.pf-fx-bloco[aria-expanded="true"] {
  background: rgba(255,255,255,.055);
  box-shadow: 0 0 0 7px rgba(255,255,255,.055);
}


.pf-fx-eu:hover,
.pf-fx-eu:focus-visible,
.pf-fx-eu[aria-expanded="true"] {
  background: #2b2827;
  box-shadow: none;
}











.pl-lista.g-rende { width: 520px; }







.pl-lista.g-podio { width: 360px; }




.pl-aprendeu { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }




.pl-como {
  margin: 0 0 10px; font-size: 11.5px; line-height: 1.5; color: var(--txt-3);
}
.pl-como b { color: var(--txt-2); font-weight: 600; }




.pl-xp {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
  margin: 8px 0;
}
.pl-xp span {
  display: flex; flex-direction: column; gap: 2px;
  padding: 6px 8px; border-radius: 8px;
  background: var(--bg-3); border: 1px solid var(--line);
  font-size: 11px; color: var(--txt-3);
}
.pl-xp b {
  font-size: 13px; font-weight: 650; color: var(--txt);
  font-variant-numeric: tabular-nums;
}




.pl-segredo { display: block; margin-top: 3px; font-size: 11px; color: var(--txt-3); }

.pl-gosto { margin: 6px 0 0; font-size: 11.5px; color: var(--txt-3); line-height: 1.6; }
.pl-gosto b { color: var(--txt-2); font-weight: 600; }
.pl-gosto span { font-variant-numeric: tabular-nums; }






















.pl-corrente {
  display: flex; align-items: stretch; gap: 6px; margin: 0 0 10px;
}
.pl-corrente span {
  flex: 1; display: flex; flex-direction: column; gap: 1px;
  padding: 7px 9px; border-radius: 8px;
  background: var(--bg-3); border: 1px solid var(--line);
  font-size: 11px; color: var(--txt-3); line-height: 1.3;
}
.pl-corrente b {
  font-size: 16px; font-weight: 650; color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.pl-corrente span.fim { border-color: color-mix(in srgb, var(--novo) 45%, var(--line)); }
.pl-corrente span.fim b { color: var(--novo); }
.pl-corrente i {
  align-self: center; font-style: normal; font-size: 13px; color: var(--txt-3);
}






.pl-ganho {
  margin: 0 0 10px; font-size: 12px; line-height: 1.5; color: var(--txt-2);
}
.pl-ganho b { color: var(--novo); font-weight: 650; font-variant-numeric: tabular-nums; }
.pl-convite {
  margin: 8px 0 0; padding: 8px 10px; border-radius: 8px;
  background: var(--bg-3); border: 1px solid var(--line);
  font-size: 11.5px; line-height: 1.5; color: var(--txt-3);
}
.pl-convite b { color: var(--txt-2); font-weight: 650; }




















.pc-chave {
  margin: 8px 0 0; padding: 10px 11px; border-radius: 8px;
  background: var(--bg-3); border: 1px solid var(--line-2);
  display: flex; flex-direction: column; gap: 7px;
}
.pc-chave-rot {
  margin: 0; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-2); font-weight: 600;
}
.pc-chave-txt {
  margin: 0; font-size: 11.5px; line-height: 1.55; color: var(--txt-2);
}
.pc-chave-txt b { color: var(--txt); font-weight: 650; }




.pc-chave-pe {
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}






.pc-chave-pe > span {
  flex: 1 1 150px; min-width: 0;
  font-size: 11px; line-height: 1.45; color: var(--txt-2);
}



















.pc-chave.na-aba {
  max-width: 760px; margin: 0 0 14px; padding: 12px 13px; gap: 8px;
}
.pc-chave.na-aba .pc-chave-rot { font-size: 11px; }
.pc-chave.na-aba .pc-chave-txt { font-size: 12.5px; }
.pc-chave.na-aba .pc-chave-pe > span { font-size: 11.5px; }

.pl-sem { margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); }



.pl-sem-de {
  margin: 0 0 6px; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-3);
}
.pl-cara { display: flex; align-items: center; gap: 9px; }
.pl-cara-av {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  object-fit: cover; background: var(--bg-3);
}


.pl-cara-av.vazio {
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--line); color: var(--txt-3);
  font-size: 14px; font-weight: 650;
}
.pl-cara-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pl-cara-txt b {
  font-size: 13px; font-weight: 650; color: var(--txt);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}



.pl-cara-txt span { font-size: 11px; line-height: 1.45; color: var(--txt-3); }



.pl-cara-txt span b {
  


  font-size: inherit; color: var(--novo); font-weight: 650;
  font-variant-numeric: tabular-nums;
}




.pl-capas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 8px 0 0; }
.pl-capa {
  position: relative; display: block; border-radius: 6px; overflow: hidden;
  border: 1px solid var(--line); background: var(--bg-3); line-height: 0;
}
.pl-capa img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.pl-capa:hover { border-color: var(--txt-3); }


.pl-capa i {
  position: absolute; right: 4px; bottom: 4px;
  padding: 1px 5px; border-radius: 5px;
  background: rgba(0,0,0,.78); color: #fff;
  font-style: normal; font-size: 11px; font-weight: 600; line-height: 1.5;
  font-variant-numeric: tabular-nums;
}








.pl-ach {
  display: flex; align-items: center; gap: 10px; padding: 5px 0;
  text-decoration: none; color: inherit;
}
.pl-ach + .pl-ach { border-top: 1px solid var(--line); }
.pl-ach-capa {
  width: 92px; height: 52px; flex: none; border-radius: 5px;
  object-fit: cover; background: var(--bg-3); border: 1px solid var(--line);
}
.pl-ach-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pl-ach-txt b {
  font-size: 12.5px; font-weight: 600; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pl-ach-txt > span {
  font-size: 11px; color: var(--txt-3); font-variant-numeric: tabular-nums;
}
.pl-ach-txt em { font-style: normal; color: var(--txt-2); font-weight: 600; }
.pl-ach:hover b { color: var(--txt); }
.pl-ach:hover .pl-ach-capa { border-color: var(--txt-3); }















.pl-resto {
  display: block; width: 100%; margin: 6px 0 0; padding: 6px 0 0;
  border: 0; border-top: 1px solid var(--line); background: none;
  text-align: left; cursor: pointer; font: inherit;
  font-size: 11px; line-height: 1.5; color: var(--txt-3);
}
.pl-resto b { color: var(--novo); font-weight: 650; font-variant-numeric: tabular-nums; }
.pl-resto:hover { color: var(--txt-2); }
.pl-resto:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; border-radius: 4px; }











.pl-mais {
  display: block; width: 100%; margin: 14px 0 0; color: var(--txt-2);
}
.pl-mais b { color: var(--novo); font-weight: 650; font-variant-numeric: tabular-nums; }
.pl-mais:hover { color: var(--txt); }






.nf-card.pc-parou {
  transform: scale(1.012);
  transition: transform .26s cubic-bezier(.2,.9,.3,1);
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) { .nf-card.pc-parou { transform: none; } }


















.nf-achou {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 999px; font: inherit; font-size: 11px; font-weight: 800;
  font-variant-numeric: tabular-nums; line-height: 1;
  color: var(--novo); border: 1px solid color-mix(in srgb, var(--novo) 45%, transparent);
  background: color-mix(in srgb, var(--novo) 12%, transparent);
  cursor: pointer;
}
.nf-achou:hover {
  border-color: var(--novo);
  background: color-mix(in srgb, var(--novo) 22%, transparent);
}
.nf-achou:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }






































html.lab-raridade .nf-achou.loot-raro {
  color: color-mix(in srgb, var(--info) 30%, #fff);
  border-color: var(--info);
  background: color-mix(in srgb, var(--info) 18%, transparent);
}
html.lab-raridade .nf-achou.loot-epico {
  color: color-mix(in srgb, var(--purple) 30%, #fff);
  border-color: var(--purple);
  background: color-mix(in srgb, var(--purple) 22%, transparent);
  

  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--purple) 45%, transparent);
}




html.lab-raridade .nf-achou.loot-lendario {
  color: #0d0802;
  border-color: color-mix(in srgb, var(--laranja-lendario, #ff8a20) 70%, #fff);
  background:
    conic-gradient(from 210deg,
      color-mix(in srgb, #ff8a20 62%, var(--bg-2)) 0deg,
      color-mix(in srgb, #ff8a20 92%, #fff) 90deg,
      color-mix(in srgb, #ff8a20 70%, var(--bg-2)) 200deg,
      color-mix(in srgb, #ff8a20 88%, #fff) 300deg,
      color-mix(in srgb, #ff8a20 62%, var(--bg-2)) 360deg);
  

  box-shadow: 0 0 0 1px rgba(255,255,255,.34), 0 0 10px -1px rgba(255,138,32,.55);
}
html.lab-raridade .nf-achou.loot-raro:hover {
  background: color-mix(in srgb, var(--info) 26%, transparent);
}
html.lab-raridade .nf-achou.loot-epico:hover {
  background: color-mix(in srgb, var(--purple) 30%, transparent);
}
html.lab-raridade .nf-achou.loot-lendario:hover {
  box-shadow: 0 0 0 1px rgba(255,255,255,.5), 0 0 14px 0 rgba(255,138,32,.7);
}










.ac-frase {
  margin: 0 0 6px; font-size: 13.5px; line-height: 1.5; color: var(--txt);
}




.ac-frase b { color: var(--novo); font-weight: 700; }
.ac-como { margin: 0 0 12px; line-height: 1.55; }
.ac-como .vb-chave { margin-right: 2px; }
























.pf-fx-gosto .pf-fx-txt { flex-shrink: 0; max-width: 185px; }




.pf-fx-cad {
  


  display: inline-flex; align-self: center;
  




  color: var(--txt-2);
}












.pf-fx-cad.on { color: var(--txt-2); }
































.nf-ord.propria {
  border: 1px solid rgba(126, 226, 168, .38);
  background: rgba(126, 226, 168, .07);
  color: var(--txt); padding: 4px 8px; gap: 5px;
}
.nf-ord.propria .ico { width: 12px; height: 12px; color: var(--novo); }
.nf-ord.propria:hover {
  background: rgba(126, 226, 168, .13); border-color: rgba(126, 226, 168, .55);
}





.nf-ord.propria.on {
  background: var(--novo); border-color: var(--novo); color: #0f0e0e;
  font-weight: 600;
}
.nf-ord.propria.on .ico { color: #0f0e0e; }
.nf-ord.propria.on i { opacity: .75; color: #0f0e0e; }





.nf-ord.propria.trancada {
  



  border: 1px dashed var(--line); background: none; color: #9a9694;
}
.nf-ord.propria.trancada .ico { color: #9a9694; }
.nf-ord.propria.trancada:hover {
  color: var(--txt-2); background: var(--bg-2); border-color: var(--line);
}




#pc-tranca-pop { width: 340px; }
#pc-tranca-pop .pc-tranca { margin-top: 0; }
.pf-fx-cad .ico { width: 13px; height: 13px; }









.pl-escada { grid-template-columns: repeat(6, 1fr); gap: 3px; }






.pl-escada span { font-variant-numeric: tabular-nums; padding-left: 3px; padding-right: 3px; }





.pl-escada span.on {
  border-color: var(--novo); background: color-mix(in srgb, var(--novo) 12%, var(--bg-3));
}
.pl-escada span.on b { color: var(--novo); }



























































































.nf-raro {
  font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; padding: 2px 7px; border-radius: 5px;
  border: 1px solid currentColor; cursor: help; white-space: nowrap;
  line-height: 1.35;
}
.nf-raro.r-raro     { color: var(--info);   background: rgba(77,159,255,.10); }
.nf-raro.r-epico    { color: var(--purple); background: rgba(169,112,255,.12); }






































.nf-raro.r-lendario {
  color: #1a1005; border-color: #b0651a;
  position: relative; overflow: hidden; isolation: isolate;
}
.nf-raro.r-lendario::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 200%;
  z-index: -1;
  background: linear-gradient(120deg,#ffc880 0%,#ff8a20 45%,#d96a0c 100%);
  animation: raro-brilho 6s ease-in-out infinite;
}
@keyframes raro-brilho {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .nf-raro.r-lendario::before { animation: none; }
}






.nf-raro.r-mitico {
  color: #fff; background: var(--out-mitico); border-color: var(--out-anel);
  box-shadow: inset 0 0 0 1px var(--out-anel);
}
















































.nf-card.raro-raro,
.nf-card.raro-epico,
.nf-card.raro-lendario { --txt-3: #a5a19f; }






































.nf-card.raro-raro {
  background: linear-gradient(150deg, #14304d 0%, #182430 55%, #191e25 100%);
  --bg-2: #121b27; --bg-3: #1e3853;
}
.nf-card.raro-raro:not(.sel-on) {
  border-color: #2f6cad;
  box-shadow: inset 0 0 0 1px rgba(77,159,255,.13);
}
.nf-card.raro-raro:not(.sel-on):hover { border-color: #4a8fd8; }

.nf-card.raro-epico {
  background: linear-gradient(150deg, #33195a 0%, #251d34 55%, #1f1d26 100%);
  --bg-2: #1c1526; --bg-3: #3a2258;
}
.nf-card.raro-epico:not(.sel-on) {
  border-color: #6a3fb4;
  box-shadow: inset 0 0 0 1px rgba(169,112,255,.14);
}
.nf-card.raro-epico:not(.sel-on):hover { border-color: #8a5ce0; }

.nf-card.raro-lendario {
  background: linear-gradient(150deg, #4a2a08 0%, #2f2214 55%, #241f19 100%);
  --bg-2: #241a0f; --bg-3: #4a3116;
}
.nf-card.raro-lendario:not(.sel-on) {
  border-color: #b06a17;
  box-shadow: inset 0 0 0 1px rgba(255,138,32,.18),
              0 0 22px -8px rgba(255,138,32,.55);
}
.nf-card.raro-lendario:not(.sel-on):hover { border-color: #e08a28; }















.nf-card.raro-raro  .nf-raro.r-raro,
.nf-card.raro-epico .nf-raro.r-epico { background: rgba(0,0,0,.55); }



























.nf-card.raro-raro     .nf-nome > a { color: var(--info); }
.nf-card.raro-epico    .nf-nome > a { color: var(--purple); }
.nf-card.raro-lendario .nf-nome > a { color: #ff8a20; }

































.nf-aba-novo {
  position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
  border-radius: var(--r) 0 0 var(--r);
  pointer-events: none; overflow: hidden;
  background: var(--novo);
  




  box-shadow: 0 0 14px -2px color-mix(in srgb, var(--novo) 55%, transparent);
  












  transition: opacity .6s ease 1.1s;
}
.nf-aba-novo.saiu { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  


  .nf-aba-novo { transition: none; }
}














#view-achados .nf-aba-novo::after {
  content: ""; position: absolute; left: 0; right: 0; height: 24%;
  background: linear-gradient(180deg, transparent, #fff, transparent);
  mix-blend-mode: screen; opacity: .9;
  transform: translateY(-160%);
  animation: nfAbaBrilho 4.6s ease-in-out infinite;
}


@keyframes nfAbaBrilho {
  0%   { transform: translateY(-160%); }
  36%  { transform: translateY(520%); }
  100% { transform: translateY(520%); }
}
@media (prefers-reduced-motion: reduce) {
  #view-achados .nf-aba-novo::after { display: none; }
}






.ah-semente .nf-card > .nf-aba-novo { display: none; }
















































































.nf-lamina {
  position: absolute; inset: 0; border-radius: inherit;
  overflow: hidden; pointer-events: none; z-index: 5;
}






















































.nf-halo {
  position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; z-index: 4; opacity: 0;
  box-shadow: 0 0 0 calc(var(--rar-fio, 1px) * .6) var(--rar-flash, transparent),
              0 0 calc(var(--rar-raio, 34px) * .66) calc(var(--rar-esp, 3px) * .45) var(--rar-flash, transparent);
}
.nf-halo::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; opacity: 0;
  box-shadow: 0 0 0 var(--rar-fio, 1px) var(--rar-fogo, var(--rar-flash, transparent)),
              0 0 var(--rar-raio, 34px) var(--rar-esp, 3px) var(--rar-flash, transparent);
}
.nf-lamina.revelar + .nf-halo {
  animation: nfHalo 1.95s ease-out;
  will-change: opacity;
}
.nf-lamina.revelar + .nf-halo::before {
  animation: nfHaloFio 1.95s ease-out;
  will-change: opacity;
}




































.nf-lamina::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0;
  width: 34%;
  background: linear-gradient(90deg,
              transparent 0%,
              var(--rar-ombro, transparent) 42%,
              var(--rar-luz, transparent) 50%,
              var(--rar-ombro, transparent) 58%,
              transparent 100%);
  transform: translateX(-180%) skewX(-16deg);
  animation: nfLamina var(--rar-ciclo, 13s) linear infinite;
  animation-delay: var(--rar-fase, 0s);
  animation-play-state: paused;
}











.nf-lamina.revelar::before,
.nf-lamina.vista::before { animation-play-state: running; }




































.nf-card.raro-lendario .nf-lamina::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(130% 115% at 50% 44%,
              #fff 0%, #fff 52%, var(--rar-fogo, #fff) 72%, transparent 100%);
  opacity: 0; pointer-events: none;
}










.nf-card.raro-lendario .nf-lamina.revelar::after {
  animation: nfClarao 1.5s cubic-bezier(.16,.84,.3,1);
  will-change: opacity, transform;
}



@keyframes nfClarao {
  0%   { opacity: 0;   transform: scale(.9); }
  7%   { opacity: 1;   transform: scale(1); }
  25%  { opacity: 1;   transform: scale(1); }
  60%  { opacity: .42; transform: scale(1.015); }
  100% { opacity: 0;   transform: scale(1.03); }
}
@keyframes nfLamina {
  0%   { transform: translateX(-180%) skewX(-16deg); }
  13%  { transform: translateX(400%)  skewX(-16deg); }
  100% { transform: translateX(400%)  skewX(-16deg); }
}


























@keyframes nfHalo {
  0%, 20% { opacity: 1; }
  100%    { opacity: 0; }
}
@keyframes nfHaloFio {
  0%        { opacity: 1; }
  20%, 100% { opacity: 0; }
}


.nf-card.raro-raro {
  --rar-luz: rgba(77,159,255,.16);  --rar-ombro: rgba(77,159,255,.056);
  --rar-flash: rgba(77,159,255,.40); --rar-fio: 1px; --rar-raio: 30px; --rar-esp: 2px;
  --rar-ciclo: 13s;
}
.nf-card.raro-epico {
  --rar-luz: rgba(169,112,255,.22); --rar-ombro: rgba(169,112,255,.077);
  --rar-flash: rgba(169,112,255,.50); --rar-fio: 1px; --rar-raio: 38px; --rar-esp: 3px;
  --rar-ciclo: 9.5s;
}

.nf-card.raro-lendario {
  --rar-luz: rgba(255,168,72,.24);  --rar-ombro: rgba(255,168,72,.084);
  --rar-flash: rgba(255,150,40,.88); --rar-fogo: rgba(255,232,196,.95);
  --rar-fio: 3px; --rar-raio: 70px; --rar-esp: 14px; --rar-ciclo: 6s;
}



.nf-card.sel-on > .nf-lamina,
.nf-card.sel-on > .nf-halo { display: none; }

@media (prefers-reduced-motion: reduce) {
  .nf-lamina, .nf-halo { display: none; }
}









.pc-achado {
  position: fixed; left: 50%; bottom: 78px; z-index: 90;
  display: flex; align-items: center; gap: 12px;
  max-width: min(560px, calc(100vw - 40px));
  padding: 12px 14px 12px 12px;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 12px; box-shadow: 0 14px 40px rgba(0,0,0,.5);
  animation: achado-entra .5s cubic-bezier(.22,1,.36,1);
  transform: translateX(-50%);
}
@keyframes achado-entra {
  from { opacity: 0; transform: translate(-50%, 18px) scale(.96); }
  to   { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
.pc-achado-sel {
  flex: 0 0 auto; align-self: flex-start;
  font-size: 11px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; padding: 4px 9px; border-radius: 6px;
  border: 1px solid currentColor;
}
.pc-achado.r-raro  .pc-achado-sel { color: var(--info);   background: rgba(77,159,255,.12); }
.pc-achado.r-epico .pc-achado-sel { color: var(--purple); background: rgba(169,112,255,.14); }
.pc-achado-txt { display: grid; gap: 2px; min-width: 0; }
.pc-achado-txt b { font-size: 14px; color: var(--txt); }
.pc-achado-txt i {
  font-style: normal; font-size: 12px; color: var(--txt-3); line-height: 1.4;
}
.pc-achado-x {
  margin-left: auto; align-self: flex-start; flex: 0 0 auto;
  border: 0; background: none; color: var(--txt-3);
  font-size: 13px; cursor: pointer; padding: 2px 4px; line-height: 1;
}
.pc-achado-x:hover { color: var(--txt); }









.pc-achado.r-lendario {
  border-color: #b0651a;
  background:
    linear-gradient(100deg, rgba(255,138,32,.22) 0%, rgba(255,138,32,0) 42%),
    var(--bg-2);
  background-size: 240% 100%, auto;
  background-repeat: no-repeat;
  animation: achado-entra .5s cubic-bezier(.22,1,.36,1),
             achado-metal 2.6s ease-out .35s 1;
}
@keyframes achado-metal {
  from { background-position: -140% 0, 0 0; }
  to   { background-position: 240% 0, 0 0; }
}
.pc-achado.r-lendario .pc-achado-sel {
  color: #1a1005; border-color: #b0651a;
  background: linear-gradient(160deg,#ffc880 0%,#ff8a20 46%,#c05f0d 100%);
}

@media (prefers-reduced-motion: reduce) {
  .pc-achado, .pc-achado.r-lendario { animation: none; }
}













































.vb-chave {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px; color: var(--txt-2); white-space: nowrap;
  border: 1px dashed var(--line-2); background: none;
  padding: 2px 8px; border-radius: 5px; display: inline-flex; align-items: center; gap: 6px;
}



.vb-chave i { font-style: normal; font-weight: 700; opacity: .85;
  border-left: 1px solid var(--line-2); padding-left: 6px; }





.ah-linhagem { margin: 0 0 18px; }















.ah-pai {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-bottom: 1px solid var(--line);
}


.ah-pai:last-child { border-bottom: 0; }






.ah-pai { flex-wrap: wrap; }
.ah-pai-txt { font-size: 13.5px; color: var(--txt-2); min-width: 0; }
.ah-pai-txt b { color: var(--txt); font-weight: 700; }



.ah-pai-por { font-size: 11.5px; color: var(--txt-3); }











.ah-chaves {
  display: flex; flex-wrap: wrap; gap: 5px; min-width: 0;
}
































.ah-pai-n {
  position: absolute; top: 0; left: -1px; z-index: 2;
  transform: translateY(-50%);
  font-size: 11px; font-weight: 700; color: var(--novo);
  background: color-mix(in srgb, var(--novo) 10%, var(--bg));
  border: 1px solid rgba(126, 226, 168, .30);
  border-radius: 20px; padding: 2px 9px; white-space: nowrap;
}
























.ah-semente {
  border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;
}
.ah-semente .nf-cab-acoes,
.ah-semente .nf-julgar,
.ah-semente .nf-sel { display: none; }





.ah-semente .nf-achou { display: none; }
.ah-semente .nf-card-rodape { grid-template-columns: 1fr; }



































.ah-semente .nf-numeros,
.ah-semente .nf-nicho.fino,
.ah-semente .nf-dono,
.ah-semente .nf-dono-mais,
.ah-semente .nf-copiar { display: none; }











.ah-semente .nf-card-cab { display: none; }













.ah-semente {
  border-left: 3px solid var(--line-2);
  background: var(--bg-2);
}












.ah-semente .nf-card,
.ah-semente .nf-card:hover {
  border: 0; border-radius: 0; box-shadow: none;
}























.ah-semente .nf-fila {
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  column-gap: 8px;
}
.ah-semente .nf-v > :not(.mini-th) { display: none; }
.ah-semente .nf-v img { border-radius: 6px; }
.ah-semente .mini-dur { right: 4px; bottom: 4px; font-size: 11px; padding: 1px 4px; }







































.ah-ramo { position: relative; margin: -2px 0 0 26px; padding-left: 18px; }
.ah-ramo > .nf-card { position: relative; margin-top: 10px; }



























































.ah-ramo > .nf-card::after {
  content: ""; position: absolute; left: -18px; top: -13px; bottom: -13px;
  width: 1px;
  background-color: color-mix(in srgb, var(--novo) 45%, transparent);
  background-image: repeating-linear-gradient(180deg,
    transparent 0 96px,
    color-mix(in srgb, #fff 55%, transparent) 132px,
    transparent 180px);
  background-size: 1px 180px;
  animation: ahFioDesce 2.4s linear infinite;
  pointer-events: none;
}
.ah-ramo > .nf-card:last-child::after { bottom: auto; height: 39px; }
.ah-ramo > .nf-card::before {
  content: ""; position: absolute; left: -18px; top: 26px;
  width: 14px; height: 1px;
  background-color: color-mix(in srgb, var(--novo) 45%, transparent);
  background-image: linear-gradient(90deg,
    transparent 0%, var(--novo) 50%, transparent 100%);
  background-size: 200% 100%; background-repeat: no-repeat;
  animation: ahFioChega 2.4s linear infinite;
  pointer-events: none;
}









.ah-ramo > .nf-card.novo::before {
  background-color: var(--novo);
  background-image: linear-gradient(90deg,
    transparent 0%, color-mix(in srgb, #fff 55%, transparent) 50%, transparent 100%);
  background-size: 200% 100%; background-repeat: no-repeat;
  animation: ahFioChega 2.4s linear infinite;
}






































#view-achados .ah-ramo > .nf-card.recem:not(.sel-on):not(.raro-raro):not(.raro-epico):not(.raro-lendario) {
  border-color: color-mix(in srgb, var(--novo) 58%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--novo) 12%, transparent),
              0 0 20px -6px color-mix(in srgb, var(--novo) 42%, transparent);
}
#view-achados .ah-ramo > .nf-card.recem:not(.sel-on):not(.raro-raro):not(.raro-epico):not(.raro-lendario):hover {
  border-color: var(--novo);
}

@keyframes ahFioDesce { from { background-position-y: 0; } to { background-position-y: 180px; } }
@keyframes ahFioChega { from { background-position-x: -100%; } to { background-position-x: 200%; } }
@media (prefers-reduced-motion: reduce) {
  .ah-ramo > .nf-card::after,
  .ah-ramo > .nf-card::before { animation: none; }
  


  .ah-ramo > .nf-card::after,
  .ah-ramo > .nf-card::before { background-image: none; }
}

@media (max-width: 720px) {
  .ah-ramo { margin-left: 10px; padding-left: 12px; }
  .ah-ramo > .nf-card::before { left: -12px; width: 10px; }
  .ah-ramo > .nf-card::after { left: -12px; }
}























.tp-caixa { position: relative; display: inline-flex; }







.tp-caixa[hidden] { display: none; }




#tour-lista { max-height: min(70vh, 560px); overflow-y: auto; }

























#btnMenu { height: 30px; padding-top: 0; padding-bottom: 0; }






#btnAdd { font-size: 19px; font-weight: 400; line-height: 1; }





















.bar-ic {
  min-width: 30px; height: 30px; padding: 0 7px; gap: 0;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--txt-2);
  border-color: transparent;
}



.bar-ic:hover { color: var(--txt); background: var(--bg-3); }














































.bar-pilula {
  display: inline-flex; align-items: center; gap: 1px;
  height: 30px; padding: 0 3px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 999px;
}



.bar-pilula .bar-ic { min-width: 26px; height: 26px; padding: 0 5px; border-radius: 999px; }
.bar-pilula .btn.ic { width: 26px; height: 26px; border-radius: 999px; font-size: 17px; }



.bar-pilula .ct-conta-topo .ct-id {
  height: 26px; padding: 0 4px 0 2px; gap: 3px; background: none;
}
.bar-pilula .ct-conta-topo .ct-id:hover { background: var(--bg-4); }


.bar-pilula[hidden] { display: none; }




.bar-ic .ico { width: 17px; height: 17px; vertical-align: 0; margin-right: 0; }



.bar-ic .sel-topo:first-of-type { margin-left: 5px; }






#btnProcedencia.on {
  background: var(--bg-3); border-color: var(--line-2); color: var(--txt);
}





































































.bar-palavra {
  height: 30px; padding: 0 11px; gap: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12.5px; font-weight: 600;
}
.bar-palavra .ico { width: 15px; height: 15px; margin-right: 0; vertical-align: 0; }
.bar-palavra .sel-topo:first-of-type { margin-left: 3px; }





.bar-falar {
  




  background: none; border-color: var(--accent-2); color: var(--accent-2);
}
.bar-falar:hover { background: none; border-color: #ffc248; color: #ffc248; }
.tp-lista {
  display: none; position: absolute; top: calc(100% + 8px); right: 0;
  width: 268px; z-index: 60; padding: 6px;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); box-shadow: var(--shadow);
}
.tp-lista.on { display: block; }
.tp-item {
  display: flex; align-items: center; gap: 8px;
  width: 100%; text-align: left; padding: 8px 10px;
  border: 0; border-radius: 8px; background: none; color: inherit;
  cursor: pointer; font: inherit;
}
.tp-item + .tp-item { margin-top: 2px; }
.tp-item:hover, .tp-item:focus-visible { background: var(--bg-3); }




.tp-txt { flex: 1; min-width: 0; }
.tp-txt b { display: block; font-size: 13.5px; font-weight: 600; color: var(--txt); }
.tp-txt span { display: block; font-size: 11.5px; color: var(--txt-2); margin-top: 1px; }


.tp-item .sel-topo { flex: none; margin-left: 0; }










.us-topo { margin: 0 0 14px; }









.us-nums {
  display: grid; gap: 10px; margin-bottom: 18px; justify-content: start;
  grid-template-columns: repeat(auto-fit, minmax(180px, 260px));
}
.us-num {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 12px 14px;
}
.us-num b {
  display: block; font-size: var(--uf-num); font-weight: 700; color: var(--txt);
  font-variant-numeric: tabular-nums; line-height: 1.15;
}



.us-num b small { font-size: var(--uf-txt); font-weight: 600; color: var(--txt-3); }
.us-num i {
  display: block; font-style: normal; font-size: var(--uf-leg); color: var(--txt-2);
  margin-top: 4px;
}














#view-uso {
  --uf-leg: 12px;
  --uf-txt: 14px;
  --uf-tit: 16px;
  --uf-num: 24px;
}

.us-bloco { margin: 0 0 22px; }
.us-bloco h3 {
  font-size: var(--uf-tit); font-weight: 620; letter-spacing: -.2px;
  margin: 0 0 4px; color: var(--txt);
  text-transform: uppercase; letter-spacing: .5px;
}
.us-bloco > p.tiny { margin: 0 0 10px; }



.us-par {
  display: grid; gap: 22px;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}





.us-graf {
  display: flex; align-items: end; gap: 3px; height: 104px;
  padding: 6px 8px 0; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--r);
}
.us-col {
  flex: 1 1 0; min-width: 0; height: 100%;
  display: flex; flex-direction: column; justify-content: end; align-items: stretch;
}
.us-col-b {
  display: block; width: 100%; background: var(--info);
  


  border-radius: 4px 4px 0 0; min-height: 0;
  transition: opacity .12s;
}
.us-col:hover .us-col-b { opacity: .78; }
.us-col i {
  display: block; font-style: normal; font-size: var(--uf-leg); color: var(--txt-3);
  text-align: center; margin-top: 4px; white-space: nowrap; overflow: hidden;
}




.td-b.us-tempo { background: var(--info); }
.td-b.us-gesto { background: var(--novo); }



.us-lin { cursor: pointer; }
.us-lin:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.us-lin.on td { background: var(--bg-3); }
.us-lin.on .td-nome { color: var(--info); }
.us-quando { white-space: nowrap; font-size: var(--uf-leg); }


.us-tab .us-quando { color: var(--txt-2); }















.us-abas { margin: 0 0 16px; flex-wrap: wrap; gap: 8px; }
.us-abas button {
  font-size: 13px; padding: 8px 14px; border-radius: 8px;
  transition: border-color .12s, background .12s, color .12s;
}
.us-abas button:hover { border-color: var(--line-2); color: var(--txt); }
.us-abas button.on {
  background: var(--bg-3); border-color: var(--line-2); color: var(--txt);
  font-weight: 600; box-shadow: inset 0 -2px 0 var(--accent);
}
.us-abas button:focus-visible { outline: 2px solid var(--txt-2); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .us-abas button { transition: none; } }



.us-rot { margin-right: 2px; }




.us-medindo { border-left-color: var(--txt-3); }
.us-medindo p:last-child { margin-bottom: 0; }


.us-gaveta { margin-top: 14px; }
.us-gaveta .td-tab { margin-top: 4px; }




.us-bloco > p.tiny, .us-nota, .us-nota-dono, .us-faixa p { max-width: 74ch; }



.us-tab .td-n, .us-tab .num, .us-quando, .us-num b { font-variant-numeric: tabular-nums; }
.us-aba-n {
  font-style: normal; font-size: 11px; font-weight: 700;
  color: var(--accent-2); background: rgba(255,176,32,.14);
  border-radius: 999px; padding: 1px 7px; margin-left: 2px;
}
.us-abas button.on .us-aba-n { background: rgba(255,176,32,.2); }





.us-fila-recorte { margin: 0 0 10px; }
.us-chip-n { font-style: normal; color: var(--txt-3); font-variant-numeric: tabular-nums; }
.nf-per.on .us-chip-n { color: inherit; opacity: .75; }
.us-ver-tudo { margin: 12px 0 0; }

.us-fila { list-style: none; margin: 0; padding: 0; }
.us-fila li {
  display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;
  padding: 7px 10px; border-bottom: 1px solid var(--line); font-size: var(--uf-txt);
}
.us-fila li b { color: var(--txt); font-weight: 600; }


.us-fila li a {
  color: var(--info); text-decoration: none; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; max-width: 46%;
}
.us-fila li a:hover { text-decoration: underline; }
.us-fila li span { color: var(--txt-2); }
.us-fila li code {
  color: var(--txt-3); font-size: var(--uf-leg); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; max-width: 46%;
}
.us-fila li i {
  font-style: normal; color: var(--txt-2); font-size: var(--uf-leg); margin-left: auto;
  white-space: nowrap;
}




.us-nota {
  border-top: 1px solid var(--line); padding-top: 12px; margin-top: 4px;
  max-width: 860px; line-height: 1.55;
}










#view-uso { --txt-3: #a5a19f; }






.us-ext { white-space: nowrap; }
.us-selo {
  display: inline-block; font-size: var(--uf-leg); padding: 2px 7px;
  border-radius: 999px; border: 1px solid var(--line-2); color: var(--txt-2);
}
.us-selo.on { border-color: rgba(126, 226, 168, .5); color: var(--novo); }
.us-selo.meio { border-color: rgba(255, 176, 32, .45); color: var(--accent-2); }
.us-selo.fora { color: var(--txt-3); border-style: dashed; }





.us-ext i {
  display: block; font-style: normal; font-size: var(--uf-leg);
  color: var(--txt-3); margin-top: 3px;
}





.us-selo.velho { border-color: rgba(255, 176, 32, .45); color: var(--accent-2); }
.us-ext i.alerta { color: var(--accent-2); }





.us-ext i.fraco { color: var(--txt-3); }





.us-faixa {
  border: 1px solid var(--line-2); border-left: 3px solid var(--info);
  background: var(--bg-2); border-radius: 8px;
  padding: 10px 12px; margin-bottom: 12px;
}
.us-faixa.alerta { border-left-color: var(--accent-2); }
.us-faixa p { margin: 0 0 8px; }
.us-nomes { display: flex; flex-wrap: wrap; gap: 6px; }
.us-nome {
  font: inherit; font-size: var(--uf-leg); color: var(--txt);
  background: var(--bg-3); border: 1px solid var(--line-2);
  border-radius: 999px; padding: 3px 10px; cursor: pointer;
}
.us-nome:hover { border-color: var(--info); }
.us-nome:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }
.us-nome i { font-style: normal; color: var(--accent-2); margin-left: 6px; }

.us-sep { display: inline-block; width: 14px; }

















.an-acoes { display: flex; gap: 6px; flex-shrink: 0; }
.an-linha { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.an-rot {
  font-size: 11px; font-weight: 600; letter-spacing: .1em;
  color: var(--txt-3); text-transform: uppercase; margin-right: 4px;
}
.an-canais { margin-top: 12px; }
















#view-anuncios > .page-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  flex-wrap: wrap; gap: 14px 24px;
}



#view-anuncios > .page-head .sub { margin-bottom: 0; }
#an-novo { flex-shrink: 0; }
#an-lista-anuncios { margin-top: 18px; }

.an-card {
  position: relative; margin-bottom: 22px; border-radius: 14px; overflow: hidden;
  border: 1px solid var(--line); container-type: inline-size;
}



.an-card.novo { background: #1b1212; border-color: rgba(228, 38, 38, .42); }
.an-card.novo::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 5px; z-index: 2;
  background: repeating-linear-gradient(115deg, var(--accent) 0 14px, #1a1a1a 14px 28px);
}


.an-card .an-selo { justify-content: flex-start; padding: 12px 22px 10px; }
.an-card:not(.novo) .an-selo { background: rgba(228, 38, 38, .13); color: #ff9a9a; }
.an-card.fim .an-selo { background: var(--bg-3); color: var(--txt-3); }




.an-corpo { display: grid; gap: 22px; padding: 22px 22px 24px; }
@container (min-width: 980px) {
  .an-card.com-canal .an-corpo {
    grid-template-columns: minmax(0, 37%) minmax(0, 1fr); align-items: start; gap: 30px;
  }
}
.an-recado { min-width: 0; }
.an-recado h3 {
  margin: 0; font-size: 24px; line-height: 1.2; font-weight: 800;
  letter-spacing: -.02em; color: var(--txt); text-wrap: balance;
}
.an-card.fim h3 { color: var(--txt-2); }

.an-tit-pre { color: var(--txt-3); font-weight: 600; }




.an-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
  margin: 8px 0 0; font-size: 12.5px; color: var(--txt-3);
}
.an-tipo { color: var(--txt-2); font-weight: 600; }
.an-prazo { color: var(--txt-3); }
.an-estado {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 2px 9px 2px 8px; border-radius: 999px;
  font-size: 11.5px; font-weight: 650; line-height: 1.5;
}
.an-estado.novo {
  background: rgba(46, 204, 113, .12); color: var(--novo);
  box-shadow: inset 0 0 0 1px rgba(46, 204, 113, .32);
}
.an-estado.novo::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ok);
}
.an-estado.fim { background: var(--bg-3); color: var(--txt-3); box-shadow: inset 0 0 0 1px var(--line); }

.an-texto { margin-top: 14px; font-size: 14.5px; line-height: 1.62; color: var(--txt-2); }
.an-texto p { margin: 0 0 12px; }
.an-texto b { color: var(--txt); font-weight: 650; }
.an-texto > :last-child { margin-bottom: 0; }
.an-sub { margin: 20px 0 6px; font-size: 13.5px; font-weight: 700; color: var(--txt); }



.an-lista { list-style: none; margin: 0 0 12px; padding: 0; counter-reset: passo; }
.an-lista > li { position: relative; counter-increment: passo; padding: 9px 0 9px 38px; }
.an-lista > li::before {
  content: counter(passo); position: absolute; left: 0; top: 9px;
  width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center;
  background: var(--accent); color: #fff; font-size: 12.5px; font-weight: 800;
}
.an-card.fim .an-lista > li::before { background: var(--bg-4); color: var(--txt-2); }
.an-lista > li > b, .an-lista > li > span { display: block; }
.an-lista > li > b { margin-bottom: 2px; }

.an-card .an-linha { margin-top: 14px; }
.an-card .an-acoes { margin-top: 18px; }
.an-card .an-canais { margin: 0; }













.an-mesa { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 26px; }
@media (max-width: 1100px) { .an-mesa { grid-template-columns: minmax(0, 1fr); } }
.an-mesa-lado { display: flex; flex-direction: column; gap: 18px; }





.an-passo { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; }
.an-num {
  width: 22px; height: 22px; border-radius: 999px; margin-top: 1px;
  display: grid; place-items: center;
  background: var(--bg-3); border: 1px solid var(--line);
  color: var(--txt-2); font-size: 11px; font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.an-passo-corpo > h4 { margin: 0 0 7px; font-size: 13px; color: var(--txt); }
.an-passo-corpo .an-fila { margin: 0; }



.an-idiomas { max-height: 132px; overflow-y: auto; padding-right: 4px; }

.an-mesa-previa { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.an-previa-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }




.an-previa {
  background: var(--bg); border: 1px solid var(--line);
  border-radius: 14px; padding: 18px; overflow: hidden;
}











.an-previa-cartao {
  position: static; margin: 0; transform: none; box-shadow: none;
  width: 100%; max-width: 100%; min-width: 0; max-height: none;
}





.an-previa-cartao > *, .an-previa-corpo > * { min-width: 0; }



.an-previa-cartao .tut-cab { display: block; text-align: center; }
.an-previa-cartao .tut-cab::before,
.an-previa-cartao .tut-cab::after { content: none; }



.an-previa-corpo { display: block; padding: 18px; }
.an-previa-corpo .tut-figura {
  

  display: block; padding: 0; background: none; border: 0; margin-top: 14px;
}
.an-previa-corpo .tut-canais { margin-top: 14px; }
.an-previa .tut-pe { opacity: .5; pointer-events: none; }




.an-mao { margin-top: 4px; }
.an-mao > summary {
  cursor: pointer; color: var(--txt-2); font-size: 13px; padding: 4px 0;
}
.an-mao > summary:hover { color: var(--txt); }
.an-mao[open] > summary { margin-bottom: 10px; }



.an-campo { display: block; margin-bottom: 14px; }
.an-campo > .an-rot { display: block; margin: 0 0 5px; }
.an-campo .ctl { width: 100%; }
.an-campo textarea.ctl {
  height: auto; padding: 9px 11px; line-height: 1.5; resize: vertical;
  font-family: inherit; font-size: 13px;
}
.an-fila { margin: 4px 0 14px; }












#ov-anuncio > .modal { max-width: min(1180px, 94vw); width: min(1180px, 94vw); }










#ov-anuncio > .modal { display: flex; flex-direction: column; max-height: calc(100vh - 52px); }



#ov-anuncio > .modal > .modal-body {
  overflow: hidden; min-height: 0; flex: 1; padding: 0;
  display: flex; flex-direction: column;
}
#ov-anuncio #an-form { display: flex; flex-direction: column; min-height: 0; flex: 1; }
#ov-anuncio .an-mesa { flex: 1; min-height: 0; padding: 20px 20px 4px; }
.an-mesa-lado, .an-mesa-previa { overflow-y: auto; min-height: 0; padding-right: 6px; }




.an-fila .nf-per-rot { flex-basis: auto; margin: 0 2px 0 0; }
.an-alvos { display: flex; flex-wrap: wrap; gap: 6px; }
.an-semcanal { margin: -4px 0 14px; }



























.tut-canais { min-width: 0; }
.tut-canais .nf-grid { width: 100%; }
.tut-canais .nf-card { margin: 0; }
#tut-aviso .modal.tut:has(.tut-canais) { display: flex; flex-direction: column; }
#tut-aviso .modal.tut { max-height: calc(100vh - 52px); }
#tut-aviso .tut-corpo { overflow-y: auto; min-height: 0; }
#tut-aviso .tut-corpo:has(.tut-canais) { display: block; }
#tut-aviso .tut-corpo:has(.tut-canais) .tut-canais { margin-top: 16px; }





















.tut-alerta {
  
  animation: al-fundo .9s ease-out;
}
@keyframes al-fundo {
  0%   { background: rgba(228, 38, 38, .55); }
  55%  { background: rgba(228, 38, 38, .22); }
  100% { background: rgba(0, 0, 0, .66); }
}




.tut-alerta .modal.tut { position: relative; animation: al-entrar .5s cubic-bezier(.2, 1.5, .4, 1); }
.tut-alerta .modal.tut::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 5px; z-index: 2;
  background: repeating-linear-gradient(115deg,
    var(--accent) 0 14px, #1a1a1a 14px 28px);
  animation: al-listra .8s linear 3;
}
@keyframes al-listra { to { background-position: 62px 0; } }




@keyframes al-entrar {
  0%   { transform: translateY(-26px) scale(.94); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}



.tut-alerta .tut-cab { animation: al-cab 1.1s ease-out 2; }
@keyframes al-cab {
  0%, 100% { background: var(--bg-3); }
  40%      { background: rgba(228, 38, 38, .3); }
}




@media (prefers-reduced-motion: reduce) {
  .tut-alerta,
  .tut-alerta .modal.tut,
  .tut-alerta .modal.tut::before,
  .tut-alerta .tut-cab { animation: none; }
}













.tut-selo {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  padding: 9px 20px; background: var(--accent); color: #fff;
  font-size: 12px; font-weight: 700; letter-spacing: 2.4px;
}
.tut-selo i { font-style: normal; font-size: 16px; line-height: 1; }


.tut-alerta .tut-selo i { animation: al-selo .55s ease-in-out 3; }
@keyframes al-selo {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.32); }
}
@media (prefers-reduced-motion: reduce) {
  .tut-alerta .tut-selo i { animation: none; }
}













.tut-selo { position: relative; }
.an-carimbo {
  position: absolute; right: 30px; top: 7px; z-index: 3;
  display: inline-flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 5px 14px 6px; border: 2px solid currentColor; border-radius: 4px;
  outline: 1px solid currentColor; outline-offset: 2px;
  line-height: 1; text-transform: uppercase; white-space: nowrap;
  transform: rotate(-4deg);
}
.an-carimbo b { font-size: 15.5px; font-weight: 900; letter-spacing: 3.8px; margin-right: -3.8px; }
.an-carimbo small { font-size: 10px; font-weight: 750; letter-spacing: 1.4px; }









.tut-texto:has(> .an-carimbo) { display: flow-root; }
.tut-texto > .an-carimbo {
  position: relative; right: auto; top: auto; float: right;
  margin: 6px 26px 18px 30px; padding: 10px 22px 11px; gap: 6px;
  border-width: 3px; outline-width: 1.5px; outline-offset: 3px; border-radius: 6px;
  color: #ff4040; transform: rotate(-6deg);
}
.tut-texto > .an-carimbo b { font-size: 27px; letter-spacing: 6px; margin-right: -6px; }
.tut-texto > .an-carimbo small { font-size: 12.5px; letter-spacing: 2px; }



.tut-alerta .tut-texto > .an-carimbo { animation: an-carimbo .32s cubic-bezier(.3, 1.5, .5, 1) .75s both; }
@keyframes an-carimbo {
  0%   { opacity: 0; transform: scale(2.1) rotate(-14deg); }
  100% { opacity: 1; transform: rotate(-6deg); }
}
@media (prefers-reduced-motion: reduce) {
  .tut-alerta .tut-texto > .an-carimbo { animation: none; }
}



@media (max-width: 640px) {
  .tut-selo:has(.an-carimbo) { flex-wrap: wrap; row-gap: 12px; }
  .an-carimbo {
    position: static; transform: rotate(-3deg); margin: 3px 6px 6px;
    align-self: center; max-width: 100%; white-space: normal; text-align: center;
  }
  .tut-texto > .an-carimbo {
    float: none; display: flex; width: max-content; margin: 4px auto 20px;
    transform: rotate(-4deg);
  }
  .tut-texto > .an-carimbo b { font-size: 22px; }
  .tut-alerta .tut-texto > .an-carimbo { animation: none; }
}




.an-pe {
  display: flex; align-items: center; gap: 10px; flex-shrink: 0;
  padding: 14px 20px; border-top: 1px solid var(--line); background: var(--bg-3);
}




.an-resumo { margin-right: auto; }
.an-publicar { font-weight: 650; letter-spacing: .3px; }
.an-meu-aviso { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }







































.an-canais .nf-veio,
.an-canais .nf-julgar,
.an-canais .nf-sel,
.an-canais .nf-copiar,
.an-canais .pr-btn,
.an-canais .nf-nota-btn,
.an-canais .nf-anunciar,
.an-canais [data-reprovar],
.an-canais [data-desreprovar],
.an-canais [data-tirar-base] { display: none; }



.an-canais .nf-card-rodape { grid-template-columns: minmax(0, 1fr); }











body:has(#tut-aviso) #ov-similares { z-index: 130; }





[data-apagar].armado {
  background: var(--accent); border-color: var(--accent); color: #fff;
  font-weight: 650;
}




.nf-rodape { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.nf-rodape-dir { margin-left: auto; }



























.nvf-folha {
  margin: 0 0 10px; padding: 8px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: var(--shadow);
}







































.nvf-colunas {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));
  gap: 9px; padding: 12px; border-top: 1px solid var(--line);
  


  grid-auto-rows: 1fr;
}
.nvf-col {
  position: relative; isolation: isolate;
  display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
  padding: 11px 13px 12px; text-align: left; cursor: pointer;
  font-family: inherit; color: var(--txt-2);
  



  background: linear-gradient(180deg, var(--bg-4), var(--bg-3));
  border: 1px solid var(--line-2);
  border-radius: 12px;
  box-shadow:
    0 2px 0 rgba(0, 0, 0, .55),
    inset 0 1px 0 rgba(255, 255, 255, .06);
  transition: transform .13s cubic-bezier(.16, 1, .3, 1),
              box-shadow .13s, border-color .16s, color .16s;
}
.nvf-col:not(:disabled):hover {
  color: var(--txt); border-color: var(--txt-3);
  transform: translateY(-2px);
  box-shadow:
    0 4px 0 rgba(0, 0, 0, .55),
    0 8px 18px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .09);
}

.nvf-col:not(:disabled):active {
  transform: translateY(2px);
  box-shadow:
    0 0 0 rgba(0, 0, 0, .55),
    inset 0 1px 0 rgba(255, 255, 255, .06);
}


.nvf-col:disabled { cursor: default; box-shadow: none; opacity: .92; }
.nvf-col:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }

.nvf-col b {
  font-size: 27px; font-weight: 800; line-height: 1; letter-spacing: -.035em;
  color: var(--txt); font-variant-numeric: tabular-nums;
}
.nvf-col span { font-size: 12px; line-height: 1.35; }
.nvf-col span b { font-size: inherit; font-weight: 700; letter-spacing: 0; }
.nvf-col:not(:disabled):hover span,
.nvf-col:not(:disabled):hover span b { color: var(--txt); }




.nvf-gl {
  position: absolute; top: 10px; right: 11px;
  



  width: 15px; height: 15px; color: var(--txt-3);
  transition: color .16s;
}
.nvf-gl svg {
  width: 100%; height: 100%; fill: none; stroke: currentColor;
  stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
.nvf-col:hover .nvf-gl { color: var(--txt); }




.nvf-col.nvf-novo::before {
  content: ""; position: absolute; top: -3px; left: -3px;
  width: 9px; height: 9px; border-radius: 50%;
  background: hsl(8 92% 62%); border: 2px solid var(--bg-2);
  box-shadow: 0 0 0 0 hsl(8 92% 62% / .55);
}
@media (prefers-reduced-motion: no-preference) {
  .nvf-col.nvf-novo::before { animation: nvfPulso 1.5s ease-out 3; }
  .nvf-col { animation: nvfEntra .42s cubic-bezier(.16, 1, .3, 1) backwards;
             animation-delay: calc(var(--i, 0) * 45ms + 40ms); }
}
@keyframes nvfPulso {
  70%  { box-shadow: 0 0 0 8px hsl(8 92% 62% / 0); }
  100% { box-shadow: 0 0 0 0 hsl(8 92% 62% / 0); }
}
@keyframes nvfEntra {
  from { opacity: 0; transform: translateY(7px); filter: blur(3px); }
  to   { opacity: 1; transform: none; filter: none; }
}

.nvf-vazio { margin: 0; padding: 10px 12px; color: var(--txt-2); font-size: 13px; }

.nvf-erro .btn { margin-left: 8px; vertical-align: baseline; }

































.nvf-folha {
  padding: 0 0 4px;
  



  background:
    radial-gradient(120% 70% at 50% 0%, rgba(255, 255, 255, .05), transparent 70%),
    var(--bg-2);
}






.nvp-carro { position: relative; }








.nvp-tres {
  display: grid; grid-template-columns: repeat(var(--cols, 3), 1fr);
  gap: 2px; background: var(--line);
}














.nvp-col { display: grid; height: clamp(178px, 22vh, 225px); overflow: hidden; }
.nvp-lam {
  grid-area: 1 / 1; position: relative; display: block; overflow: hidden;
  text-decoration: none; color: inherit;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .9s ease, visibility 0s linear .9s;
}
.nvp-lam.on { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s, 0s; }

















.nvp-lam > img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; display: block;
  


  transform: scale(1.06); transition: transform 7s linear;
}
.nvp-lam.on > img { transform: scale(1); }
.nvp-veu {
  position: absolute; inset: 0;
  background:
    linear-gradient(to top, rgba(9, 8, 8, .97) 0%, rgba(9, 8, 8, .88) 34%,
                    rgba(9, 8, 8, .3) 66%, rgba(9, 8, 8, .06) 100%),
    linear-gradient(to bottom, rgba(9, 8, 8, .62), transparent 34%);
}
.nvp-txt {
  position: absolute; left: 17px; right: 17px; bottom: 16px;
  display: flex; flex-direction: column; gap: 5px;
}












.nvp-rot {
  display: flex; align-items: baseline; gap: 7px;
  font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase;
  color: #fff;
}
.nvp-rot i {
  font-style: normal; font-weight: 600; letter-spacing: .04em; text-transform: none;
  font-size: 11px; color: #cfcbc9;
}


.nvp-t {
  font-size: 18px; font-weight: 700; line-height: 1.18; letter-spacing: -.015em;
  color: #fff; text-wrap: balance;
  



  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-s { font-size: 11.5px; color: #d6d3d1; line-height: 1.3; }
.nvp-s b { color: #fff; font-weight: 600; }








.nvp-x {
  position: absolute; right: 12px; top: 12px;
  display: inline-flex; align-items: baseline; gap: 1px;
  padding: 5px 10px 6px; border-radius: 9px;
  background: hsl(8 88% 44%); color: #fff;
  font-size: 30px; font-weight: 800; line-height: .92; letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .5), inset 0 1px 0 hsl(8 92% 60% / .8);
}
.nvp-x i { font-style: normal; font-size: 15px; font-weight: 700; opacity: .82; }













.nvp-x.dado {
  background: #141312; align-items: baseline; flex-wrap: wrap;
  padding: 5px 9px 5px; font-size: 25px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .5), inset 0 0 0 1px rgb(255 255 255 / .1);
}
.nvp-x em {
  flex: 0 0 100%; text-align: right;
  font-style: normal; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  line-height: 1.1; margin-top: 2px; color: #fff; 
}
.nvp-lam:hover .nvp-t { text-decoration: underline; text-underline-offset: 3px; }
.nvp-lam:focus-visible { outline: 2px solid var(--info); outline-offset: -4px; }













.nvp-seta {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
  width: 34px; height: 44px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  


  background: rgba(0, 0, 0, .62); border: 0; cursor: pointer;
  color: #fff; font-size: 26px; line-height: 1; font-family: inherit;
  transition: background .16s, transform .16s;
}
.nvp-seta.ant  { left: 0;  border-radius: 0 8px 8px 0; }
.nvp-seta.prox { right: 0; border-radius: 8px 0 0 8px; }
.nvp-seta:hover { background: rgba(0, 0, 0, .82); }
.nvp-seta.ant:active  { transform: translateY(-50%) translateX(-2px); }
.nvp-seta.prox:active { transform: translateY(-50%) translateX(2px); }
.nvp-seta:focus-visible { outline: 2px solid var(--info); outline-offset: -3px; }
@media (max-width: 640px) { .nvp-seta { width: 28px; height: 38px; font-size: 21px; } }













.nvp-bolas {
  position: absolute; left: 17px; bottom: 0; transform: translateY(50%);
  display: flex; gap: 6px; z-index: 2;
}






.nvp-bola {
  width: 26px; height: 22px; padding: 8px 0; box-sizing: border-box;
  border: 0; border-radius: 3px; cursor: pointer; overflow: hidden;
  background: rgba(255, 255, 255, .26); transition: background .25s;
  


  background-clip: content-box;
}
.nvp-bola:hover { background: rgba(255, 255, 255, .5); background-clip: content-box; }
.nvp-bola::after {
  content: ""; display: block; height: 100%; border-radius: 3px;
  background: hsl(8 92% 66%); transform: scaleX(0); transform-origin: left;
}
.nvp-bola.on::after { animation: nvpConta 6s linear forwards; }
.nvp-carro:hover .nvp-bola.on::after { animation-play-state: paused; }
@keyframes nvpConta { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.nvp-bola:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; }
















.nvf-esq-lam {
  display: flex; align-items: center; gap: 12px; padding: 14px 16px;
}
.nvf-esq-lam > .cg-barra:first-child {
  flex: 0 0 46%; align-self: stretch; border-radius: 8px;
}
.nvf-esq-lam > .cg { flex: 1 1 auto; min-width: 0; gap: 9px; }

.nvp-baixo { border-top: 1px solid var(--line); }














.nvp-bl { padding: 20px; min-width: 0; }













.nvp-h {
  margin: 0 0 16px; font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--txt);
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px;
}
.nvp-h i {
  font-style: normal; font-size: 11px; font-weight: 500;
  letter-spacing: .04em; text-transform: none; color: var(--txt-2);
  line-height: 1.35;
}

.nvp-tiras { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
.nvp-tira {
  display: flex; flex-direction: column; gap: 6px; min-width: 0;
  padding: 0; background: none; border: 0; cursor: pointer; text-align: left;
}
.nvp-cap {
  aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden;
  background: var(--bg-3); display: block;
}
.nvp-cap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.nvp-tira:hover .nvp-cap img { transform: scale(1.05); }
.nvp-sem { display: block; width: 100%; height: 100%; background: var(--bg-3); }
.nvp-tn {
  font-size: 12.5px; font-weight: 600; color: var(--txt); line-height: 1.25;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-td { font-size: 11px; color: var(--txt-2); }
.nvp-tira:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; border-radius: 8px; }








@media (max-width: 1150px) {
  .nvp-t { font-size: 15.5px; }
  .nvp-s { font-size: 11px; }
}
@media (max-width: 1000px) {
  .nvp-tres { grid-template-columns: repeat(2, 1fr); }
  .nvp-col { height: clamp(190px, 24vh, 240px); }
  .nvp-col:nth-child(3) { grid-column: 1 / -1; height: 200px; }
}
@media (max-width: 640px) {
  .nvp-tres { grid-template-columns: 1fr; }
  

  .nvp-col { height: 156px; }
  .nvp-t { font-size: 20px; }
}


@media (prefers-reduced-motion: reduce) {
  .nvp-lam, .nvp-lam > img, .nvp-cap img, .nvp-bola { transition: none; }
  .nvp-lam > img, .nvp-lam.on > img { transform: none; }
  

  .nvp-bola.on::after { animation: none; transform: scaleX(1); }
}









.nvp-tira { transition: transform .16s cubic-bezier(.16, 1, .3, 1); }
.nvp-tira:hover { transform: translateY(-3px); }
.nvp-tira:active { transform: translateY(0); }
.nvp-tira:hover .nvp-tn { color: var(--txt); }
.nvp-cap { box-shadow: 0 2px 8px rgba(0, 0, 0, .3); transition: box-shadow .16s; }
.nvp-tira:hover .nvp-cap { box-shadow: 0 7px 18px rgba(0, 0, 0, .45); }
@media (prefers-reduced-motion: reduce) {
  .nvf-col, .nvp-tira { transition: none; }
  .nvf-col:hover, .nvp-tira:hover { transform: none; }
}

















.nvp-bl-gema { border-bottom: 1px solid var(--line); }








.nvp-gemas {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(298px, 1fr));
  gap: 14px;
}
.nvp-gcard {
  



  display: grid; grid-template-columns: minmax(112px, 30%) minmax(0, 1fr);
  gap: 11px; align-items: start; min-width: 0;
  padding: 0; background: none; border: 0; cursor: pointer; text-align: left;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1);
}
.nvp-gcard:hover { transform: translateY(-3px); }
.nvp-gcard:active { transform: translateY(0); }
.nvp-gcard:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; border-radius: 8px; }
.nvp-gcard .nvp-cap {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3); transition: box-shadow .16s;
}
.nvp-gcard:hover .nvp-cap { box-shadow: 0 7px 18px rgba(0, 0, 0, .45); }
.nvp-gtx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nvp-gt {
  font-size: 12.5px; font-weight: 700; color: var(--txt); line-height: 1.26;
  


  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-gn { font-size: 11.5px; font-weight: 600; color: var(--txt-2); }





.nvp-viaS {
  display: flex; align-items: center; flex-wrap: wrap; gap: 5px;
  margin-top: 5px; padding-top: 7px;
  border-top: 1px solid var(--line);
  font-size: 11px; color: var(--txt-2); line-height: 1.3;
}
.nvp-viaS em { font-style: normal; }


.nvp-viaQ { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.nvp-viaS img { width: 17px; height: 17px; border-radius: 50%; object-fit: cover; flex: none; }
.nvp-viaS b {
  color: var(--txt); font-weight: 700; font-size: 11.5px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}


.nvp-tt {
  font-size: 12.5px; font-weight: 700; color: var(--txt); line-height: 1.28;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-tn { font-size: 11.5px; font-weight: 600; color: var(--txt-2); }
.nvp-cap { position: relative; }


.nvp-dur {
  position: absolute; right: 5px; bottom: 5px;
  padding: 1px 4px; border-radius: 4px;
  background: rgba(0, 0, 0, .82); color: #fff;
  font-style: normal; font-size: 11px; font-weight: 700; line-height: 1.45;
  font-variant-numeric: tabular-nums;
}





















.nvp-mult {
  display: inline-block; margin-left: 5px;
  padding: 0 5px; border-radius: 4px;
  background: var(--out-forte); color: #fff;
  font-style: normal; font-size: 1em; font-weight: 800; line-height: inherit;
  font-variant-numeric: tabular-nums;
}



.nvp-mult.o-mitico { background: var(--out-mitico);
  box-shadow: inset 0 0 0 1.5px var(--out-anel); }
.nvp-mult.o-lendario { background: var(--out-lendario); color: var(--out-txt-lendario); }
.nvp-mult.o-forte { background: var(--out-forte); }
.nvp-mult.o-bom   { background: var(--out-bom); }
.nvp-mult.o-acima { background: var(--out-acima); }
.nvp-mult.o-baixo { background: var(--out-baixo); color: var(--out-txt-baixo); }
.nvp-tiras { grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); }































.nvp-bl-perg { border-bottom: 1px solid var(--line); }











.nvp-bl-perg .nvp-h, .nvp-bl-tut .nvp-h {
  display: block; text-transform: none; letter-spacing: 0;
  font-size: 14.5px; line-height: 1.25; text-wrap: balance; margin-bottom: 16px;
}
.nvp-bl-perg .nvp-h i, .nvp-bl-tut .nvp-h i {
  display: block; margin-top: 3px; font-size: 11px; letter-spacing: .03em;
}












.nvp-tut { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 12px; counter-reset: tut; }
.nvp-tut li {
  display: grid; grid-template-columns: 19px 1fr; gap: 9px; align-items: start;
  font-size: 12.5px; line-height: 1.45; color: var(--txt-2);
}
.nvp-tut li::before {
  counter-increment: tut; content: counter(tut);
  width: 19px; height: 19px; border-radius: 50%;
  display: grid; place-items: center; margin-top: 1px;
  background: var(--bg-3); border: 1px solid var(--line-2);
  font-size: 11px; font-weight: 800; color: var(--txt-2);
  font-variant-numeric: tabular-nums;
}



.nvp-tut b { color: var(--txt); font-weight: 700; }


.nvp-tut-ir { align-self: start; }




.nvp-diga-fim { display: grid; gap: 7px; justify-items: start; }
.nvp-diga-fim b { font-size: 13px; color: var(--txt); }
.nvp-diga-fim span { font-size: 12.5px; color: var(--txt-2); }

.nvq { display: flex; flex-direction: column; gap: 11px; }




.nvq-topo { display: flex; align-items: center; gap: 10px; }
.nvq-trilha { display: flex; gap: 4px; flex: 1; min-width: 0; }
.nvq-tr {
  height: 4px; flex: 1; border-radius: 2px;
  background: var(--line-2); transition: background .2s;
}
.nvq-tr.feita { background: var(--info); }
.nvq-tr.agora { background: var(--txt-3); }
.nvq-conta {
  flex: none; font-size: 11px; font-weight: 700; color: var(--txt-2);
  font-variant-numeric: tabular-nums;
}


.nvq-conta i { font-style: normal; font-weight: 500; color: var(--txt-2); }






.nvq-canal { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nvq-n {
  display: inline-flex; align-items: baseline; gap: 7px;
  font-size: 14px; font-weight: 700; color: var(--txt); text-decoration: none;
  min-width: 0;
}
.nvq-n:hover { color: var(--info); }
.nvq-n:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; border-radius: 4px; }



.nvq-n i {
  font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--txt-2); flex: none;
}



.nvq-n:hover i { color: var(--info); }
.nvq-d { font-size: 11px; color: var(--txt-2); line-height: 1.4; }









.nvq-vids { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }



.nvq-vids .vcard .canal { display: none; }



.nvq-vids .vc-tirar { display: none; }



.nvq-vids .vcard .tit { font-size: 12.5px; min-height: 2.6em; }
.nvq-vids .vcard .sub { font-size: 11px; color: var(--txt-2); }
.nvq-semvid { margin: 0; font-size: 12px; color: var(--txt-2); }












.nvq-bts { display: grid; grid-template-columns: 1fr auto 1fr; gap: 7px; }
.nvq-bt, .nvq-ir {
  padding: 0 16px; border-radius: 10px; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 700;
  background: var(--bg-3); border: 1px solid var(--line-2); color: var(--txt);
  box-shadow: 0 2px 0 rgba(0, 0, 0, .45);
  transition: transform .12s cubic-bezier(.16, 1, .3, 1),
              box-shadow .12s, border-color .16s, background .16s;
}
.nvq-bt:hover, .nvq-ir:hover { border-color: var(--txt-3); background: var(--line); }


.nvq-bt:active, .nvq-ir:active {
  transform: translateY(2px); box-shadow: 0 0 0 rgba(0, 0, 0, .45);
}
.nvq-bt:focus-visible, .nvq-ir:focus-visible {
  outline: 2px solid var(--info); outline-offset: 2px;
}
.nvq-bt {
  width: 100%; height: 40px; display: flex; align-items: center;
  justify-content: center; gap: 7px;
}
.nvq-bt i {
  font-style: normal; font-size: 11px; font-weight: 700; line-height: 1;
  color: var(--txt-2); border: 1px solid var(--line-2); border-radius: 4px;
  padding: 2px 4px;
}
.nvq-bt.escolhido { border-color: var(--info); color: var(--txt); }
.nvq-bt[disabled] { cursor: default; opacity: .75; }













.nvq-bt.sim {
  border-color: rgba(46, 204, 113, .55);
  background: rgba(46, 204, 113, .10);
}
.nvq-bt.sim:hover { border-color: var(--ok); background: rgba(46, 204, 113, .20); }
.nvq-bt.nao {
  border-color: rgba(228, 38, 38, .55);
  background: rgba(228, 38, 38, .10);
}
.nvq-bt.nao:hover { border-color: var(--accent); background: rgba(228, 38, 38, .20); }
.nvq-bt.sim.escolhido { border-color: var(--ok); background: rgba(46, 204, 113, .24); }
.nvq-bt.nao.escolhido { border-color: var(--accent); background: rgba(228, 38, 38, .24); }


.nvq-bt.meio {
  padding: 0 11px; font-size: 12px; color: var(--txt-2);
  background: transparent; border-color: var(--line);
}
.nvq-bt.meio:hover { color: var(--txt); background: var(--line); }




.nvq-bt.meio i { color: var(--txt-2); }



.nvq-eco.sim { color: var(--ok); }
.nvq-eco.nao { color: #ff6b6b; } 
.nvq-eco.meio { color: var(--txt-2); }








.nvq-verso {
  display: flex; flex-direction: column; gap: 9px;
  padding: 13px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line);
}
.nvq-eco {
  display: inline-flex; align-items: baseline; gap: 8px;
  font-size: 14px; font-weight: 700; color: var(--txt);
}
.nvq-eco i {
  font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: var(--txt-2); 
}
.nvq-move { display: flex; align-items: baseline; gap: 9px; }
.nvq-move b {
  font-size: 26px; font-weight: 800; line-height: 1; color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.nvq-move span { font-size: 12px; color: var(--txt-2); line-height: 1.4; }
.nvq-move span b { font-size: 12px; font-weight: 700; color: var(--txt); }
.nvq-move.so-texto span { font-size: 12.5px; }


.nvq-move.virou b { color: var(--info); }
.nvq-pal { font-size: 12px; color: var(--txt-2); line-height: 1.4; }
.nvq-pal b { color: var(--txt); font-weight: 700; }
.nvq-erro { margin: 0; font-size: 12px; color: var(--accent-2); }














.nvq-fim { display: flex; flex-direction: column; gap: 9px; }
.nvq-topo-fim { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }





.nvq-selo {
  flex: none; width: 64px; height: 64px; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 1px;
  background: radial-gradient(circle at 50% 32%, var(--bg-3), var(--bg-2));
  border: 1px solid var(--line-2);
  box-shadow: 0 2px 0 rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .05);
  animation: nvq-selo .5s cubic-bezier(.16, 1, .3, 1);
}
.nvq-selo b {
  font-size: 26px; font-weight: 800; line-height: 1; color: var(--txt);
  font-variant-numeric: tabular-nums;
}
.nvq-selo i {
  font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: var(--txt-2);
}
@keyframes nvq-selo {
  from { opacity: 0; transform: scale(.72); }
  to   { opacity: 1; transform: none; }
}







.nvq-saldo { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nvq-sl { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.nvq-sl b {
  font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--txt);
  font-variant-numeric: tabular-nums; flex: none;
}
.nvq-sl i {
  font-style: normal; font-size: 11px; color: var(--txt-2); line-height: 1.3;
}


.nvq-nivel {
  display: flex; flex-direction: column; gap: 4px;
  padding: 8px 10px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line);
}
.nvq-nv-cab { display: flex; align-items: baseline; gap: 8px; }
.nvq-nv-cab b {
  font-size: 13px; font-weight: 800; color: var(--txt);
  text-transform: lowercase;
}
.nvq-nv-mais {
  font-style: normal; font-size: 12px; font-weight: 800; color: var(--info);
  font-variant-numeric: tabular-nums;
}
.nvq-nv-barra {
  display: block; height: 7px; border-radius: 4px; overflow: hidden;
  background: var(--line-2);
}
.nvq-nv-barra i {
  display: block; height: 100%; border-radius: 4px; background: var(--info);
  transition: width .8s cubic-bezier(.16, 1, .3, 1);
}
.nvq-nv-pe { font-size: 11px; color: var(--txt-2); }
.nvq-nv-pe b { color: var(--txt); font-weight: 700; }


.nvq-nivel.subiu { border-color: var(--novo); }
.nvq-nivel.subiu .nvq-nv-barra i { background: var(--novo); }
.nvq-nivel.subiu .nvq-nv-mais { color: var(--novo); }
.nvq-nivel.subiu { animation: nvq-subiu .6s ease-out 1; }
@keyframes nvq-subiu {
  0%   { box-shadow: 0 0 0 0 rgba(126, 226, 168, .45); }
  100% { box-shadow: 0 0 0 12px rgba(126, 226, 168, 0); }
}

.nvq-fim-p { margin: 0; font-size: 12.5px; color: var(--txt-2); line-height: 1.5; }
.nvq-fim-p b { color: var(--txt); font-weight: 700; }
.nvq-ir { align-self: flex-start; height: 34px; }
.nvq-fim-d { margin: 0; font-size: 11px; color: var(--txt-2); }


.nvq-fim ~ .nvq-trilha .nvq-tr,
.nvq-topo:has(+ .nvq-fim) .nvq-tr.feita {
  animation: nvq-acende .5s ease-out;
}
@keyframes nvq-acende {
  from { opacity: .35; transform: scaleX(.6); }
  to   { opacity: 1; transform: none; }
}
.nvq-topo:has(+ .nvq-fim) .nvq-tr:nth-child(1) { animation-delay: .04s; }
.nvq-topo:has(+ .nvq-fim) .nvq-tr:nth-child(2) { animation-delay: .12s; }
.nvq-topo:has(+ .nvq-fim) .nvq-tr:nth-child(3) { animation-delay: .20s; }
.nvq-topo:has(+ .nvq-fim) .nvq-tr:nth-child(4) { animation-delay: .28s; }
.nvq-topo:has(+ .nvq-fim) .nvq-tr:nth-child(5) { animation-delay: .36s; }




@keyframes nvq-vira {
  from { opacity: 0; transform: perspective(720px) rotateX(-16deg); }
  to   { opacity: 1; transform: none; }
}
@keyframes nvq-entra {
  from { opacity: 0; transform: translateY(9px); }
  to   { opacity: 1; transform: none; }
}
.nvq.virou .nvq-verso { animation: nvq-vira .34s cubic-bezier(.16, 1, .3, 1); }







.nvq.entrou .nvq-canal,
.nvq.entrou .nvq-vids,
.nvq.entrou .nvq-fim { animation: nvq-entra .34s cubic-bezier(.16, 1, .3, 1); }
@media (prefers-reduced-motion: reduce) {
  .nvq.virou .nvq-verso, .nvq.entrou .nvq-canal, .nvq.entrou .nvq-vids,
  .nvq.entrou .nvq-fim, .nvq-tr, .nvq-selo, .nvq-nivel.subiu,
  .nvq-topo:has(+ .nvq-fim) .nvq-tr.feita { animation: none; transition: none; }
  .nvq-nv-barra i { transition: none; }
}


.nvp-bl-usar { border-bottom: 1px solid var(--line); }
.nvp-usar {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 14px;
}
.nvp-usa {
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
  text-align: left; cursor: pointer; min-width: 0;
  padding: 15px 16px 16px; font-family: inherit;
  background: var(--bg-3); border: 1px solid var(--line-2); border-radius: 12px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .4);
  transition: transform .13s cubic-bezier(.16, 1, .3, 1),
              box-shadow .13s, border-color .16s;
}
.nvp-usa:hover {
  transform: translateY(-2px); border-color: var(--txt-3);
  box-shadow: 0 4px 0 rgba(0, 0, 0, .4), 0 8px 18px rgba(0, 0, 0, .32);
}
.nvp-usa:active { transform: translateY(2px); box-shadow: 0 0 0 rgba(0, 0, 0, .4); }
.nvp-usa:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.nvp-usa-rot {
  font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase;
  color: var(--txt-2);
}







.nvp-molde {
  
  font-size: 15px; font-weight: 700; letter-spacing: -.015em;
  color: var(--txt); line-height: 1.35;
}
.nvp-nicho {
  font-size: 19px; font-weight: 800; letter-spacing: -.02em;
  color: var(--txt); line-height: 1.2;
}
.nvp-usa-n { font-size: 12px; color: var(--txt-2); line-height: 1.45; }
.nvp-usa-n b { color: var(--txt); font-weight: 700; font-variant-numeric: tabular-nums; }






.nvp-usa-dica {
  display: block; margin-top: 16px;
  font-size: 11.5px; color: var(--txt-2); line-height: 1.4;
}













.nvp-sem-cx { gap: 10px; width: 100%; }
.nvp-sem-l {
  display: grid; grid-template-columns: auto 1fr; gap: 1px 8px;
  align-items: baseline; width: 100%;
}
.nvp-sem-l b {
  grid-row: span 2; align-self: center;
  font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--txt);
  font-variant-numeric: tabular-nums; line-height: 1.1;
}
.nvp-sem-r { font-size: 12.5px; color: var(--txt); line-height: 1.3; }
.nvp-sem-a { font-size: 11px; color: var(--txt-2); line-height: 1.3; }




.nvp-sem-d {
  font-size: 11px; font-weight: 700; font-style: normal;
  font-variant-numeric: tabular-nums; margin-left: 4px; white-space: nowrap;
}
.nvp-sem-d.sobe { color: var(--novo); }
.nvp-sem-d.cai { color: #ff6b6b; }
.nvp-sem-d.igual { color: var(--txt-2); font-weight: 600; }












.nvp-usa-exs {
  display: flex; flex-direction: column; gap: 7px;
  margin-top: 4px; padding-top: 9px;
  border-top: 1px solid var(--line); width: 100%; min-width: 0;
}
.nvp-usa-ex {
  display: flex; align-items: center; gap: 9px; width: 100%; min-width: 0;
}
.nvp-usa-ex img, .nvp-usa-sem {
  width: 54px; height: 30px; border-radius: 5px; object-fit: cover; flex: none;
}
.nvp-usa-sem { display: block; background: var(--bg-2); }
.nvp-usa-ex span {
  font-size: 11.5px; color: var(--txt-2); line-height: 1.35; min-width: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-usa-ex em { font-style: normal; color: var(--txt); }
@media (prefers-reduced-motion: reduce) {
  .nvp-usa, .nvq-bt, .nvq-ir { transition: none; }
  .nvp-usa:hover { transform: none; }
}























.pc-boot .view.on > *:not(.pc-esq) { visibility: hidden !important; }
.pc-esq { visibility: visible !important; pointer-events: none; }



.pc-esq-lista { display: contents; }










.pc-boot #gl-bv {
  min-height: 44px; border-radius: var(--r);
  background: linear-gradient(100deg,
    var(--bg-2) 30%, var(--bg-3) 50%, var(--bg-2) 70%);
  background-size: 300% 100%;
}





@media (prefers-reduced-motion: no-preference) {
  .pc-boot #gl-bv { animation: pcBrilho 1.5s linear infinite; }
}
@keyframes pcBrilho {
  from { background-position: 150% 0; }
  to   { background-position: -50% 0; }
}




































.nvf-colunas { grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); }
@media (max-width: 760px) {
  .nvf-colunas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


















.nvp-fx {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  gap: 9px; padding: 18px 18px 16px; justify-content: center;
  background: linear-gradient(150deg, #191a24, #101015 70%);
}
.nvp-fx-molde {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 16px; font-weight: 600; line-height: 1.35; color: #fff;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}


.nvp-fx-barra {
  height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .12); overflow: hidden;
}
.nvp-fx-barra i {
  display: block; height: 100%; border-radius: 3px;
  background: linear-gradient(90deg, var(--txt-3), var(--txt-2));
}
.nvp-fx-n { font-size: 11.5px; color: #cfcbc9; line-height: 1.4; }
.nvp-fx-n b { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }
.nvp-fx-ex {
  display: flex; align-items: center; gap: 9px; margin-top: auto;
  padding-top: 11px; border-top: 1px solid rgba(255, 255, 255, .12);
}
.nvp-fx-th { position: static; width: 58px; height: 33px; border-radius: 5px; object-fit: cover; flex: none; }
.nvp-fx-ex > span {
  font-size: 11px; color: #b9b5b2; line-height: 1.35; min-width: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.nvp-fx-ex em { font-style: normal; color: var(--txt); }


.nvp-qm {
  position: absolute; inset: 0; display: flex; flex-direction: column;
  gap: 8px; padding: 16px 17px 15px;
  background: linear-gradient(150deg, #17171f, #101014 70%);
}
.nvp-qm-top { display: flex; align-items: center; gap: 10px; }
.nvp-qm-av {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg-3); color: #fff; font-weight: 800; font-size: 15px;
}
.nvp-qm-nome { font-size: 14px; color: #cfcbc9; }
.nvp-qm-nome b { color: #fff; font-weight: 700; }
.nvp-qm-cap {
  flex: 1 1 auto; min-height: 0; border-radius: 8px; overflow: hidden; display: block;
}
.nvp-qm-cap { position: relative; }
.nvp-qm-cap img { position: static; width: 100%; height: 100%; object-fit: cover; display: block; }
.nvp-f-quem .nvp-t { font-size: 13.5px; -webkit-line-clamp: 2; }
.nvp-f-quem .nvp-s { color: #b9b5b2; }


.nvp-cr { position: absolute; inset: 0; display: flex; flex-direction: column; }
.nvp-cr-cap { position: relative; flex: 1 1 auto; min-height: 0; display: block; overflow: hidden; }
.nvp-cr-cap img { position: static; width: 100%; height: 100%; object-fit: cover; display: block; }
.nvp-cr-cap .nvp-rot { position: absolute; left: 15px; top: 14px; }
.nvp-cr-tx {
  display: flex; flex-direction: column; gap: 4px; padding: 0 15px 8px;
  background: #101014; margin-top: -34px; position: relative; z-index: 1;
}
.nvp-f-corrente .nvp-t { font-size: 15px; -webkit-line-clamp: 2; }


.nvp-cr-elo {
  display: flex; align-items: center; gap: 8px; padding: 9px 15px 11px;
  background: var(--bg-3);
  border-top: 1px solid var(--line-2);
  font-size: 11.5px; color: #cfcbc9;
}
.nvp-cr-elo img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; flex: none; }
.nvp-cr-elo b { color: #fff; font-weight: 700; }


.nvp-gm { position: absolute; inset: 0; display: flex; flex-direction: column; }
.nvp-gm-cap { position: relative; flex: 1 1 auto; min-height: 0; display: block; overflow: hidden; }
.nvp-gm-cap img { position: static; width: 100%; height: 100%; object-fit: cover; display: block; }
.nvp-gm-cap .nvp-rot { position: absolute; left: 15px; top: 14px; }
.nvp-gm-cap .nvp-t {
  position: absolute; left: 15px; right: 15px; bottom: 12px;
  font-size: 15px; -webkit-line-clamp: 2;
}


.nvp-gm-placar {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1px;
  background: rgba(255, 255, 255, .1); border-top: 1px solid rgba(255, 255, 255, .1);
}
.nvp-gm-placar > span {
  display: flex; flex-direction: column; gap: 1px; padding: 9px 8px 10px;
  background: #101014; font-size: 11px; color: #a9a5a2; text-align: center;
  letter-spacing: .04em; text-transform: uppercase;
}
.nvp-gm-placar b {
  font-size: 17px; font-weight: 800; color: #fff; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; text-transform: none;
}
.nvp-gm-x b { color: hsl(8 92% 66%); }


.nvp-au-n {
  position: absolute; left: 17px; top: 16px;
  font-size: 46px; font-weight: 800; line-height: .9; letter-spacing: -.045em;
  color: #fff; font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 22px rgba(0, 0, 0, .7);
}
.nvp-au-n i {
  display: block; font-style: normal; font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase; color: #cfcbc9; margin-top: 4px;
}
.nvp-f-audiencia .nvp-veu {
  background: linear-gradient(to top, rgba(9, 8, 8, .97) 0%, rgba(9, 8, 8, .9) 34%,
              rgba(9, 8, 8, .55) 70%, rgba(9, 8, 8, .35) 100%);
}



























































.nvp-baixo {
  display: flex; flex-direction: column;
  gap: 1px; background: transparent; border-top: 1px solid var(--line);
}
















.nvp-linha {
  display: grid; grid-template-columns: var(--cols, 1fr); gap: 1px;
  align-items: stretch;
}
.nvp-casa { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nvp-casa > .nvp-bl { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }










.nvp-casa > .nvp-bl > .nvp-ol,
.nvp-casa > .nvp-bl > .nvp-tut { flex: 1 1 auto; align-content: space-evenly; }
.nvp-casa > .nvp-bl > .nvp-usa { flex: 1 1 auto; justify-content: center; }
.nvp-casa > .nvp-bl > .ide-form { flex: 1 1 auto; display: flex; flex-direction: column; }
.nvp-casa > .nvp-bl > .ide-form textarea { flex: 1 1 auto; min-height: 72px; resize: none; }













.nvp-casa > .nvp-bl > .nvp-ol {
  align-content: stretch; grid-auto-rows: minmax(24px, 1fr); row-gap: 8px;
}
.nvp-casa > .nvp-bl > .nvp-ol .nvp-ol-b { height: clamp(7px, 46%, 22px); border-radius: 6px; }
.nvp-casa > .nvp-bl > .nvp-ol .nvp-ol-b i { border-radius: 6px; }
.nvp-casa > .nvp-bl > .nvp-ol .nvp-ol-n { font-size: 13px; }
.nvp-casa > .nvp-bl > .nvp-ol .nvp-ol-l b { font-size: 13.5px; }




.nvp-cv .vcard,
.nvp-card-cap { transition: transform .22s cubic-bezier(.16, 1, .3, 1), box-shadow .22s ease; }
.nvp-cv .vcard:hover { transform: translateY(-3px); }
.nvp-cv .vcard .th { transition: box-shadow .22s ease; }
.nvp-cv .vcard:hover .th { box-shadow: 0 12px 26px -10px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .09); }
.nvp-lam:hover .nvp-card-cap { transform: translateY(-2px); box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .9); }
.nvp-cr-l img, .nvp-cr-l .nvp-cr-sem { transition: transform .22s cubic-bezier(.16, 1, .3, 1); }
.nvp-cr-l:hover img, .nvp-cr-l:hover .nvp-cr-sem { transform: scale(1.08); }
.nvf-col:not(:disabled):active { transform: translateY(1px); }




@keyframes nvpChega { from { opacity: 0; transform: translateY(10px); } }
.nvp-baixo.nvp-entra .nvp-casa,
.nvp-baixo.nvp-entra .nvf-cur {
  animation: nvpChega .6s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: calc(var(--i, 0) * 60ms);
}
@media (prefers-reduced-motion: reduce) {
  .nvp-baixo.nvp-entra .nvp-casa,
  .nvp-baixo.nvp-entra .nvf-cur { animation: none; }
  .nvp-cv .vcard:hover, .nvp-lam:hover .nvp-card-cap { transform: none; }
}


@media (max-width: 1000px) {
  .nvp-linha { grid-template-columns: 1fr; }
}















.nvp-baixo .nvp-bl { container-type: inline-size; }




body:has(.pc-recado) .nvf-folha { padding-bottom: 100px; }



.nvp-cv .vcard:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; border-radius: 10px; }
































.nvf-cur {
  flex: 1 1 100%; display: flex; align-items: baseline; gap: 10px;
  flex-wrap: wrap; padding: 13px 16px; min-width: 0;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--purple) 13%, transparent),
                    color-mix(in srgb, var(--purple) 3%, transparent) 62%,
                    transparent),
    var(--bg-2);
  box-shadow: inset 3px 0 0 var(--purple);
  color: inherit; text-decoration: none;
}
a.nvf-cur:hover { background-color: var(--bg-3); }
a.nvf-cur:hover .nvf-cur-f { text-decoration: underline; }











.nvf-cur-th {
  width: 54px; height: 30px; border-radius: 5px; object-fit: cover;
  flex: none; align-self: center; background: var(--bg-3); display: block;
}
.nvf-cur-rot {
  font-size: 11px; font-weight: 800; letter-spacing: .14em;
  text-transform: uppercase; color: var(--purple); flex: none;
}
.nvf-cur b {
  font-size: 19px; font-weight: 800; letter-spacing: -.02em; color: var(--txt);
  font-variant-numeric: tabular-nums; flex: none;
}
.nvf-cur-f {
  font-size: 12.5px; color: var(--txt-2); min-width: 0; flex: 1 1 auto;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}












.nvf-cur-t {
  font-size: 12.5px; font-style: normal; font-weight: 700; color: var(--txt);
  flex: none; white-space: nowrap;
}
@container (min-width: 620px) {
  .nvp-cur, .nvp-cr-lista { columns: 2; column-gap: 22px; }
  .nvp-cur > span, .nvp-cr-l { break-inside: avoid; }
  .nvp-cr-lista { display: block; }
  .nvp-cr-l { margin-bottom: 12px; }
  



  






  .nvp-tut { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px 22px; }
}

























.nvp-fam {
  display: flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 800; letter-spacing: .13em;
  text-transform: uppercase; color: var(--fam, var(--txt-2));
  margin-bottom: 8px;
}
.nvp-fam i {
  width: 6px; height: 6px; border-radius: 2px; flex: none;
  background: var(--fam, var(--txt-3));
}
.nvp-baixo .nvp-bl[class*="nvp-fam-"] {
  box-shadow: inset 0 3px 0 var(--fam);
  background:
    linear-gradient(color-mix(in srgb, var(--fam) 4%, transparent),
                    color-mix(in srgb, var(--fam) 4%, transparent)),
    var(--bg-2);
}
.nvp-fam-base { --fam: var(--novo); }
.nvp-fam-mercado { --fam: var(--info); }
.nvp-fam-voce { --fam: var(--accent-2); }





.nvp-fam-curiosa { --fam: var(--purple); }








.nvp-fam-aprenda { --fam: var(--txt-2); }





.nvp-cur { display: flex; flex-direction: column; gap: 6px; }
.nvp-cur span { font-size: 12.5px; color: var(--txt-2); }
.nvp-cur b {
  font-size: 17px; font-weight: 800; color: var(--txt); margin-right: 5px;
  font-variant-numeric: tabular-nums;
}
.nvp-cur-t { font-size: 13px; font-weight: 700; color: var(--txt); line-height: 1.35; }


.nvp-nota-t {
  font-size: 13px; font-style: italic; color: var(--txt); line-height: 1.4;
}


.nvp-ol-b.cl-ouro i { background: var(--accent-2); }
.nvp-ol-b.cl-atencao i { background: var(--accent-2); opacity: .55; }
.nvp-ol-b.cl-tarde i { background: var(--txt-3); }
.nvp-cr-pct.cai { color: #ff6b6b; }



.nvp-cr-pct.fraco { color: var(--txt-2); }













.nvp-pd-um {
  display: grid; grid-template-columns: 46px 1fr; gap: 11px; align-items: center;
  text-decoration: none; color: inherit; min-width: 0; margin-bottom: 4px;
}
.nvp-pd-um > img, .nvp-pd-um > .nvp-cr-sem {
  width: 46px; height: 46px; border-radius: 50%; object-fit: cover;
  background: var(--bg-3); display: block;
}
.nvp-pd-um > span { display: grid; gap: 1px; min-width: 0; }
.nvp-pd-um b {
  font-size: 14px; font-weight: 800; color: var(--txt);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nvp-pd-um:hover b { text-decoration: underline; }
.nvp-pd-1 {
  font-size: 11px; font-weight: 800; letter-spacing: .13em;
  text-transform: uppercase; color: var(--accent-2); font-style: normal;
}
.nvp-pd-sub {
  font-size: 11px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}












.nvp-cr-l.nvp-pd-l { grid-template-columns: 18px 34px 1fr; }




.nvp-pd-n {
  font-size: 12px; font-weight: 800; font-style: normal; color: var(--txt-2);
  text-align: center; font-variant-numeric: tabular-nums;
}
















.nvp-ciclo .ciclo-cabeca,
.nvp-ciclo .ciclo-legenda,
.nvp-ciclo .ciclo-lista { display: none; }
.nvp-ciclo .ciclo-grafico { margin: 0; }
.nvp-ciclo .ciclo-svg { height: 74px; }
.nvp-ciclo .ciclo-etapas { grid-template-columns: 1fr; gap: 0; }
.nvp-ciclo .ce-info {
  display: grid; grid-template-columns: minmax(0, 1fr) 74px 30px;
  align-items: center; gap: 8px; padding: 4px 0; border: 0; background: none;
  text-align: left; min-height: 0;
}
.nvp-ciclo .ce-faixa, .nvp-ciclo .ce-views, .nvp-ciclo .ce-ouro { display: none; }
.nvp-ciclo .ce-nome {
  font-size: 12px; color: var(--txt); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}
.nvp-ciclo .ce-n {
  font-size: 12px; font-weight: 800; color: var(--txt); text-align: right;
  font-variant-numeric: tabular-nums; order: 3;
}


.nvp-ciclo .ce-barra { order: 2; margin: 0; }







.nvp-ciclo .ce-info, .nvp-ciclo .ce { pointer-events: none; cursor: default; }





.nvp-cr-lista { display: flex; flex-direction: column; gap: 12px; }
.nvp-cr-l {
  display: grid; grid-template-columns: 34px 1fr auto; gap: 12px;
  align-items: center; text-decoration: none; color: inherit; min-width: 0;
}
.nvp-cr-l:hover .nvp-cr-n b { text-decoration: underline; }




.nvp-cr-l:focus-visible, .nvp-pd-um:focus-visible, .nvf-cur:focus-visible {
  outline: 2px solid var(--info); outline-offset: 2px; border-radius: 4px;
}
.nvp-cr-l > img, .nvp-cr-sem {
  width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
  background: var(--bg-3); display: block;
}



.nvp-cr-sem, .vc-sem, .bau-c-av-vazio {
  display: grid; place-items: center; font-style: normal;
  font-size: 14px; font-weight: 800; color: #fff;
  background: hsl(var(--h, 28) 42% 34%);
}
.nvp-cr-n { display: grid; gap: 3px; min-width: 0; }
.nvp-cr-n b {
  font-size: 12.5px; font-weight: 700; color: var(--txt); line-height: 1.25;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}




.nvp-cr-n span { font-size: 11px; color: var(--txt-2); line-height: 1.4; }
.nvp-cr-pct {
  font-size: 13px; font-weight: 800; font-style: normal; color: var(--novo);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
















.nvp-cv { display: grid; gap: 7px; min-width: 0; }
.nvp-cv .vcard .canal { display: none; }
.nvp-cv .vc-tirar { display: none; }
.nvp-cv .vcard .tit { font-size: 12.5px; line-height: 1.3; }
.nvp-cv .vcard .sub { font-size: 11px; color: var(--txt-2); }



























@container (min-width: 280px) {
  .nvp-cv .vcard {
    display: grid; grid-template-columns: clamp(120px, 46cqi, 168px) 1fr;
    grid-template-rows: auto auto 1fr; column-gap: 11px;
  }
  .nvp-cv .vcard .th { grid-row: 1 / span 3; }
  


  .nvp-cv .vcard .tit { margin-top: 0; }
}















.nvp-cr-lista.com-video { columns: auto; display: flex; }


@container (min-width: 660px) {
  .nvp-cv .vcard { grid-template-columns: 224px 1fr; }
}



.nvp-cv > .nvp-cr-l, .nvp-cv > .nvp-pd-um { margin-bottom: 0; }















.nvp-cr-lista.com-video {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px 12px; columns: auto;
}
.nvp-cr-lista.com-video .nvp-cv { align-content: start; gap: 6px; }
.nvp-cr-lista.com-video .nvp-cv .vcard { display: block; }
.nvp-cr-lista.com-video .nvp-cv .vcard .tit { margin-top: 7px; }


.nvp-cr-lista.com-video .nvp-cr-l:not(.nvp-pd-l) {
  grid-template-columns: 30px minmax(0, 1fr); column-gap: 9px; row-gap: 1px;
}
.nvp-cr-lista.com-video .nvp-cr-l:not(.nvp-pd-l) > img,
.nvp-cr-lista.com-video .nvp-cr-l:not(.nvp-pd-l) > .nvp-cr-sem {
  width: 30px; height: 30px; grid-row: 1 / span 2;
}
.nvp-cr-lista.com-video .nvp-pd-l { gap: 8px; }



.nvp-pd-grade .nvp-cv { grid-template-rows: 50px auto; }
.nvp-pd-grade .nvp-cv > :first-child { align-self: center; }






.nvp-bl-anc .nvp-h {
  display: block; margin-bottom: 12px; font-size: 15.5px; line-height: 1.25;
  letter-spacing: 0; text-transform: none; text-wrap: balance;
}


.nvp-anc-foto {
  flex: none; aspect-ratio: 16 / 10; width: 100%; position: relative; display: block;
  padding: 0; border: 1px solid var(--line-2); border-radius: 12px;
  overflow: hidden; background: var(--bg-3); cursor: pointer;
  box-shadow: 0 14px 30px -18px rgba(0, 0, 0, .9);
}
.nvp-anc-foto img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: top center; display: block;
  transform: scale(var(--z, 1)); transform-origin: var(--o, 50% 0%);
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}
.nvp-anc-foto:hover img { transform: scale(calc(var(--z, 1) * 1.04)); }
.nvp-anc-foto:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.nvp-anc-leg { margin: 12px 0 0; font-size: 15px; line-height: 1.45; color: var(--txt-2); text-wrap: pretty; }
.nvp-anc-leg b { color: var(--txt); }

.nvp-bl-anc .nvp-anc-tit {
  margin: 14px 0 0; font-size: 20px; font-weight: 800; line-height: 1.2;
  letter-spacing: -.01em; text-transform: none; color: var(--txt); text-wrap: balance;
}


.nvp-anc-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.nvp-anc-par { display: grid; gap: 28px; }
.nvp-anc-it { container-type: inline-size; min-width: 0; }
@container (min-width: 900px) { .nvp-anc-par { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
@container (max-width: 899px) { .nvp-anc-it + .nvp-anc-it { display: none; } }
.nvp-anc-pe { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }
.nvp-anc-nav { display: flex; align-items: center; gap: 8px; }
.nvp-anc-nav button {
  width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line-2);
  background: var(--bg-3); color: var(--txt); font: inherit; font-size: 15px;
  line-height: 1; cursor: pointer; display: grid; place-items: center;
}
.nvp-anc-nav button:hover { background: var(--line-2); }
.nvp-anc-bolas { display: flex; gap: 5px; }
.nvp-anc-bolas i { width: 6px; height: 6px; border-radius: 50%; background: var(--line-2); }
.nvp-anc-bolas i.on { background: var(--txt); }







.nvp-dz { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 16px; min-height: 0; }
.nvp-dz-top { display: grid; gap: 4px; }
.nvp-dz-top > b { font-size: 34px; font-weight: 800; line-height: 1.05; letter-spacing: -.025em; color: var(--novo); }
.nvp-dz-top > span { font-size: 12.5px; color: var(--txt-2); }
.nvp-dz-top > span b { color: var(--txt); font-weight: 800; font-variant-numeric: tabular-nums; }
.nvp-dz-trilho { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; }
.nvp-dz-s { display: grid; grid-template-rows: 58px auto; min-width: 0; text-align: center; }
.nvp-dz-s b {
  display: grid; place-items: center; font-size: 14px; font-weight: 800; color: var(--txt-2);
  font-variant-numeric: tabular-nums;
  background: color-mix(in srgb, var(--txt) var(--mix, 6%), var(--bg-3));
}
.nvp-dz-s:first-child b { border-radius: 10px 0 0 10px; }
.nvp-dz-s:last-child b { border-radius: 0 10px 10px 0; }
.nvp-dz-s.on b {
  background: var(--novo); color: var(--bg); font-size: 17px;
  box-shadow: 0 10px 26px -10px color-mix(in srgb, var(--novo) 75%, transparent);
}
.nvp-dz-s em { font-style: normal; font-size: 12px; color: var(--txt-2); margin-top: 7px; }
.nvp-dz-s.on em { color: var(--novo); font-weight: 700; }
.nvp-dz-leg { display: block; margin-top: -8px; text-align: center; font-size: 11px; color: var(--txt-3); }





.nvp-usa.nvp-sobe {
  position: relative; overflow: hidden;
  background:
    radial-gradient(120% 95% at 100% 100%, color-mix(in srgb, var(--novo) 17%, transparent), transparent 62%),
    linear-gradient(to top, color-mix(in srgb, var(--novo) 6%, transparent), transparent 55%),
    var(--bg-2);
  border-color: color-mix(in srgb, var(--novo) 28%, var(--line-2));
}
.nvp-sobe-topo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; width: 100%; }
.nvp-sobe-tx { display: grid; gap: 8px; min-width: 0; }
.nvp-sobe-x { display: flex; align-items: center; gap: 7px; color: var(--novo); }
.nvp-sobe-x svg { width: 22px; height: 22px; fill: currentColor; flex: none; }
.nvp-sobe-x b { font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; }
.nvp-sobe-x em { font-style: normal; font-size: 12.5px; font-weight: 600; color: var(--txt-2); }
.nvp-sobe-graf { display: flex; align-items: flex-end; gap: 10px; height: 118px; padding-right: 2px; }
.nvp-sobe-c { display: grid; grid-template-rows: 1fr auto; height: 100%; width: 54px; text-align: center; }
.nvp-sobe-c i { align-self: end; height: var(--h); border-radius: 7px 7px 2px 2px; transform-origin: bottom; }
.nvp-sobe-c.base i { background: var(--line-2); }
.nvp-sobe-c.molde i {
  background: linear-gradient(to top, color-mix(in srgb, var(--novo) 55%, transparent), var(--novo));
  box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--novo) 70%, transparent);
}
.nvp-sobe-c em { font-style: normal; font-size: 10.5px; color: var(--txt-2); margin-top: 6px; line-height: 1.15; }


@keyframes nvpCresce { from { transform: scaleY(0); } }
.nvp-baixo.nvp-entra .nvp-sobe-c i { animation: nvpCresce .9s cubic-bezier(.16, 1, .3, 1) .25s both; }

@keyframes nvpRevela { from { clip-path: inset(0 100% 0 0); } }
.nvp-baixo.nvp-entra .nvp-dz-trilho { animation: nvpRevela .9s cubic-bezier(.16, 1, .3, 1) .25s both; }
.nvp-baixo.nvp-entra .nvp-vq-b i { transform-origin: left; animation: nvpConta .9s cubic-bezier(.16, 1, .3, 1) .25s both; }
@media (prefers-reduced-motion: reduce) {
  .nvp-baixo.nvp-entra .nvp-sobe-c i, .nvp-baixo.nvp-entra .nvp-dz-trilho,
  .nvp-baixo.nvp-entra .nvp-vq-b i { animation: none; }
}
@media (max-width: 520px) {
  .nvp-sobe-topo { grid-template-columns: 1fr; }
  .nvp-sobe-graf { height: 90px; }
}







.nvp-nq { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; flex: 1 1 auto; align-content: start; }
.nvp-nq-col { display: grid; gap: 12px; align-content: start; min-width: 0; }
.nvp-nq-t { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.nvp-nq-t svg { width: 14px; height: 14px; fill: currentColor; }
.nvp-nq-col.sobe .nvp-nq-t { color: var(--novo); }
.nvp-nq-col.desce .nvp-nq-t { color: #ff6b6b; }
.nvp-nq-l { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 4px 10px; min-width: 0; }
.nvp-nq-n { font-size: 13px; color: var(--txt); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nvp-nq-l b { font-size: 12px; font-weight: 800; color: var(--txt-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nvp-nq-b { grid-column: 1 / -1; display: grid; gap: 3px; }
.nvp-nq-b i { display: block; height: 5px; width: var(--w); min-width: 3px; border-radius: 3px; }
.nvp-nq-b i.antes { background: var(--line-2); }
.nvp-nq-l.sobe .nvp-nq-b i.agora { background: var(--novo); }
.nvp-nq-l.desce .nvp-nq-b i.agora { background: #ff6b6b; }
@media (max-width: 520px) { .nvp-nq { grid-template-columns: 1fr; } }



.nvp-es { display: grid; gap: 8px; text-decoration: none; color: inherit; }
.nvp-es-cap {
  position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 12px;
  overflow: hidden; background: var(--bg-3);
  box-shadow: 0 16px 34px -18px rgba(0, 0, 0, .95);
}
.nvp-es-cap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s cubic-bezier(.16, 1, .3, 1); }
.nvp-es:hover .nvp-es-cap img { transform: scale(1.04); }
.nvp-es-x {
  position: absolute; left: 10px; top: 10px; display: grid; gap: 1px;
  padding: 7px 11px 8px; border-radius: 10px; background: var(--accent); color: #fff;
  box-shadow: 0 8px 20px -6px rgba(228, 38, 38, .6);
}
.nvp-es-x b { font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.nvp-es-x em { font-style: normal; font-size: 10.5px; font-weight: 700; opacity: .92; }
.nvp-es-t { font-size: 14.5px; font-weight: 700; line-height: 1.3; color: var(--txt);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nvp-es:hover .nvp-es-t { text-decoration: underline; text-underline-offset: 3px; }
.nvp-es-c { font-size: 12px; color: var(--txt-2); }
.nvp-es-c b { color: var(--txt); font-weight: 700; }



.nvp-es-cmp { display: grid; gap: 10px; align-self: end; margin-top: 6px; }
.nvp-es-b { display: grid; gap: 5px; }
.nvp-es-b em { grid-row: 1; grid-column: 1; font-style: normal; font-size: 11.5px; color: var(--txt-2); }
.nvp-es-b > span { grid-row: 2; height: 10px; border-radius: 5px; background: var(--bg-3); overflow: hidden; }
.nvp-es-b i { display: block; height: 100%; width: var(--w); border-radius: 5px; background: var(--line-2); }
.nvp-es-b.on i { background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent), var(--accent)); }
.nvp-es-b b {
  grid-row: 1; grid-column: 1; justify-self: end; font-size: 13px; font-weight: 800;
  color: var(--txt-2); font-variant-numeric: tabular-nums;
}
.nvp-es-b.on b { color: var(--txt); }
.nvp-baixo.nvp-entra .nvp-es-b i { transform-origin: left; animation: nvpConta .9s cubic-bezier(.16, 1, .3, 1) .25s both; }
@media (prefers-reduced-motion: reduce) { .nvp-baixo.nvp-entra .nvp-es-b i { animation: none; } }
.nvp-es:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; border-radius: 12px; }


.nvp-cn-l { margin-bottom: 12px; }
.nvp-cn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.nvp-cn-n {
  display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line-2);
}
.nvp-cn-n b { font-size: 26px; font-weight: 800; line-height: 1; letter-spacing: -.02em; color: var(--txt); font-variant-numeric: tabular-nums; }
.nvp-cn-n em { font-style: normal; font-size: 11.5px; color: var(--txt-2); }
.nvp-cn-n.on { border-color: color-mix(in srgb, var(--novo) 40%, var(--line-2)); background: color-mix(in srgb, var(--novo) 8%, var(--bg-3)); }
.nvp-cn-n.on b { color: var(--novo); }
.nvp-cn-v .vcard { display: block; }
.nvp-cn-v .vcard .tit { margin-top: 7px; }


.nvp-usa.nvp-gat { gap: 12px; }
.nvp-gat-nome::first-letter { text-transform: uppercase; }
.nvp-gat-nome { display: block; font-size: 24px; font-weight: 800; letter-spacing: -.015em; line-height: 1.1; color: var(--txt); }



.nvp-gat-topo { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; width: 100%; }
.nvp-gat-vezes { display: inline-flex; align-items: baseline; gap: 8px; }
.nvp-gat-vezes b { font-size: 28px; font-weight: 800; line-height: 1; letter-spacing: -.02em; color: var(--novo); font-variant-numeric: tabular-nums; }
.nvp-gat-vezes i { max-width: 17ch; font-style: normal; font-size: 12px; line-height: 1.3; color: var(--txt-2); }
.nvp-gat-bs { display: grid; gap: 8px; width: 100%; max-width: 560px; }


.nvp-gat-diz { display: block; font-size: 12.5px; line-height: 1.4; color: var(--txt-2); text-wrap: pretty; }
.nvp-gat-b { display: grid; grid-template-columns: 136px minmax(0, 1fr) 40px; align-items: center; gap: 10px; }
.nvp-gat-b em { font-style: normal; font-size: 11.5px; color: var(--txt-2); }
.nvp-gat-b > span { height: 10px; border-radius: 5px; background: var(--bg-3); overflow: hidden; }
.nvp-gat-b i { display: block; height: 100%; width: var(--w); border-radius: 5px; background: var(--line-2); }



.nvp-gat-b.on i { background: linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent), var(--accent)); }
.nvp-gat-b b { font-size: 13px; font-weight: 800; color: var(--txt-2); text-align: right; font-variant-numeric: tabular-nums; }
.nvp-gat-b.on b { color: var(--txt); }





.nvf-dl {
  position: absolute; right: 12px; top: 34px; font-style: normal;
  font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1;
}
.nvf-dl i { font-style: normal; font-weight: 600; font-size: 10.5px; opacity: .8; }
.nvf-dl.sobe { color: var(--novo); }
@media (max-width: 760px) { .nvf-dl i { display: none; } }



.nvp-es-rec {
  background:
    radial-gradient(120% 70% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%),
    var(--bg-2);
}
.nvp-es-faixa {
  display: inline-block; align-self: flex-start; margin-bottom: 10px;
  padding: 4px 10px; border-radius: 999px; background: var(--accent); color: #fff;
  font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  box-shadow: 0 6px 16px -6px rgba(228, 38, 38, .7);
}
.nvp-es-antes { display: block; margin: -6px 0 10px; font-size: 12px; color: var(--txt-2); }
.nvp-es-antes b { color: var(--txt); }


.nvp-vp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: center; }
@media (max-width: 520px) { .nvp-vp { grid-template-columns: 1fr; } }





.nvp-vq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch; flex: 1 1 auto; }
.nvp-vq-esq { display: flex; flex-direction: column; justify-content: space-between; gap: 14px; min-width: 0; }
.nvp-vq-x { display: flex; align-items: center; gap: 14px; }
.nvp-vq-x b {
  font-size: 76px; font-weight: 800; line-height: .85; letter-spacing: -.04em; color: var(--novo);
  font-variant-numeric: tabular-nums;
}
.nvp-vq-x span { max-width: 15ch; font-size: 13px; line-height: 1.3; color: var(--txt-2); }
.nvp-vq-bs { display: grid; gap: 12px; }
.nvp-vq-b { display: grid; grid-template-columns: 44px minmax(0, 1fr) 46px; align-items: center; gap: 10px; }
.nvp-vq-b em { font-style: normal; font-size: 11.5px; color: var(--txt-2); }
.nvp-vq-b > span { height: 14px; border-radius: 7px; background: var(--bg-3); overflow: hidden; }
.nvp-vq-b i { display: block; height: 100%; width: var(--w); border-radius: 7px; background: var(--line-2); }
.nvp-vq-b.on i { background: linear-gradient(90deg, color-mix(in srgb, var(--novo) 55%, transparent), var(--novo)); }
.nvp-vq-b b { font-size: 14px; font-weight: 800; color: var(--txt-2); text-align: right; font-variant-numeric: tabular-nums; }
.nvp-vq-b.on b { color: var(--txt); }
@container (max-width: 520px) { .nvp-vq { grid-template-columns: 1fr; } }


.nvp-usa.nvp-tdia { gap: 10px; }
.nvp-tdia-real { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: center; width: 100%; }
.nvp-tdia-real img { width: 96px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 7px; display: block; }
.nvp-tdia-real em { display: block; font-style: normal; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--txt); }
.nvp-tdia-real i { display: block; margin-top: 4px; font-style: normal; font-size: 11.5px; color: var(--txt-2); }
.nvp-tdia-real i b { color: var(--accent); font-weight: 800; }
.nvp-tdia-seta { font-size: 18px; line-height: 1; color: var(--novo); padding-left: 40px; }
.nvp-tdia-molde { font-size: 16px; font-weight: 700; line-height: 1.35; color: var(--txt); }










.nvp-vp .nvp-cn { grid-template-columns: 1fr; margin-bottom: 0; }
@container (min-width: 560px) {
  .nvp-es {
    grid-template-columns: 64% minmax(0, 1fr); grid-template-rows: auto auto 1fr;
    column-gap: 18px; align-items: start;
  }
  .nvp-es-cap { grid-row: 1 / span 3; }
  .nvp-es-t { font-size: 16px; -webkit-line-clamp: 4; }
  .nvp-usa.nvp-gat {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    grid-template-areas: "nome exs" "diz exs" "bs exs"; column-gap: 22px; row-gap: 10px;
    align-items: start; align-content: center;
  }
  .nvp-gat-nome { grid-area: nome; align-self: end; }
  .nvp-gat-diz { grid-area: diz; }
  .nvp-gat-bs { grid-area: bs; margin-top: 4px; }
  .nvp-usa.nvp-gat .nvp-usa-exs { grid-area: exs; }
  .nvp-usa.nvp-tdia {
    display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
    grid-template-areas: "real seta molde" "real seta n"; column-gap: 14px; row-gap: 8px;
    align-items: center; align-content: center;
  }
  .nvp-tdia-real { grid-area: real; }
  .nvp-tdia-seta { grid-area: seta; padding: 0; justify-self: center; transform: rotate(-90deg); }
  .nvp-tdia-molde { grid-area: molde; align-self: end; }
  .nvp-usa.nvp-tdia .nvp-usa-n { grid-area: n; align-self: start; }
}
@container (min-width: 520px) {
  .nvp-anc-corpo {
    display: grid; grid-template-columns: minmax(0, 56%) minmax(0, 1fr);
    grid-template-areas: "foto ." "foto tit" "foto leg" "foto pe" "foto .";
    grid-template-rows: 1fr auto auto auto 1fr; column-gap: 22px; row-gap: 10px;
  }
  .nvp-anc-foto { grid-area: foto; }
  .nvp-bl-anc .nvp-anc-tit { grid-area: tit; margin-top: 0; font-size: 19px; }
  .nvp-anc-leg { grid-area: leg; margin-top: 0; font-size: 13.5px; line-height: 1.5; align-self: start; }
  .nvp-anc-pe { grid-area: pe; margin-top: 6px; flex-wrap: wrap; }
}



.nvp-dg { display: grid; gap: 4px; }
.nvp-dg .ide-form textarea { height: 72px; min-height: 0; }
@container (min-width: 760px) {
  .nvp-dg { grid-template-columns: minmax(0, 32%) minmax(0, 1fr); column-gap: 28px; align-items: center; }
  .nvp-dg .nvp-h { margin-bottom: 0; }
  .nvp-dg .ide-form { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; }
  .nvp-dg .ide-form textarea { height: 64px; min-height: 0; resize: vertical; }
  .nvp-dg .ide-envia { flex-direction: column; align-items: flex-start; gap: 6px; flex-wrap: nowrap; }
  .nvp-dg .ide-envia .tiny { flex: none; max-width: 150px; }
}
.nvp-cr-lista.com-video .nvp-cr-n > span {
  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.nvp-cr-lista.com-video .nvp-cr-pct { grid-column: 2; justify-self: start; font-size: 11.5px; }














.nvp-ol {
  display: grid; align-items: center; gap: 10px;
  grid-template-columns: minmax(0, max-content) minmax(48px, 1fr) max-content;
}
.nvp-ol-l { display: contents; }
.nvp-ol-n {
  font-size: 12px; color: var(--txt); min-width: 0; line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.nvp-ol-b {
  height: 6px; border-radius: 3px; background: var(--line-2); overflow: hidden;
}
.nvp-ol-b i { display: block; height: 100%; background: var(--novo); border-radius: 3px; }
.nvp-ol-l b {
  font-size: 12px; font-weight: 800; color: var(--txt); text-align: right;
  font-variant-numeric: tabular-nums;
}
.nvp-baixo .nvp-bl { background: var(--bg-2); border: 0; }





.nvp-baixo .nvq-vids { gap: 8px; }
.nvp-baixo .nvq-vids .vcard .tit { font-size: 11.5px; }
.nvp-baixo .nvq-vids .vcard .sub { font-size: 11px; }
.nvp-baixo .nvq-move b { font-size: 22px; }
.nvp-baixo .nvq-fim-n b { font-size: 26px; }




.nvp-baixo .nvp-gemas,
.nvp-baixo .nvp-tiras { grid-template-columns: 1fr; gap: 9px; }
.nvp-baixo .nvp-tiras > .nvp-tira:nth-child(n+4) { display: none; }
.nvp-baixo .nvp-gcard:nth-child(n+3) { display: none; }











.nvp-baixo .nvp-tira {
  display: grid; grid-template-columns: 96px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 11px; row-gap: 2px; align-items: start;
}
.nvp-baixo .nvp-tira .nvp-cap { grid-area: 1 / 1 / 4 / 2; align-self: start; }
.nvp-baixo .nvp-tira .nvp-tt,
.nvp-baixo .nvp-tira .nvp-tn,
.nvp-baixo .nvp-tira .nvp-td { grid-column: 2; }
.nvp-baixo .nvp-tira .nvp-tt {
  -webkit-line-clamp: 2; font-size: 12px; line-height: 1.3; align-self: end;
}
.nvp-baixo .nvp-tira .nvp-tn { font-size: 11.5px; line-height: 1.3; }
.nvp-baixo .nvp-tira .nvp-td { font-size: 11px; line-height: 1.35; }
.nvp-baixo .nvp-tira .nvp-dur { font-size: 11px; padding: 0 3px; }


























.nvp-f-corrente .nvp-rot { color: var(--novo); }
.nvp-cr-selo {
  position: absolute; right: 13px; top: 12px;
  padding: 3px 9px; border-radius: 20px;
  background: rgba(126, 226, 168, .12); border: 1px solid rgba(126, 226, 168, .38);
  color: var(--novo); font-size: 11px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  backdrop-filter: blur(3px);
}
.nvp-cr-elo {
  background: rgba(126, 226, 168, .09);
  border-top: 1px solid rgba(126, 226, 168, .30);
}
.nvp-cr-elo b { color: var(--novo); }
.nvp-cr-ico {
  flex: none; width: 15px; height: 15px; color: var(--novo);
}
.nvp-cr-ico svg { width: 100%; height: 100%; fill: currentColor; display: block; }




















.nvp-card {
  position: absolute; inset: 0;
  display: grid; grid-template-columns: 44% minmax(0, 1fr);
  gap: 14px; align-items: center; padding: 16px 18px;
  background: var(--bg-2);
}
.nvp-card-cap {
  position: relative; aspect-ratio: 16 / 9; border-radius: 10px;
  overflow: hidden; background: var(--bg-3); display: block;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .4);
}
.nvp-card-cap img {
  position: static; width: 100%; height: 100%; object-fit: cover; display: block;
  transform: none; transition: transform .3s ease;
}
.nvp-lam:hover .nvp-card-cap img { transform: scale(1.04); }
.nvp-card-tx { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nvp-card .nvp-rot { color: var(--txt-2); }






.nvp-card .nvp-rot i { color: var(--txt-2); }
.nvp-card .nvp-t {
  font-size: 15px; font-weight: 700; line-height: 1.28; color: var(--txt);
  -webkit-line-clamp: 2; text-shadow: none;
}
.nvp-t-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px !important; font-weight: 600 !important;
}
.nvp-card-canal { font-size: 12.5px; font-weight: 700; color: var(--txt); }
.nvp-card-n { font-size: 11.5px; color: var(--txt-2); line-height: 1.4; }
.nvp-card-n b { color: var(--txt); font-weight: 700; font-variant-numeric: tabular-nums; }
.nvp-card-elo {
  display: flex; align-items: center; gap: 6px; margin-top: 2px;
  font-size: 11px; color: var(--txt-2);
}
.nvp-card-elo b { color: var(--txt); font-weight: 700; }
.nvp-card-elo .nvp-qm-av { width: 18px; height: 18px; font-size: 11px; }






.nvp-banner {
  position: absolute; inset: 0; z-index: 1; overflow: hidden;
  background:
    radial-gradient(55% 120% at 82% 50%, rgba(160, 20, 30, .32), transparent 70%),
    #0a0909;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .45s ease, visibility 0s linear .45s;
}

.nvp-ban-var {
  position: absolute; inset: 0; display: none;
  grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px;
  
  padding: 18px max(64px, calc((100% - 1200px) / 2)) 18px max(56px, calc((100% - 1200px) / 2));
  text-decoration: none; color: var(--txt);
}
.nvp-ban-var.on { display: grid; }
.nvp-banner.on { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s, 0s; }
.nvp-ban-tx { display: grid; gap: 8px; min-width: 0; }
.nvp-ban-marca {
  display: flex; align-items: center; gap: 7px;
  font-size: 15px; font-weight: 700; letter-spacing: -.01em; color: #fff;
}
.nvp-ban-marca b {
  width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center;
  background: var(--accent); color: #fff; font-size: 13px; font-weight: 900;
}
.nvp-ban-t {
  font-size: clamp(22px, 2vw, 34px); font-weight: 700; line-height: 1.05;
  letter-spacing: -.03em; color: #fff;
}
.nvp-ban-t em { font-style: normal; color: #ff5a5f; }
.nvp-ban-sub { font-size: 13px; line-height: 1.45; color: #cfcbc9; max-width: 56ch; }
.nvp-ban-pe { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 2px; }
.nvp-ban-cta {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px;
  border-radius: 999px; background: var(--accent); color: #fff;
  font-size: 13px; font-weight: 800;
}
.nvp-ban-cta i { font-style: normal; transition: transform .2s ease; }
.nvp-ban-var:hover .nvp-ban-cta { background: #f13a3a; }
.nvp-ban-var:hover .nvp-ban-cta i { transform: translateX(3px); }

.nvp-ban-vant, .nvp-faixa-vant { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.nvp-ban-vant i, .nvp-faixa-vant i {
  font-style: normal; font-size: 11.5px; color: #cfcbc9; white-space: nowrap;
  padding: 3px 9px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .16); background: rgba(0, 0, 0, .35);
}
.nvp-ban-vant b, .nvp-faixa-vant b { color: #fff; font-weight: 800; }
@media (max-width: 1599px) { .nvp-ban-vant i span, .nvp-faixa-vant i span { display: none; } }

.nvp-ban-var:focus-visible { outline: 2px solid var(--accent); outline-offset: -4px; }


.nvp-ban-vis { position: relative; width: 330px; height: 150px; }
.nvp-ban-cap {
  position: absolute; width: 210px; aspect-ratio: 16 / 9; border-radius: 10px;
  overflow: hidden; background: #000; border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .95);
  transition: transform .5s cubic-bezier(.16, 1, .3, 1);
}
.nvp-ban-cap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nvp-ban-cap0 { left: 60px; top: 14px; z-index: 3; border-color: rgba(255, 70, 70, .6); }
.nvp-ban-cap1 { left: 0; top: 4px; z-index: 2; transform: rotate(-7deg) scale(.86); filter: brightness(.55); }
.nvp-ban-cap2 { left: 120px; top: 4px; z-index: 1; transform: rotate(7deg) scale(.86); filter: brightness(.45); }
.nvp-ban-var:hover .nvp-ban-cap1 { transform: rotate(-10deg) scale(.86) translateX(-8px); }
.nvp-ban-var:hover .nvp-ban-cap2 { transform: rotate(10deg) scale(.86) translateX(8px); }
.nvp-ban-dur {
  position: absolute; right: 6px; top: 6px; font-style: normal; font-size: 10.5px; font-weight: 700;
  color: #fff; background: rgba(0, 0, 0, .78); padding: 1px 5px; border-radius: 4px;
}
.nvp-ban-leg {
  position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: baseline; gap: 6px;
  padding: 16px 9px 6px; font-size: 11px; color: #e6e2e0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .85));
}
.nvp-ban-leg b { color: #ff6b6b; font-weight: 800; }


.nvp-faixa-pub {
  display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center; gap: 18px; margin: 14px 0; padding: 14px 18px;
  border-radius: var(--r); text-decoration: none; color: var(--txt);
  border: 1px solid rgba(228, 38, 38, .35);
  background:
    radial-gradient(60% 160% at 85% 50%, rgba(160, 20, 30, .30), transparent 70%),
    #0a0909;
}
.nvp-faixa-pub:hover { border-color: rgba(255, 70, 70, .7); }
.nvp-faixa-pub:hover .nvp-ban-cta { background: #f13a3a; }
.nvp-faixa-pub:hover .nvp-ban-cta i { transform: translateX(3px); }
.nvp-faixa-pub:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.nvp-faixa-t { font-size: 17px; font-weight: 700; letter-spacing: -.02em; color: #fff; white-space: nowrap; }
.nvp-faixa-t em { font-style: normal; color: #ff5a5f; }
@media (max-width: 1100px) {
  .nvp-faixa-pub { grid-template-columns: auto minmax(0, 1fr) auto; }
  .nvp-faixa-pub .nvp-faixa-t { display: none; }
}
@media (max-width: 640px) {
  .nvp-faixa-pub { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .nvp-faixa-pub .nvp-faixa-t { display: block; white-space: normal; }
  .nvp-faixa-vant { flex-wrap: wrap; }
  .nvp-faixa-pub .nvp-ban-cta { justify-self: start; }
}


.nvp-ban-estilos { width: auto; height: auto; display: flex; flex-wrap: wrap; gap: 8px; max-width: 330px; justify-content: center; }
.nvp-ban-estilos i {
  font-style: normal; font-size: 13px; font-weight: 700; color: #e9e6e4;
  padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2);
  background: rgba(0, 0, 0, .4);
}
.nvp-ban-estilos i.on { border-color: #ff4d4d; color: #fff; background: rgba(228, 38, 38, .25); }
.nvp-ban-ritmo { width: auto; height: auto; display: flex; gap: 12px; }
.nvp-ban-ritmo > span {
  display: grid; gap: 2px; padding: 12px 16px; border-radius: 12px; min-width: 132px;
  border: 1px solid rgba(255, 255, 255, .16); background: rgba(0, 0, 0, .4);
}
.nvp-ban-ritmo > span.on { border-color: #ff4d4d; background: rgba(228, 38, 38, .18); }
.nvp-ban-ritmo small { font-size: 11px; color: #bdb8b6; }
.nvp-ban-ritmo b { font-size: 24px; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.nvp-ban-ritmo > span.on b { color: #ff6b6b; }
.nvp-ban-ritmo em { font-style: normal; font-size: 11px; color: #9c9795; }
@media (prefers-reduced-motion: reduce) {
  .nvp-banner, .nvp-ban-cap { transition: none; }
}


@media (max-width: 900px) {
  .nvp-ban-var { grid-template-columns: minmax(0, 1fr); padding: 16px 44px; }
  .nvp-ban-vis { display: none; }
}




.nvp-f-estouro .nvp-rot,
.nvp-f-manchete .nvp-rot { color: hsl(8 92% 70%); }
.nvp-f-corrente .nvp-rot { color: var(--novo); }
.nvp-f-corrente .nvp-card-elo b { color: var(--novo); }
.nvp-f-quem .nvp-rot { color: var(--txt-2); }
.nvp-f-formula .nvp-rot { color: hsl(45 80% 65%); }
.nvp-f-gema .nvp-rot { color: hsl(160 55% 62%); }
.nvp-f-audiencia .nvp-rot { color: hsl(200 70% 68%); }



















.nvp-f-corrente .nvp-rot,
.nvp-f-corrente .nvp-card-elo b {
  text-shadow: 0 0 13px color-mix(in srgb, var(--novo) 45%, transparent),
               0 0 4px color-mix(in srgb, var(--novo) 32%, transparent);
}
.nvp-f-corrente .nvp-cr-ico {
  filter: drop-shadow(0 0 5px color-mix(in srgb, var(--novo) 58%, transparent));
}
@media (prefers-reduced-motion: no-preference) {
  .nvp-f-corrente .nvp-lam.on .nvp-rot,
  .nvp-f-corrente .nvp-lam.on .nvp-card-elo b { animation: nvpAcendeTx 1100ms ease-out 1; }
  .nvp-f-corrente .nvp-lam.on .nvp-cr-ico { animation: nvpAcendeIco 1100ms ease-out 1; }
}






@keyframes nvpAcendeTx {
  0% { text-shadow: 0 0 13px color-mix(in srgb, var(--novo) 45%, transparent),
                    0 0 4px color-mix(in srgb, var(--novo) 32%, transparent); }
  30% { text-shadow: 0 0 22px color-mix(in srgb, var(--novo) 85%, transparent),
                     0 0 7px color-mix(in srgb, var(--novo) 60%, transparent); }
  100% { text-shadow: 0 0 13px color-mix(in srgb, var(--novo) 45%, transparent),
                      0 0 4px color-mix(in srgb, var(--novo) 32%, transparent); }
}
@keyframes nvpAcendeIco {
  0% { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--novo) 58%, transparent)); }
  30% { filter: drop-shadow(0 0 10px color-mix(in srgb, var(--novo) 90%, transparent)); }
  100% { filter: drop-shadow(0 0 5px color-mix(in srgb, var(--novo) 58%, transparent)); }
}



.nvp-card + .nvp-veu, .nvp-lam > .nvp-veu { display: none; }

@media (max-width: 1000px) {
  .nvp-card { grid-template-columns: 38% minmax(0, 1fr); gap: 11px; padding: 13px 14px; }
  .nvp-card .nvp-t { font-size: 13.5px; }
}


















.nvp-raro { position: absolute; inset: 0; }
.nvp-raro.r-raro     { --rar: var(--info);   --rar-som: #1f4f86; }
.nvp-raro.r-epico    { --rar: var(--purple); --rar-som: #4b2c86; }
.nvp-raro.r-lendario { --rar: #ff8a20;       --rar-som: #7a3d06; }
















.nvp-raro {
  background: linear-gradient(140deg,
    color-mix(in srgb, var(--rar) 26%, var(--bg-2)) 0%,
    color-mix(in srgb, var(--rar) 13%, var(--bg-2)) 55%,
    color-mix(in srgb, var(--rar) 8%, var(--bg-2)) 100%);
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rar) 46%, transparent),
              inset 0 22px 44px -22px color-mix(in srgb, var(--rar) 40%, transparent);
}





.nvp-raro .nvp-rot {
  color: color-mix(in srgb, var(--rar) 62%, #fff) !important;
  letter-spacing: .16em; font-weight: 800;
}
.nvp-raro .nvp-card-cap {
  box-shadow: 0 3px 14px rgba(0, 0, 0, .45),
              0 0 0 1px color-mix(in srgb, var(--rar) 45%, transparent);
}




.nvp-brilho {
  position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; overflow: hidden; opacity: 0;
}
.nvp-brilho::before {
  content: ""; position: absolute; top: -60%; bottom: -60%; width: 42%;
  left: -60%; transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent,
    color-mix(in srgb, var(--rar) 55%, #fff) 50%, transparent);
  mix-blend-mode: screen; filter: blur(1px);
}
@media (prefers-reduced-motion: no-preference) {
  .nvp-lam.on .nvp-brilho { animation: nvpBauAbre 1.15s ease-out .12s 1; }
  .nvp-lam.on .nvp-brilho::before { animation: nvpBauLuz 1.15s ease-out .12s 1; }
}
@keyframes nvpBauAbre {
  0%, 100% { opacity: 0; }
  12%, 70% { opacity: 1; }
}
@keyframes nvpBauLuz {
  from { left: -60%; }
  to   { left: 118%; }
}



@media (prefers-reduced-motion: no-preference) {
  .nvp-raro.r-lendario { animation: nvpLendario 2.6s ease-in-out 3; }
}
@keyframes nvpLendario {
  0%, 100% { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rar) 46%, transparent),
                         inset 0 22px 44px -22px color-mix(in srgb, var(--rar) 40%, transparent); }
  50%      { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--rar) 85%, transparent),
                         inset 0 22px 44px -22px color-mix(in srgb, var(--rar) 55%, transparent),
                         0 0 26px -6px var(--rar); }
}





























.nf-cab-acoes.nf-acoes-recolhe > *:not(:first-child):not(.nf-mais-acoes):not([data-acao-extra]) { display: none; }
.nf-cab-acoes.nf-acoes-recolhe.aberta > *:not(:first-child):not(.nf-mais-acoes) { display: revert; }


.nf-cab-acoes.nf-acoes-recolhe.aberta > .nf-mais-acoes {
  background: var(--bg-3); color: var(--txt); border-color: var(--line-2);
}






.nf-julgar.nf-julgar-recolhe > *:not(.nf-abre-julgar) { display: none; }
.nf-julgar.nf-julgar-recolhe.aberta > * { display: revert; }
.nf-julgar.nf-julgar-recolhe { align-content: start; }
.nf-abre-julgar { justify-self: start; }




.nf-n-vago { min-height: 0; }





.ah-pai { align-items: center; }
.ah-fx-av {
  flex: none; width: 24px; height: 24px; border-radius: 50%;
  object-fit: cover; background: var(--bg-3);
}
.ah-fx-vazio { border: 1px solid var(--line); }
.ah-fx-nome {
  font-weight: 700; color: var(--txt); letter-spacing: -.2px;
  text-decoration: none; max-width: 260px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}


a.ah-fx-nome:hover { text-decoration: underline; }
.ah-fx-nicho {
  font-size: 11px; padding: 2px 8px; border-radius: 20px;
  background: var(--bg-3); border: 1px solid var(--line);
  color: var(--txt-2); white-space: nowrap;
}






.ah-fx-como {
  border: 0; background: none; padding: 2px 4px; margin: 0;
  font: inherit; font-size: 11.5px; color: var(--txt-3);
  cursor: pointer; border-radius: 5px; text-decoration: underline;
  text-decoration-style: dotted; text-underline-offset: 3px;
}
.ah-fx-como:hover, .ah-fx-como.on { color: var(--txt-2); }
.ah-fx-como i { font-style: normal; font-weight: 700; opacity: .85; }



.ah-chaves[hidden] { display: none; }





















.nf-acoes-baixo {
  






  grid-column: 2; grid-row: 1 / span 2;
  display: flex; gap: 6px; align-items: flex-end;
  flex-wrap: wrap; align-content: end;
  








  









  justify-content: flex-end;
}




.nf-acoes-baixo.nf-acoes-recolhe > *:not(.nf-mais-acoes) { display: none; }
.nf-acoes-baixo.nf-acoes-recolhe.aberta > * { display: revert; }
.nf-acoes-baixo.nf-acoes-recolhe.aberta > .nf-mais-acoes {
  background: var(--bg-3); color: var(--txt); border-color: var(--line-2);
}

































.pf-gosto {
  position: relative; isolation: isolate;
  border-radius: 14px;
  background:
    radial-gradient(130% 90% at 50% -12%,
      rgba(255,255,255,.055), rgba(255,255,255,0) 58%),
    linear-gradient(180deg, #262322, #191817);
  border: 1px solid #35312f;
  border-top-color: rgba(255,255,255,.10);
  border-bottom-color: rgba(0,0,0,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.085),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 2px 0 #131211,
    0 5px 10px -3px rgba(0,0,0,.55),
    0 14px 26px -10px rgba(0,0,0,.40);
}



.pf-gosto::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit;
  pointer-events: none; z-index: 0;
  background: repeating-linear-gradient(112deg,
    rgba(255,255,255,.014) 0 1px, rgba(0,0,0,.014) 1px 2px, transparent 2px 4px);
  mix-blend-mode: overlay;
}
.pf-gosto > * { position: relative; z-index: 1; }




.pf-gosto.on {
  border-color: rgba(126,226,168,.30);
  border-top-color: rgba(126,226,168,.45);
  border-bottom-color: rgba(0,0,0,.60);
  box-shadow:
    inset 0 1px 0 rgba(126,226,168,.18),
    inset 0 -1px 0 rgba(0,0,0,.55),
    inset 0 0 22px -8px rgba(126,226,168,.20),
    0 2px 0 #0d1611,
    0 6px 14px -4px rgba(0,0,0,.55),
    0 10px 30px -14px rgba(126,226,168,.30);
}





.pf-cab { display: flex; align-items: flex-end; gap: 10px; margin: 0 0 10px; }
.pf-num {
  font-size: 42px; font-weight: 800; line-height: .86; letter-spacing: -.03em;
  color: var(--txt); font-variant-numeric: tabular-nums;
}
.pf-cab-tx { display: flex; flex-direction: column; gap: 2px; padding-bottom: 3px; }
.pf-cab-tx .pf-rot { margin: 0; }
.pf-de { font-size: 11.5px; color: var(--txt-2); }




.pl-escada {
  position: relative; height: 14px; box-sizing: border-box;
  background: #151413;
  border: 1px solid rgba(0,0,0,.40);
  box-shadow: inset 0 2px 3px rgba(0,0,0,.65), inset 0 -1px 0 rgba(255,255,255,.045);
  overflow: visible;
}
.pl-escada > i {
  height: 10px; border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 52%),
    linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(0,0,0,.22)),
    var(--novo);
  


  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    2px 0 7px -1px rgba(126,226,168,.55);
  min-width: 6px;
}

.pl-marco {
  position: absolute; top: 2px; width: 2px; height: 8px; border-radius: 1px;
  background: rgba(255,255,255,.22); transform: translateX(-1px);
}
.pl-marco.feito { background: rgba(126,226,168,.9); box-shadow: 0 0 6px rgba(126,226,168,.5); }
.pl-marcos-rot { position: relative; height: 13px; margin-top: 3px; }
.pl-marcos-rot > b {
  position: absolute; transform: translateX(-50%);
  font-size: 11px; font-weight: 700; color: var(--txt-3);
  font-variant-numeric: tabular-nums;
}
.pl-marcos-rot > b.feito { color: var(--novo); }
.pl-marcos-rot > b.agora { color: var(--txt); }




.pf-num { text-shadow: 0 1px 0 rgba(0,0,0,.55); }













.nf-sep {
  font-size: 11.5px; color: var(--txt-2); white-space: nowrap;
  display: inline-flex; align-items: center; gap: 4px;
}
.nf-sep::before {
  content: ""; width: 4px; height: 4px; border-radius: 50%;
  background: var(--novo); flex: none;
}















.ga-painel {
  position: fixed; z-index: 40; width: min(640px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 120px)); overflow: auto;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 14px; padding: 14px; box-shadow: 0 18px 44px rgba(0,0,0,.5);
}
.ga-cab { display: flex; align-items: center; margin-bottom: 12px; }
.ga-cab b { font-size: 14px; }
.ga-x { margin-left: auto; cursor: pointer; color: var(--txt-2); font-size: 18px;
        line-height: 1; padding: 0 2px; }
.ga-x:hover { color: var(--txt); }







.ga-conta { display: grid; gap: 10px;
            grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); }
.ga-n { background: var(--bg-3); border: 1px solid var(--line);
        border-radius: 10px; padding: 9px 11px; }
.ga-n b { display: block; font-size: 19px; line-height: 1.1; letter-spacing: -.4px;
          font-variant-numeric: tabular-nums; }
.ga-n b i { font-style: normal; font-size: 13px; color: var(--txt-2); font-weight: 400; }
.ga-n span { display: block; font-size: 11px; color: var(--txt-2); margin-top: 4px;
             line-height: 1.3; }

.ga-barra { height: 7px; border-radius: 999px; background: var(--bg-3);
            border: 1px solid var(--line); overflow: hidden; margin: 11px 0 5px; }
.ga-barra i { display: block; height: 100%; border-radius: 999px;
              background: linear-gradient(90deg, var(--info), var(--novo)); }
.ga-leg { display: flex; justify-content: space-between; font-size: 11px;
          color: var(--txt-2); font-variant-numeric: tabular-nums; }

.ga-tit { font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
          color: var(--txt-2); margin: 16px 0 8px; display: flex; gap: 8px;
          align-items: baseline; }
.ga-tit span { text-transform: none; letter-spacing: 0; color: var(--txt-3);
               font-size: 11px; }



.ga-lista { display: flex; flex-direction: column; gap: 4px; }
.ga-l { display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
        background: var(--bg-3); border: 1px solid var(--line); border-radius: 8px;
        padding: 7px 10px; color: var(--txt); font: inherit; font-size: 12px;
        cursor: pointer; }
.ga-l:hover { border-color: var(--line-2); background: var(--bg-4, #2a2726); }
.ga-l-n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
          white-space: nowrap; }
.ga-l-e { flex: 0 0 auto; color: var(--info); font-variant-numeric: tabular-nums; }
.ga-l-m { flex: 0 0 auto; color: var(--txt-2); font-size: 11px;
          font-variant-numeric: tabular-nums; min-width: 76px; text-align: right; }



.ga-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(15px, 1fr));
            gap: 3px; }
.ga-q { aspect-ratio: 1; border-radius: 3px; padding: 0; cursor: pointer;
        background: #1a1918; border: 1px solid #232120; }
.ga-q.g1 { background: color-mix(in srgb, var(--novo) 18%, transparent);
           border-color: color-mix(in srgb, var(--novo) 28%, transparent); }
.ga-q.g2 { background: color-mix(in srgb, var(--novo) 40%, transparent);
           border-color: color-mix(in srgb, var(--novo) 52%, transparent); }
.ga-q.g3 { background: color-mix(in srgb, var(--novo) 74%, transparent);
           border-color: var(--novo); }
.ga-q:hover { outline: 1px solid var(--txt); outline-offset: 1px; }
.ga-q:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }

.ga-ico { display: inline-flex; width: 14px; height: 14px; margin-right: 5px; }
.ga-ico svg { width: 100%; height: 100%; }







.pc-recado.pc-sino-lendario { border-color: color-mix(in srgb, var(--laranja-lendario, #ff8a20) 55%, var(--line-2)); }
.pc-recado.pc-sino-epico    { border-color: color-mix(in srgb, var(--purple) 55%, var(--line-2)); }
.pc-recado.pc-sino .pc-recado-txt b { color: var(--txt); }
.pc-recado.pc-sino-lendario .pc-recado-luz { background: var(--laranja-lendario, #ff8a20); }
.pc-recado.pc-sino-epico .pc-recado-luz { background: var(--purple); }
.pc-recado.pc-sino .pc-recado-foto img { width: 100%; height: 100%; object-fit: cover;
                                         border-radius: 50%; }














.nf-ref {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: none;
  color: var(--purple);
  align-self: center;
}
.nf-ref[hidden] { display: none !important; }


















.nf-pastas {
  display: inline-flex; align-items: center; gap: 4px;
  align-self: center; flex: none;
  padding: 1px 7px 1px 5px; border: 1px solid var(--line-2); border-radius: 999px;
  font-size: 11.5px; font-weight: 500; font-style: normal;
  color: var(--txt-2); white-space: nowrap; max-width: 190px;
}
.nf-pastas .ico { width: 13px; height: 13px; flex: none; opacity: .85; }
.nf-pastas b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }







.nf-pastas[hidden] { display: none !important; }













.bs-painel {
  position: fixed; z-index: 40; width: min(640px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 120px)); overflow: auto;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 14px; padding: 14px; box-shadow: 0 18px 44px rgba(0,0,0,.5);
}
.bs-cab { display: flex; align-items: baseline; gap: 9px; margin-bottom: 12px; }
.bs-cab b { font-size: 14px; }
.bs-sub { font-size: 11px; color: var(--txt-2); font-variant-numeric: tabular-nums; }
.bs-x { margin-left: auto; cursor: pointer; color: var(--txt-2); font-size: 18px;
        line-height: 1; padding: 0 2px; align-self: center; }
.bs-x:hover { color: var(--txt); }


.bs-conta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bs-n { background: var(--bg-3); border: 1px solid var(--line);
        border-radius: 10px; padding: 9px 11px; }
.bs-n b { display: block; font-size: 19px; line-height: 1.1; letter-spacing: -.4px;
          font-variant-numeric: tabular-nums; }
.bs-n b i { font-style: normal; font-size: 13px; color: var(--txt-2); font-weight: 400; }
.bs-n span { display: block; font-size: 11px; color: var(--txt-2); margin-top: 4px;
             line-height: 1.3; }



.bs-nota { font-size: 11px; color: var(--txt-2); margin-top: 7px;
           font-variant-numeric: tabular-nums; }
.bs-nota b { color: var(--txt); }

.bs-tit { font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
          color: var(--txt-2); margin: 16px 0 8px; display: flex; gap: 8px;
          align-items: baseline; }
.bs-tit span { text-transform: none; letter-spacing: 0; color: var(--txt-3);
               font-size: 11px; }




.bs-pil { display: flex; height: 10px; border-radius: 999px; overflow: hidden;
          border: 1px solid var(--line); margin: 0 0 8px; }
.bs-pil i { display: block; height: 100%; }
.bs-leg { display: flex; gap: 6px; flex-wrap: wrap; }
.bs-sl { display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
         background: var(--bg-3); border: 1px solid var(--line); border-radius: 999px;
         padding: 4px 10px; color: var(--txt-2); font: inherit; font-size: 11px;
         font-variant-numeric: tabular-nums; }
.bs-sl:hover { border-color: var(--line-2); background: var(--bg-4, #2a2726);
               color: var(--txt); }
.bs-sl s { width: 8px; height: 8px; border-radius: 3px; text-decoration: none;
           flex: 0 0 auto; }



.bs-cds { display: flex; gap: 7px; }
.bs-cd { flex: 1 1 0; min-width: 0; border-radius: 9px; padding: 9px 6px;
         text-align: center; border: 1px solid var(--line); background: var(--bg-3); }
.bs-cd b { display: block; font-size: 18px; line-height: 1;
           font-variant-numeric: tabular-nums; }
.bs-cd span { display: block; font-size: 11px; letter-spacing: .02em;
              text-transform: uppercase; margin-top: 4px; color: var(--txt-2); }
.bs-lendario { border-color: color-mix(in srgb, var(--lendario) 46%, transparent);
               background: color-mix(in srgb, var(--lendario) 12%, transparent); }
.bs-lendario b { color: var(--lendario); }
.bs-epico { border-color: color-mix(in srgb, var(--purple) 46%, transparent);
            background: color-mix(in srgb, var(--purple) 12%, transparent); }
.bs-epico b { color: var(--purple); }
.bs-raro { border-color: color-mix(in srgb, var(--info) 46%, transparent);
           background: color-mix(in srgb, var(--info) 12%, transparent); }
.bs-raro b { color: var(--info); }
.bs-incomum { border-color: var(--line-2); }
.bs-comum { opacity: .72; }
.bs-leg-um { font-size: 11px; color: var(--txt-2); margin-top: 7px;
             font-variant-numeric: tabular-nums; }



.bs-barras { display: flex; flex-direction: column; gap: 4px; }
.bs-br { display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
         background: var(--bg-3); border: 1px solid var(--line); border-radius: 8px;
         padding: 6px 10px; color: var(--txt); font: inherit; font-size: 12px;
         cursor: pointer; }
.bs-br:hover { border-color: var(--line-2); background: var(--bg-4, #2a2726); }
.bs-br-resto { cursor: default; opacity: .72; }
.bs-br-resto:hover { border-color: var(--line); background: var(--bg-3); }
.bs-br-n { flex: 0 0 152px; min-width: 0; overflow: hidden; text-overflow: ellipsis;
           white-space: nowrap; }
.bs-br-t { flex: 1 1 auto; height: 8px; border-radius: 999px; background: var(--bg);
           overflow: hidden; }
.bs-br-t i { display: block; height: 100%; border-radius: 999px; background: var(--info); }


.bs-br-resto .bs-br-t { background: transparent; }
.bs-br-v { flex: 0 0 40px; text-align: right; color: var(--txt-2);
           font-variant-numeric: tabular-nums; }




.bs-lista { display: flex; flex-direction: column; gap: 4px; }
.bs-l { display: flex; align-items: center; gap: 9px; width: 100%; text-align: left;
        background: var(--bg-3); border: 1px solid var(--line); border-radius: 8px;
        padding: 7px 10px; color: var(--txt); font: inherit; font-size: 12px;
        cursor: pointer; }
.bs-l:hover { border-color: var(--line-2); background: var(--bg-4, #2a2726); }
.bs-l-n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
          white-space: nowrap; }
.bs-l-e { flex: 0 0 auto; color: var(--info); font-variant-numeric: tabular-nums; }
.bs-l-m { flex: 0 0 auto; color: var(--txt-2); font-size: 11px;
          font-variant-numeric: tabular-nums; min-width: 62px; text-align: right; }

.bs-ico { display: inline-flex; width: 14px; height: 14px; margin-right: 5px; }
.bs-ico svg { width: 100%; height: 100%; }




























#view-galeria .pc-sala { flex-wrap: wrap; row-gap: 8px; }




#view-galeria .pc-sala-n:has(> .bv) {
  







  



















  flex: 2 1 680px; min-width: 0; justify-content: flex-end;
}















#view-galeria .pc-sala-n > .bv {
  width: 100%; margin: 0; padding: 0;
  background: none; border: 0; border-radius: 0;
  flex-wrap: wrap; row-gap: 6px;
}







.pc-boot #view-galeria .pc-sala-n > #gl-bv {
  min-height: 0; background: none; animation: none;
}













.bs-previa {
  display: inline-flex; align-items: center; gap: 7px; flex: none;
  height: 24px; padding: 0 10px; border-radius: 999px;
  background: rgba(255,255,255,.05); border: 1px solid var(--line-2);
  color: var(--txt-2); font: inherit; font-size: 11.5px; cursor: pointer;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.bs-previa:hover { border-color: var(--txt-3); color: var(--txt); }
.bs-previa b { color: var(--txt); font-weight: 650; }
.bs-previa .bs-ico { width: 13px; height: 13px; margin: 0; }


.bs-previa.cheia .bs-ico { display: none; }


.bs-pv-barra {
  display: inline-flex; width: 34px; height: 8px; border-radius: 999px;
  overflow: hidden; flex: none; border: 1px solid var(--line);
}
.bs-pv-barra i { display: block; height: 100%; }




.bs-n-espera b { color: var(--txt-3); }
.bs-n-espera span { line-height: 1.25; }







.bs-sl-parado, .bs-br-parado, .bs-l-parado { cursor: default; }
.bs-sl-parado:hover { border-color: var(--line); background: var(--bg-3); color: var(--txt-2); }
.bs-br-parado:hover, .bs-l-parado:hover { border-color: var(--line); background: var(--bg-3); }






.nvp-mt-m { font-size: 11.5px; font-weight: 500; color: inherit; }




.tour { position: fixed; inset: 0; z-index: 9998; pointer-events: none; }



.tour-buraco {
  position: fixed; border-radius: 10px;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .74), 0 0 0 2px var(--accent) inset;
  










  pointer-events: none;
}

.tour-balao {
  position: fixed; width: min(320px, calc(100vw - 24px));
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 12px; padding: 15px 16px 13px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .55);
  pointer-events: auto;   
}
.tour-topo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.tour-conta {
  font: 600 10.5px/1 ui-monospace, Consolas, monospace; letter-spacing: .8px;
  text-transform: uppercase; color: var(--txt-2);
}
.tour-x {
  background: none; border: 0; color: var(--txt-2); font-size: 19px; line-height: 1;
  cursor: pointer; padding: 0 2px; border-radius: 5px;
}
.tour-x:hover { color: var(--txt); }
.tour-x:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }









.tour-balao h3 {
  margin: 0 0 6px; font-size: 15.5px; font-weight: 700;
  letter-spacing: -.2px; line-height: 1.25;
}
.tour-balao p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--txt-2); }
.tour-balao b { color: var(--txt); }
.tour-pe { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.tour-pe .btn { padding: 6px 12px; font-size: 12.5px; }
.tour-pontos { display: flex; gap: 5px; margin-right: auto; }
.tour-pontos i {
  width: 5px; height: 5px; border-radius: 50%; background: var(--line-2); display: block;
}
.tour-pontos i.on { background: var(--accent); width: 14px; border-radius: 3px; }




.tour-balao::before {
  content: ""; position: absolute; width: 10px; height: 10px;
  background: var(--bg-2); border: 1px solid var(--line-2);
  transform: rotate(45deg);
}
.tour-balao[data-lado="baixo"]::before { top: -6px; left: calc(50% - 5px); border-right: 0; border-bottom: 0; }
.tour-balao[data-lado="cima"]::before { bottom: -6px; left: calc(50% - 5px); border-left: 0; border-top: 0; }
.tour-balao[data-lado="direita"]::before { left: -6px; top: calc(50% - 5px); border-right: 0; border-top: 0; }
.tour-balao[data-lado="esquerda"]::before { right: -6px; top: calc(50% - 5px); border-left: 0; border-bottom: 0; }
.tour-balao[data-lado="centro"]::before { display: none; }




.tour-rodando { overflow: hidden; }
















.nf-modo.com-tranca { position: relative; min-height: 460px; }





.nf-modo.com-tranca > *:not(.tranca) {
  











  filter: blur(13px) saturate(.5); opacity: .9; pointer-events: none;
  user-select: none;
}
.tranca {
  position: absolute; inset: 0; z-index: 4;
  display: flex; align-items: flex-start; justify-content: center;
  



  padding: 36px 20px 20px;
  











  overflow: visible;
  


  background: radial-gradient(120% 80% at 50% 30%,
              rgba(15,14,14,.90) 0%, rgba(15,14,14,.62) 50%, rgba(15,14,14,.18) 100%);
}





.tranca.tranca-solta {
  position: fixed; inset: 0; z-index: 100;
  padding: 24px 16px;
  overflow: auto; overscroll-behavior: contain;
  background: rgba(0,0,0,.66); backdrop-filter: blur(3px);
}


.tranca-solta > .tranca-cx { margin: auto 0; }





.tranca-solta:has(> .tranca-solta-fundo) { background: rgba(8, 7, 7, .35); }
.tranca-solta-fundo {
  position: fixed; inset: 0 0 0 clamp(0px, 16vw, 240px); padding: 90px 32px 0;
  overflow: hidden; z-index: -1;
  

  background: var(--bg);
  filter: blur(11px) saturate(.6); opacity: .95;
}
@media (max-width: 820px) { .tranca-solta-fundo { inset: 0; padding: 70px 16px 0; } }






body:has(> .tranca-solta) .nf-modo .tranca:not(.tranca-solta),
body:has(> .tranca-solta) > .tour { visibility: hidden; }



.nf-modo.com-tranca > :not(.tranca) { pointer-events: none; }
.tranca-cx {
  position: relative;
  max-width: 470px; text-align: center;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 14px; padding: 22px 26px 19px;
  box-shadow: 0 18px 48px rgba(0,0,0,.5);
}
.tranca-selo {
  display: inline-flex; align-items: center; gap: 7px;
  font: 700 10.5px/1 var(--mono, ui-monospace, monospace);
  letter-spacing: 1.1px; text-transform: uppercase;
  color: var(--aluno-cor); background: rgba(var(--aluno-rgb),.13);
  border: 1px solid rgba(var(--aluno-rgb),.3);
  border-radius: 999px; padding: 6px 11px; margin-bottom: 15px;
}
.tranca-cx h3 {
  margin: 0 0 8px; font-size: 21px; font-weight: 700; letter-spacing: -.4px;
  color: var(--txt);
}
.tranca-cx > p { margin: 0 0 13px; color: var(--txt-2); font-size: 13.6px; line-height: 1.52; }
.tranca-cx > p b { color: var(--txt); font-weight: 600; }


.tranca-lista {
  list-style: none; margin: 0 0 14px; padding: 0; text-align: left;
  display: inline-block;
}
.tranca-lista li {
  position: relative; padding-left: 22px; margin-bottom: 5px;
  color: var(--txt-2); font-size: 13.2px; line-height: 1.45;
}
.tranca-lista li::before {
  content: ""; position: absolute; left: 5px; top: 8px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--aluno-cor);
}





.tranca-cad {
  --cad-fundo: var(--bg-2);
  color: var(--aluno-cor); line-height: 0; margin-bottom: 9px;
}
.tranca-cad svg { width: 62px; height: 62px; }










.tranca-marcas {
  display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;
  margin: 0 0 13px;
}


.ct-turma {
  display: inline-block; vertical-align: 2px; margin-left: 7px;
  font: 650 10px/1 var(--fonte, inherit); letter-spacing: .3px;
  color: var(--accent-2); background: rgba(255,176,32,.10);
  border: 1px solid rgba(255,176,32,.30);
  border-radius: 999px; padding: 3px 7px 3px; white-space: nowrap;
}
.tranca-marca {
  font: 600 12px/1 var(--fonte, inherit); letter-spacing: .2px;
  color: var(--aluno-cor); background: rgba(var(--aluno-rgb),.10);
  border: 1px solid rgba(var(--aluno-rgb),.34);
  border-radius: 999px; padding: 7px 13px; white-space: nowrap;
}



.tranca-promessa {
  margin: 0 0 12px; font-size: 13.5px; line-height: 1.5; font-style: italic;
  color: var(--txt); opacity: .92;
}
.tranca-bt {
  width: 100%; justify-content: center; padding: 11px 16px; font-size: 14px;
  text-decoration: none;
}







.tranca-x {
  position: absolute; top: 8px; right: 9px;
  width: 30px; height: 30px; display: flex; align-items: center;
  justify-content: center;
  background: none; border: 0; border-radius: 8px; cursor: pointer;
  color: var(--txt-3, #8d8886); font-size: 21px; line-height: 1;
}
.tranca-x:hover { background: var(--bg-3, #23211f); color: var(--txt); }
.tranca-liberar {
  background: none; border: 0; padding: 0; font: inherit; color: var(--aluno-cor);
  cursor: pointer; text-decoration: underline; text-underline-offset: 2px;
}
.tranca-liberar:hover { color: var(--txt); }


.tranca-pe { margin: 11px 0 0; font-size: 12px; color: var(--txt-2); }
@media (prefers-reduced-motion: reduce) { .nf-modo.com-tranca > *:not(.tranca) { filter: none; } }






.tranca-aluno {
  margin: 2px 0 16px; padding: 14px 14px 15px; border-radius: 12px;
  background: rgba(var(--aluno-rgb),.06); border: 1px solid rgba(var(--aluno-rgb),.32);
}
.tranca-aluno-tit { margin: 0 0 11px; font-size: 14.5px; font-weight: 700; color: var(--txt); }
.tranca-aluno-bts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.tranca-aluno-bts:has(> :only-child) { grid-template-columns: 1fr; }
.tranca-sou {
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  padding: 14px 10px 13px; border-radius: 10px; cursor: pointer;
  background: rgba(var(--aluno-rgb),.13); border: 1.5px solid var(--aluno-cor);
  color: var(--txt); font: inherit; text-align: center;
  transition: background .15s ease, transform .15s ease;
}
.tranca-sou:hover { background: rgba(var(--aluno-rgb),.24); transform: translateY(-1px); }
.tranca-sou:focus-visible { outline: 2px solid var(--aluno-cor); outline-offset: 2px; }
.tranca-sou i { color: var(--aluno-cor); line-height: 0; }
.tranca-sou i svg { width: 28px; height: 28px; }
.tranca-sou b { font-size: 15px; line-height: 1.25; font-weight: 700; }
.tranca-sou span { font-size: 12px; color: var(--aluno-cor); }
.tranca-ainda {
  margin: 4px 0 9px; font-size: 11px; font-weight: 700; letter-spacing: .9px;
  text-transform: uppercase; color: var(--txt-2);
}
.tranca-cx .tranca-bt + .tranca-bt { margin-top: 8px; }

.tranca-passo { padding-top: 14px; }
.tranca-volta {
  position: absolute; top: 12px; left: 14px; background: none; border: 0;
  padding: 4px 6px; border-radius: 6px; cursor: pointer;
  color: var(--txt-2); font: 600 13px/1 var(--fonte, inherit);
}
.tranca-volta:hover { color: var(--txt); background: var(--bg-3, #23211f); }
.tranca-passo-ic {
  width: 68px; height: 68px; margin: 0 auto 14px; border-radius: 50%;
  display: grid; place-items: center; color: var(--aluno-cor);
  background: rgba(var(--aluno-rgb),.13); border: 1px solid rgba(var(--aluno-rgb),.38);
}
.tranca-passo-ic svg { width: 36px; height: 36px; }
.tranca-passo-ic.ok {
  color: var(--ok); background: rgba(46,204,113,.13); border-color: rgba(46,204,113,.42);
  font-size: 32px; font-weight: 700;
}
.tranca-passo-diz { margin: 0 0 16px; font-size: 14px; line-height: 1.55; color: var(--txt-2); }
.tranca-passo-diz b { color: var(--txt); font-weight: 600; }
.tranca-form { display: grid; gap: 10px; }
.tranca-campo {
  height: 48px; padding: 0 14px; border-radius: 10px; text-align: center;
  background: var(--bg); border: 1px solid var(--line-2); color: var(--txt);
  font: 500 15px/1 var(--fonte, inherit);
}
.tranca-campo:focus {
  outline: none; border-color: var(--aluno-cor); box-shadow: 0 0 0 3px rgba(var(--aluno-rgb),.18);
}
.tranca-codigo { font: 600 19px/1 var(--mono, ui-monospace, monospace); letter-spacing: 3px; text-transform: uppercase; }
.tranca-codigo::placeholder { letter-spacing: 3px; opacity: .45; }
.tranca-msg { min-height: 18px; margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: var(--txt-2); }
.tranca-msg.erro { color: #ff8b8b; }

.tranca-profs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 0 16px; }
.tranca-prof {
  min-width: 92px; padding: 10px 14px; border-radius: 999px; cursor: pointer;
  background: var(--bg); border: 1px solid var(--line-2); color: var(--txt);
  font: 600 14px/1 var(--fonte, inherit);
}
.tranca-prof:hover { border-color: var(--aluno-cor); }
.tranca-prof[aria-pressed="true"] {
  background: rgba(var(--aluno-rgb),.16); border-color: var(--aluno-cor); color: var(--aluno-cor);
}
.tranca-prof:focus-visible { outline: 2px solid var(--aluno-cor); outline-offset: 2px; }
.tranca-cod { margin-top: 2px; }
.tranca-aviso {
  margin: 14px 0 0; padding: 11px 13px; border-radius: 10px; text-align: left;
  background: rgba(var(--aluno-rgb),.08); border: 1px solid rgba(var(--aluno-rgb),.3);
  font-size: 13.5px; line-height: 1.5; color: var(--txt-2);
}
.tranca-aviso b { color: var(--txt); }




.tranca-aviso.tranca-spam { margin: 0 0 20px; font-size: 14px; }
.tranca-spam b { display: block; margin-bottom: 2px; font-size: 16px; line-height: 1.4; }

















.tranca-passo { text-align: left; }
.tranca-passo > h3 { text-align: center; }
.tranca-passo .tranca-campo[type="email"] { text-align: left; }
.tranca-passo .tranca-aviso, .tranca-passo .tranca-passo-diz,
.tranca-passo .tranca-msg { font-size: 14px; }
.tranca-regra {
  margin: 4px 0 20px; padding: 12px 14px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--line-2);
  font-size: 14px; line-height: 1.5; color: var(--txt-2); text-wrap: pretty;
}
.tranca-regra b { color: var(--txt); font-weight: 600; }
.tranca-lead {
  margin: 0 0 4px; font-size: 16px; line-height: 1.35; font-weight: 650;
  color: var(--txt); text-wrap: pretty;
}
.tranca-apoio {
  margin: 0 0 20px; font-size: 14px; line-height: 1.5; color: var(--txt-2);
  text-wrap: pretty;
}


.tranca-passos {
  margin: 12px 0 20px; padding-left: 22px; display: grid; gap: 8px;
  font-size: 14px; line-height: 1.5; color: var(--txt-2); text-wrap: pretty;
}
.tranca-passos b { color: var(--txt); font-weight: 600; }
.tranca-passos li::marker { color: var(--txt); font-weight: 650; }


.tranca-pedido { display: grid; gap: 6px; }
.tranca-pedido .tranca-campo { text-align: left; }
.tranca-cursos { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.tranca-cursos label {
  flex: 1 1 140px; display: flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line-2);
  font-size: 14px; color: var(--txt);
}
.tranca-cursos label:has(input:checked) { border-color: var(--aluno-cor, var(--txt-2)); background: var(--bg); }
.tranca-pedido textarea.tranca-campo { resize: vertical; font: inherit; }
.tranca-msg.ok { color: var(--ok); }
.tranca-rotulo { margin: 0 0 -2px; font-size: 14px; line-height: 1.45; color: var(--txt-2); }
.tranca-rotulo b { color: var(--txt); font-weight: 600; }


.tranca-envio { display: grid; justify-items: start; gap: 4px; margin: 0 0 16px; }
.tranca-envio-rot { font-size: 14px; color: var(--txt-2); }
.tranca-envio-email {
  max-width: 100%; font-size: 16px; line-height: 1.35; font-weight: 650;
  color: var(--txt); overflow-wrap: anywhere;
}
.tranca-envio .tranca-liberar { margin-top: 2px; font-size: 12.5px; }


.tranca-passo .tranca-profs {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 20px;
}
.tranca-passo .tranca-prof { min-width: 0; }


.tranca-passo .tranca-msg:empty { min-height: 0; margin: 0; }
.tranca-passo .tranca-pe { margin-top: 16px; font-size: 12.5px; }
.tranca-miudo { line-height: 1.5; text-wrap: pretty; }
.tranca-aluno-pe { margin: 12px 0 0; font-size: 12.5px; color: var(--txt-2); }
.tranca-aluno-pe b { color: var(--txt); }
@media (max-width: 520px) { .tranca-aluno-bts { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .tranca-sou { transition: none; } .tranca-sou:hover { transform: none; } }






















.tranca-falso .cg-thumb {
  background: linear-gradient(135deg, #3a3330 0%, #24201e 100%);
}









.tranca-falso [data-t="1"] .cg-thumb, .tranca-falso.cg-card[data-t="1"] .cg-thumb {
  background: linear-gradient(105deg, #604c3e 0%, #2d231d 78%); }
.tranca-falso [data-t="2"] .cg-thumb {
  background: linear-gradient(105deg, #4e4b42 0%, #272621 78%); }
.tranca-falso [data-t="3"] .cg-thumb {
  background: linear-gradient(105deg, #6e5439 0%, #332813 78%); }
.tranca-falso [data-t="4"] .cg-thumb {
  background: linear-gradient(105deg, #493e34 0%, #221d18 78%); }
.tranca-falso [data-t="5"] .cg-thumb {
  background: linear-gradient(105deg, #75593e 0%, #36291e 78%); }
.tranca-falso [data-t="6"] .cg-thumb {
  background: linear-gradient(105deg, #423e3b 0%, #211e1d 78%); }
.tranca-falso [data-t="7"] .cg-thumb {
  background: linear-gradient(105deg, #664b39 0%, #2e2219 78%); }
.tranca-falso [data-t="8"] .cg-thumb {
  background: linear-gradient(105deg, #554b3f 0%, #28231e 78%); }
.tranca-falso .cg-circ {
  background: linear-gradient(135deg, #4f4842 0%, #2c2825 100%); }
.tranca-falso .cg-tit { background: #59534d; }



.tranca-falso .cg-barra, .tranca-falso .cg-thumb,
.tranca-falso .cg-circ, .tranca-falso .cg-tit { animation: none; }













.pc-cad {
  --cad-fundo: var(--bg);
  display: inline-flex; align-items: center; color: var(--accent-2);
  line-height: 0; flex: none;
}





.pc-cad svg, .pc-cad .ico { width: 15px; height: 15px; }






















.nf-chip.nf-chip-cad {
  color: var(--txt-3, #8b8279); border-style: dashed;
  gap: 6px;
}
.nf-chip.nf-chip-cad:hover { color: var(--txt-2); border-color: var(--accent-2); }
.nf-chip-cadi {
  --cad-fundo: var(--bg-2);
  display: inline-flex; align-items: center; color: var(--accent-2);
  line-height: 0; margin-right: 1px;
}
.nf-chip-cadi svg, .nf-chip-cadi .ico { width: 14px; height: 14px; }



.nf-chip.premio.nf-chip-cad::before { display: none; }












.porta-planos { max-width: 440px; }
.porta-lista { list-style: none; margin: 18px 0; padding: 0; text-align: left; }





.pl-plano {
  display: block; width: 100%; text-align: left; font: inherit; cursor: pointer;
  padding: 12px 14px; margin-bottom: 8px; position: relative;
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 10px;
}
.pl-plano:hover { border-color: var(--line-2); }
.pl-plano.on { border-color: var(--novo); background: color-mix(in srgb, var(--novo) 8%, var(--bg-3)); }


.pl-plano { padding-right: 40px; }
.pl-plano::after {
  content: ""; position: absolute; right: 14px; top: 15px;
  width: 15px; height: 15px; border-radius: 50%;
  border: 1px solid var(--line-2); box-sizing: border-box;
}
.pl-plano.on::after {
  border-color: var(--novo);
  background: radial-gradient(circle, var(--novo) 0 45%, transparent 46%);
}
.pl-plano b { display: block; font-size: 14.5px; color: var(--txt); margin-bottom: 3px; }


.pl-plano span { font-size: 13px; color: var(--txt-2); line-height: 1.5; }
.porta-planos .btn { width: 100%; justify-content: center; margin-top: 4px; }
.porta-planos .btn.ghost { margin-top: 9px; }









.porta-ou {
  display: flex; align-items: center; gap: 10px;
  margin: 14px 0 12px;
  font-size: 11.5px; color: var(--txt-2);
}
.porta-ou::before, .porta-ou::after {
  content: ""; flex: 1 1 0; height: 1px; background: var(--line);
}
#p-google-bt { display: flex; justify-content: center; }


















.porta.tem-vitrine {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: 0; align-items: stretch; justify-content: stretch;
}
.porta.tem-vitrine > .porta-cx {
  align-self: center; justify-self: center; margin: 0 clamp(20px, 4vw, 56px);
}
.porta-vitrine {
  display: flex; align-items: center; justify-content: center;
  padding: 32px clamp(20px, 3vw, 44px); min-width: 0;
  


  background:
    radial-gradient(120% 90% at 78% 18%, rgba(228, 38, 38, .12) 0%, transparent 62%),
    linear-gradient(160deg, var(--bg-2) 0%, var(--bg) 72%);
  border-left: 1px solid var(--line);
}
.pv-in { width: 100%; max-width: 440px; }
.pv-frase {
  margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: var(--txt-2);
}
.pv-frase b { color: var(--txt); font-weight: 700; }
.pv-lista { display: grid; gap: 10px; }
.pv-card {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 12px; padding: 13px 14px;
}
.pv-quem { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.pv-foto {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  object-fit: cover; background: var(--bg-3);
}


.pv-sem {
  display: flex; align-items: center; justify-content: center;
  font-size: 14px; font-weight: 600; color: var(--txt-2);
  border: 1px solid var(--line-2);
}
.pv-id { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pv-id b {
  font-size: 14px; color: var(--txt); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}


.pv-id span { font-size: 11.5px; color: var(--txt-2); }
.pv-nums {
  display: flex; flex-wrap: wrap; gap: 4px 14px; margin-bottom: 10px;
  font-size: 11.5px; color: var(--txt-2);
}
.pv-nums b { color: var(--txt); font-weight: 700; font-size: 12.5px; }




.pv-capas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
.pv-capas img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: 5px; background: var(--bg-3); display: block;
}
.pv-pe { margin: 14px 0 0; font-size: 11.5px; color: var(--txt-2); }

.porta-diz {
  margin: -6px 0 16px; font-size: 13.5px; line-height: 1.5; color: var(--txt-2);
}
@media (max-width: 900px) {
  


  .porta.tem-vitrine { display: flex; align-items: center; justify-content: center; }
  .porta.tem-vitrine > .porta-cx { margin: 0; }
  .porta-vitrine { display: none; }
}















.op-folha { max-width: 1180px; }








.op-regua {
  margin: 0 0 14px; max-width: 65ch;
  font-size: 13px; line-height: 1.5; color: var(--txt-2);
}
.op-regua b { color: var(--txt); font-weight: 600; }
.op-regua i { font-style: normal; color: var(--txt); }

.op-lista { list-style: none; margin: 0; padding: 0; }
.op-li { border-top: 1px solid var(--line); }
.op-li:first-child { border-top: 0; }
.op-sep { color: var(--txt-2); margin: 0 2px; }







.op-alvo {
  appearance: none; background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: inherit; text-align: left; cursor: pointer;
  border-radius: 6px;
}
.op-alvo:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.op-alvo[disabled] { cursor: default; opacity: .6; }


.op-li-f { padding: 10px 0; }
.op-f-topo { display: flex; align-items: baseline; gap: 10px; }
.op-f-molde {
  font-size: 15px; font-weight: 700; color: var(--txt);
  letter-spacing: -.01em; min-width: 0;
}
.op-f-molde:hover { text-decoration: underline; }
.op-f-molde b { color: var(--info); font-weight: 700; }
.op-f-pe { margin-top: 4px; font-size: 12px; color: var(--txt-2); }
.op-f-nicho { color: var(--txt); font-size: 12px; }
.op-f-nicho:hover:not([disabled]) { text-decoration: underline; }


.op-f-ex {
  margin-top: 6px; font-size: 12px; line-height: 1.4; color: var(--txt-2);
  padding-left: 10px; border-left: 1px solid var(--line-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.op-cards { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)); }
.op-o-x { font-weight: 700; color: var(--txt); }
.vcard .op-o-x { font-size: 12px; }












.op-li-n { padding: 0; }
.op-n-linha {
  display: grid; width: 100%; align-items: center; gap: 4px 12px;
  padding: 11px 8px; margin: 0 -8px;
  grid-template-columns: minmax(0, 1fr) auto;
}
.op-n-linha:hover { background: var(--bg-3, rgba(255,255,255,.03)); }
.op-n-linha:hover .op-n-nome { text-decoration: underline; }
.op-n-nome { font-size: 14px; font-weight: 600; color: var(--txt); min-width: 0;
             overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.op-n-raz { font-size: 15px; font-weight: 700; color: var(--txt);
            font-variant-numeric: tabular-nums; text-align: right; }
.op-n-det { grid-column: 1 / -1; font-size: 12px; color: var(--txt-2); }
.op-n-det b { color: var(--txt); }




.op-aviso {
  margin-left: 6px; font-style: normal; font-size: 11px; font-weight: 600;
  color: var(--accent-2, #e0a72e);
}








.op-lista-n .op-n-barra { display: none; }
@media (min-width: 900px) {
  .op-n-linha { grid-template-columns: minmax(0, 1fr) 140px auto; }
  .op-lista-n .op-n-barra {
    display: block; height: 6px; border-radius: 3px;
    background: var(--line-2); overflow: hidden;
  }
  .op-n-barra i { display: block; height: 100%; background: var(--info); border-radius: 3px; }
  .op-n-det { grid-column: 1 / -1; }
}

.op-vazio { margin: 0; font-size: 13px; color: var(--txt-2); }
.op-mais-cx { margin: 14px 0 0; }
.op-pe { margin: 18px 0 20px; font-size: 12px; color: var(--txt-2); }


.op-esq-frase, .op-esq-li { border-radius: 6px; background: var(--line); opacity: .5; }
.op-esq-frase { width: min(560px, 90%); height: 13px; margin-bottom: 18px; }
.op-esq-li { height: 46px; margin-bottom: 8px; }
























.vc-par, .mini-par {
  position: absolute; top: 6px; left: 6px;
  width: 26px; height: 26px; display: grid; place-items: center;
  border-radius: 7px; border: 1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.68); color: #fff; cursor: pointer;
  padding: 0; opacity: 0; transition: opacity .14s, background .14s, border-color .14s;
}
.vc-par .ico, .mini-par .ico { width: 15px; height: 15px; }
.vcard:hover .vc-par,
.nf-v:hover .mini-par,
.vc-par:focus-visible, .mini-par:focus-visible { opacity: 1; }
.vc-par:hover, .mini-par:hover {
  background: rgba(0,0,0,.86); border-color: rgba(255,255,255,.5);
}


































































.vc-mods {
  position: absolute; right: 6px; top: 6px;
  display: flex; gap: 5px;
}
.vc-mod {
  width: 21px; height: 21px; display: grid; place-items: center;
  border-radius: 5px; border: 0;
  background: rgba(0,0,0,.7); color: #fff; cursor: pointer;
  padding: 0; opacity: 0; transition: opacity .12s;
}
.vc-mod .ico { width: 13px; height: 13px; }
.vcard:hover .vc-mod, .vc-mod:focus-visible { opacity: 1; }
.vc-mod:hover { background: rgba(0,0,0,.88); }


.vc-mod:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }



.vc-mod.on {
  opacity: 1; color: #0d0f12;
  box-shadow: 0 0 0 1.5px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.45);
}
.vc-mod-fila.on { background: var(--info); }
.vc-mod-fila.on .ico { fill: currentColor; }
.vc-mod-feito.on { background: var(--novo); }


.vc-mod-feito.on .ico { stroke-width: 2.6; }
.vc-mod-fila.on:hover  { background: color-mix(in srgb, var(--info) 86%, #fff); }
.vc-mod-feito.on:hover { background: color-mix(in srgb, var(--novo) 86%, #fff); }









.th:has(.vc-mods) .vc-tirar { right: 65px; }



.vc-mods.indo { pointer-events: none; opacity: .55; }












.vc-mods-mini { right: 4px; top: 4px; gap: 4px; }
.vc-mods-mini .vc-mod { width: 18px; height: 18px; border-radius: 4px; }
.vc-mods-mini .vc-mod .ico { width: 11px; height: 11px; }
.nf-v:hover .vc-mods-mini .vc-mod { opacity: 1; }



@keyframes vc-mod-pega {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.28); }
  100% { transform: scale(1); }
}
.vc-mod.pega { animation: vc-mod-pega 300ms cubic-bezier(.2,.9,.3,1.3); }





.nf-tr1-cx:has(input:disabled), .nf-tr1.desligado .nf-tr1-n { opacity: .45; }
.nf-tr1-cx input:disabled { cursor: default; }





.preset b {
  margin-left: 5px; font-weight: 700; color: var(--txt-2);
  font-variant-numeric: tabular-nums;
}
.preset.on b { color: inherit; }





























#ov-vparecidos { z-index: 155; }



.vp-l {
  display: grid; grid-template-columns: 26px 116px 1fr 92px auto; gap: 11px;
  align-items: center; padding: 7px 9px; border-radius: 9px;
  text-decoration: none; color: var(--txt);
}











.vp-acao {
  min-width: 74px; display: flex; justify-content: flex-end; align-items: center;
}









.vp-add { cursor: pointer; white-space: nowrap; flex: none; }
.vp-l:hover .vp-add { border-color: var(--txt-3); }
.vp-add[data-indo] { opacity: .65; pointer-events: none; }




.vp-sel.vp-minha { margin-left: 0; flex: none; }
.vp-l + .vp-l { margin-top: 2px; }
.vp-l:hover { background: #ffffff08; }


.vp-l.eu { background: #2a1a12; box-shadow: inset 3px 0 0 var(--accent-2); }
.vp-l.eu:hover { background: #33200f; }
.vp-pos {
  font-size: 13.5px; font-weight: 700; color: var(--txt-2); text-align: center;
  font-variant-numeric: tabular-nums;
}
.vp-l.eu .vp-pos { color: var(--accent-2); }




.vp-thcx {
  position: relative; display: block;
  width: 116px; height: 65px; flex: 0 0 auto;
}
.vp-th {
  width: 116px; height: 65px; border-radius: 7px; object-fit: cover;
  background: var(--bg-3); display: block;
}


.vp-l:hover .vc-mods-mini .vc-mod { opacity: 1; }
.vp-mid { min-width: 0; display: block; }
.vp-tit {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; font-size: 12.5px; line-height: 1.35; color: var(--txt);
}
.vp-sub { display: block; font-size: 11.5px; color: var(--txt-2); margin-top: 3px; }



.vp-eu { color: var(--accent-2); font-weight: 700; }
.vp-barra {
  display: block; height: 5px; border-radius: 3px; background: var(--line);
  overflow: hidden; margin-top: 6px;
}
.vp-barra i { display: block; height: 100%; background: var(--txt-3); border-radius: 3px; }
.vp-l.eu .vp-barra i { background: var(--accent-2); }
.vp-v { text-align: right; font-variant-numeric: tabular-nums; }
.vp-v b { display: block; font-size: 14px; letter-spacing: -.3px; }
.vp-v > span { display: block; margin-top: 3px; }



.vp-v .pc-out { margin-left: 0; }
.vp-pe { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--line); line-height: 1.55; }








.vp-grupo {
  display: flex; align-items: center; gap: 10px;
  margin: 14px 0 5px; font-size: 12px; color: var(--txt-2);
}
.vp-grupo:first-child { margin-top: 0; }
.vp-grupo b { font-weight: 700; letter-spacing: .01em; flex: none; }
.vp-grupo span { flex: none; font-variant-numeric: tabular-nums; }
.vp-grupo::after { content: ""; height: 1px; background: var(--line-2); flex: 1; }





#vp-yt { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line-2); }
#vp-yt .pc-chave { margin: 0; }
.vp-yt-cab {
  display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  margin: 0 0 10px; font-size: 13px; color: var(--txt);
}
.vp-yt-cab span { font-size: 12px; color: var(--txt-2); }




.vp-yt-cab .ico { margin-right: 6px; }



#vp-yt .vp-l { box-shadow: inset 3px 0 0 var(--line-2); }
#vp-yt .vp-l:hover { background: #ffffff08; }



#vp-yt .vp-l:has(.vp-sel.na) { box-shadow: inset 3px 0 0 var(--novo); }

















.vp-sel {
  display: inline-block; margin-left: 7px; padding: 1px 6px;
  border-radius: 6px; font-size: 11px; font-weight: 700; line-height: 1.45;
  white-space: nowrap; vertical-align: 1px;
  background: rgba(255, 255, 255, .05); border: 1px solid var(--line-2);
  color: var(--txt-2);
}
.vp-sel > i { font-style: normal; margin-right: 4px; }
.vp-sel.na {
  background: rgba(126, 226, 168, .13);
  border-color: rgba(126, 226, 168, .42);
  color: var(--novo);
}
.vp-yt-pe { margin: 12px 0 0; font-size: 12px; color: var(--txt-2); line-height: 1.5; }
.vp-yt-pe b { color: var(--txt-2); font-weight: 600; }


.vp-yt-ok b { color: var(--novo); }











.vp-vazio {
  padding: 13px 15px; border-radius: 11px; margin: 0;
  font-size: 13.5px; line-height: 1.55; color: var(--txt-2);
  background: var(--bg); border: 1px solid var(--line);
}
.vp-vazio b { color: var(--txt); }




















.gl-modo {
  position: relative; display: inline-flex; align-items: center;
  background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: calc(var(--r-ctl) + 2px); padding: 5px; margin: 0 0 12px;
}


.gl-modo-pastilha {
  position: absolute; top: 5px; left: 5px;
  width: calc(50% - 5px); height: calc(100% - 10px);
  background: var(--accent); border-radius: var(--r-ctl);
  transition: transform .22s cubic-bezier(.4, 1.3, .5, 1);
}
.gl-modo.em-videos .gl-modo-pastilha { transform: translateX(100%); }









.gl-modo.gl-tres .gl-modo-pastilha { width: calc(100% / 3 - 3.34px); }
.gl-modo.gl-tres.em-videos .gl-modo-pastilha { transform: translateX(100%); }
.gl-modo.gl-tres.em-producao .gl-modo-pastilha { transform: translateX(200%); }
.gl-modo > button {
  position: relative; z-index: 1;              
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-width: 132px; padding: 9px 18px; border-radius: 999px;
  background: none; border: 0; cursor: pointer;
  font: inherit; font-size: 13.5px; font-weight: 600;
  color: var(--txt-2); transition: color .18s;
}
.gl-modo > button:hover { color: var(--txt); }
.gl-modo > button[aria-selected="true"] { color: #fff; }
.gl-modo > button svg { flex: none; }








.gl-modo > button[hidden] { display: none; }





.gl-modo > button:focus-visible {
  outline: 2px solid var(--info); outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .gl-modo-pastilha { transition: none; }
}
















#view-galeria.gl-em-videos > .nf-visual-barra,
#view-galeria.gl-em-videos > .gl-visual { display: none; }




#view-galeria.gl-em-producao > .nf-visual-barra,
#view-galeria.gl-em-producao > .gl-visual { display: none; }




















#view-galeria > .nf-visual-barra,
#gl-videos-cx .view.gl-hosp > .nf-visual-barra { min-height: 30px; }












#gl-videos-cx .view.gl-hosp {
  display: block; padding: 0; max-width: none; margin: 0;
}

#gl-videos-cx .view.gl-hosp > .pc-sala { display: none; }























#view-achados.ah-em-videos > .nf-visual-barra,
#view-achados.ah-em-videos > .nf-origem,
#view-achados.ah-em-videos > #ah-chave,
#view-achados.ah-em-videos > #ah-lista { display: none; }











#view-achados.ah-em-videos .pc-sala-n > .nf-cab-n { visibility: hidden; }



#view-achados .pc-sala { min-height: 68px; }














#view-achados .pc-sala { flex-wrap: wrap; row-gap: 8px; }
#view-achados .pc-sala > .gl-modo { margin: 0; flex: none; }
#view-achados .pc-sala > .gl-modo > button { min-width: 118px; padding: 7px 15px; }


















#view-achados .pc-sala-tx { flex: 0 1 auto; }
#view-achados .pc-sala-n { flex: 1 1 auto; justify-content: flex-end; }





#view-achados > .nf-visual-barra,
#ah-videos-cx .nf-modo.ah-hosp > .nf-visual-barra { min-height: 30px; }







#ah-videos-cx .nf-modo.ah-hosp > .nf-visual-barra > .nf-cab-n { margin-left: auto; }















#view-galeria .pc-sala .pc-sala-s { display: none; }




#view-galeria .pc-sala-tx > .bv-ola {
  display: block; font-size: 11.5px; color: var(--txt-2); margin-top: 1px;
}
#view-galeria .pc-sala-tx > .bv-ola b { color: var(--txt); font-weight: 700; }




#view-galeria .pc-sala { min-height: 68px; }




#view-galeria .pc-sala > .gl-modo { margin: 0; flex: none; }
#view-galeria .pc-sala > .gl-modo > button { min-width: 118px; padding: 7px 15px; }


















@media (max-width: 620px) {
  #view-galeria .pc-sala > .gl-modo { flex: 0 1 auto; min-width: 0; }
  #view-galeria .pc-sala > .gl-modo > button {
    flex: 1 1 0; min-width: 0; padding: 7px 6px;
  }
}




#view-galeria .pc-sala-ico .ptn { display: block; }





@media (max-width: 1360px) {
  #view-galeria .pc-sala .bs-previa { display: none; }
}












#view-galeria .pc-sala .bv-av { display: none; }






@media (max-width: 1360px) {
  #view-galeria .pc-sala .bv-sub { display: none; }
}














#view-galeria .pc-sala > .pc-sala-tx { flex: 0 0 auto; }
#view-galeria .pc-sala > .pc-sala-n { flex: 1 1 auto; }


































































[data-chao].nf-grid:has(.nf-card),
[data-chao] > .nf-grid:has(.nf-card),
.overlay .nf-grid:has(.nf-card) {
  background: var(--bg-3);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
  margin: 0 -16px;
}







.overlay .nf-grid:has(.nf-card) { margin: 0; }
[data-chao] .nf-card:not([class*="raro-"]):not(.sel-on),
.vg-fi .nf-card:not([class*="raro-"]):not(.sel-on),
.overlay .nf-grid .nf-card:not([class*="raro-"]):not(.sel-on) {
  border-color: transparent;
}
[data-chao] .nf-card:not([class*="raro-"]):not(.sel-on):hover,
.vg-fi .nf-card:not([class*="raro-"]):not(.sel-on):hover,
.overlay .nf-grid .nf-card:not([class*="raro-"]):not(.sel-on):hover {
  border-color: var(--line-2);
}

















#view-galeria [data-chao] .nf-card:not([class*="raro-"]):not(.sel-on) {
  border-color: transparent;
}
#view-galeria [data-chao] .nf-card:not([class*="raro-"]):not(.sel-on):hover {
  border-color: var(--line-2);
}













.et-rec-barra { display: block; height: 6px; border-radius: 3px;
  background: var(--line); overflow: hidden; }
.et-rec-barra > i { display: block; height: 100%; background: var(--txt-3); }







.et-tp { display: flex; align-items: flex-end; gap: 5px; height: 96px;
  padding: 6px 0 0; }
.et-tp-col { flex: 1 1 0; display: flex; flex-direction: column-reverse;
  align-items: stretch; height: 100%; position: relative; min-width: 0; }
.et-tp-col > i { display: block; border-radius: 2px 2px 0 0; }
.et-tp-e { background: var(--txt-2); }
.et-tp-b { background: var(--line-2); }
.et-tp-col > u { position: absolute; bottom: -14px; left: 0; right: 0;
  text-align: center; font-size: 11px; color: var(--txt-2);
  text-decoration: none; white-space: nowrap; overflow: hidden; }
#et-tempo > p { margin-top: 20px; }





.sim-fazenda { margin: 2px 0 10px; font-size: 12.5px; color: var(--txt-2); }
.sim-fazenda b { color: var(--txt); }











.an-curva-svg { width: 100%; height: auto; display: block; margin: 4px 0 2px; }















.gl-mais {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  padding: 18px 0 6px;
}
.gl-mais[hidden] { display: none; }
.gl-mais .gl-mais-conta {
  font-size: 12.5px; color: var(--txt-3); font-variant-numeric: tabular-nums;
}
















.gl-mais-indo {
  display: inline-flex; align-items: center; gap: 5px; height: 30px;
}
.gl-mais-indo::before, .gl-mais-indo::after {
  content: ""; width: 5px; height: 5px; border-radius: 50%;
  background: var(--txt-3); opacity: .3;
}
.gl-mais.buscando .gl-mais-indo::before,
.gl-mais.buscando .gl-mais-indo::after {
  animation: glIndo 1.05s ease-in-out infinite;
}
.gl-mais.buscando .gl-mais-indo::after { animation-delay: .35s; }
@keyframes glIndo {
  0%, 100% { opacity: .22; transform: translateY(0); }
  50%      { opacity: .8;  transform: translateY(-3px); }
}


@media (prefers-reduced-motion: reduce) {
  .gl-mais-indo::before, .gl-mais-indo::after {
    animation: none; opacity: .4; transform: none;
  }
}





















@media (max-width: 560px) {
  .topbar {
    overflow-x: auto; overflow-y: hidden;
    scrollbar-width: none;          
  }
  .topbar::-webkit-scrollbar { display: none; }

  



  #ex-flut { max-width: calc(100vw - 24px); }
  #ex-flut .ex-flut-txt { flex: 1 1 auto; min-width: 0; }
  #ex-flut .ex-flut-txt b { overflow-wrap: anywhere; }
}









.nf-painel { align-items: flex-start; }
.nf-mais-chips {
  flex: none; align-self: flex-start;
  padding: 0 9px; min-height: 28px; font-size: 12px;
  color: var(--txt-2); font-variant-numeric: tabular-nums;
}


.nf-painel > .presets.tudo,
.nf-painel > .nf-visoes.tudo {
  flex-wrap: wrap; overflow-x: visible; mask-image: none; -webkit-mask-image: none;
}




























.nf-card .nf-nicho-edita,
.nf-card .nf-copiar,
.nf-card .nf-nota-btn,
.nf-card .nf-anunciar,
.nf-card .nf-post {
  opacity: 0;
  transition: opacity .12s ease-out;
}
.nf-card:hover .nf-nicho-edita,
.nf-card:hover .nf-copiar,
.nf-card:hover .nf-nota-btn,
.nf-card:hover .nf-anunciar,
.nf-card:focus-within .nf-nicho-edita,
.nf-card:focus-within .nf-copiar,
.nf-card:focus-within .nf-nota-btn,
.nf-card:focus-within .nf-anunciar,
.nf-card:hover .nf-post,
.nf-card:focus-within .nf-post { opacity: 1; }

@media (hover: none) {
  .nf-card .nf-nicho-edita,
  .nf-card .nf-copiar,
  .nf-card .nf-nota-btn,
  .nf-card .nf-anunciar,
  .nf-card .nf-post { opacity: 1; }
}
















.tour-alvo .nf-nicho-edita,
.tour-alvo .nf-copiar,
.tour-alvo .nf-nota-btn,
.tour-alvo .nf-anunciar,
.nf-card .nf-nicho-edita.tour-alvo,
.nf-card .nf-copiar.tour-alvo,
.nf-card .nf-nota-btn.tour-alvo,
.nf-card .nf-anunciar.tour-alvo { opacity: 1; }


















@media (max-width: 560px) {
  .nf-card .btn, .nf-card .btn.sm { min-height: 44px; }
  .nf-card .btn.ic, .nf-card .btn.sm.ic { min-width: 44px; }
  .nf-card .nf-nicho { min-height: 32px; }
  .nf-card .nf-nicho-edita, .nf-card .nf-copiar { min-height: 32px; min-width: 32px; }
  .nf-card .nf-nota-campo { min-height: 44px; }
  .topbar .btn { min-height: 44px; min-width: 44px; }
  .lado-i { min-height: 44px; }
}












.ct-selo-vestir {
  background: var(--bg-3); border: 1px solid var(--line); color: var(--txt-2);
  border-radius: 14px; padding: 3px 10px; font-size: 11.5px; cursor: pointer;
  white-space: nowrap;
}
.ct-selo-vestir:hover, .ct-selo-vestir.on {
  border-color: var(--info); color: var(--txt);
}









.pc-menu[data-pc-menu="ver-como"] { z-index: 10000; }


.porta-teste .ct-selo-vestir { align-self: flex-start; }


#ct-selo.ct-selo-local { max-width: 320px; }
.ct-selo-local .ct-selo-nome { max-width: none; }




















#ct-selo.ct-selo-teste { max-width: min(360px, calc(100vw - 24px)); }



.ct-selo-sair { white-space: nowrap; }








.ct-selo-vestir-papel {
  color: var(--accent-2); font-weight: 600;
  min-width: 0; overflow: hidden; text-overflow: ellipsis;
}
.ct-selo-olho, .ct-selo-sair { flex: 0 0 auto; }
.ct-selo-vestir-papel:hover, .ct-selo-vestir-papel.on {
  border-color: var(--accent-2); color: var(--accent-2);
}

















































@media (max-width: 900px) {
  .topbar { gap: 10px; padding: 0 12px; }
}
@media (max-width: 560px) {
  .topbar {
    flex-wrap: wrap; height: auto; min-height: 58px;
    gap: 6px; padding: 7px 8px;
  }
  .topbar .spacer { display: none; }
}














@media (max-width: 900px) {
  .app-lado {
    flex-direction: row; align-items: center; gap: 12px;
    padding: 8px 12px;
  }
  .lado-marca { flex: 0 0 auto; padding: 0; }
  .lado-nav { flex: 1 1 auto; min-width: 0; }
  .lado-pe { display: none; }
}






















@media (max-width: 900px) {
  .nf-regua { flex-wrap: nowrap; }
  .nf-ordena, .nf-regua .nf-per-fila {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
  }
  .nf-ordena::-webkit-scrollbar, .nf-regua .nf-per-fila::-webkit-scrollbar {
    display: none;
  }
  

  .nf-ordena > *, .nf-regua .nf-per-fila > * { flex: 0 0 auto; }
}
























































.ep-lst, .ep-quadro, .ep-banc,
.ep-filtros > .ep-fileira, .ep-filtros > .nf-per-fila { max-width: 1280px; }
.ep-filtros { margin-bottom: 12px; }

















.ep-filtros > .nf-per-fila + .nf-per-fila { margin-top: 6px; }
.ep-filtros > .ep-fileira { margin-bottom: 6px; }
.ep-filtros { margin-bottom: 8px; }























.ep-placar {
  margin: 0 0 0 auto; align-self: center; flex: 0 0 auto;
  display: flex; align-items: baseline; gap: 7px;
  font-size: 11.5px; color: var(--txt-3); line-height: 1.25;
  max-width: 300px; text-align: right;
}
.ep-placar b {
  font-size: 20px; font-weight: 700; color: var(--ok);
  font-variant-numeric: tabular-nums; line-height: 1;
}
.ep-placar .ep-placar-de { color: var(--txt-2); font-size: 20px; font-weight: 400; }
.ep-placar .ep-placar-mais { font-size: inherit; color: var(--txt-2); font-weight: 600; }
.ep-placar i { color: var(--txt-3); font-style: normal; }



.ep-placar > span { white-space: nowrap; }




.ep-canal {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  flex-wrap: wrap; margin-bottom: 12px; padding: 13px 15px;
  border: 1px solid #24456e; border-radius: 9px; background: #101b28;
}
.ep-canal-t b { display: block; font-size: 13.5px; color: var(--txt); font-weight: 600; }
.ep-canal-t span { display: block; margin-top: 3px; font-size: 12px; color: var(--txt-2); max-width: 58ch; }
.ep-canal-f { display: flex; gap: 7px; align-items: center; flex: 1 1 320px; }
.ep-canal-f input {
  flex: 1; min-width: 0; height: 32px; padding: 0 11px;
  background: var(--bg); border: 1px solid var(--line-2); border-radius: 7px;
  color: var(--txt); font: inherit; font-size: 12.5px;
}
.ep-canal-f input:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }
.ep-canal-f 









.ep-l.ep-marcado { border-color: var(--info); }



.ep-lote {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  flex-wrap: wrap; margin-top: 9px; padding: 9px 12px;
  border: 1px solid var(--line-2); border-radius: 8px; background: var(--bg-3);
  font-size: 12px; color: var(--txt-2);
}
.ep-lote b { color: var(--txt); font-weight: 600; }
.ep-lote-bts { display: flex; gap: 6px; flex-wrap: wrap; }






.ep-corpo-quadro { overflow-x: auto; padding-bottom: 6px; }
.ep-quadro {
  


  









  









  


  display: grid; grid-template-columns: repeat(3, minmax(210px, var(--ep-col-max)));
  gap: 22px; min-width: 660px; justify-content: start;
}













.ep-col { --ep-cor: transparent; min-height: 0; }






.ep-col-t {
  position: sticky; top: -1px; z-index: 2;
  display: flex; align-items: center; justify-content: flex-start;
  gap: 8px;
  margin-bottom: 9px; padding: 4px 2px; font-size: 11px; font-weight: 600;
  color: var(--txt-3);
  background: var(--bg); border-radius: 6px;
}
























.ep-col-pin {
  display: inline-flex; align-items: center; gap: 6px;
  min-width: 0; max-width: calc(100% - 46px);
  padding: 4px 10px; border: 0; border-radius: 5px;
  background: color-mix(in srgb, var(--ep-cor) 30%, transparent);
  color: color-mix(in srgb, var(--ep-cor) 55%, var(--txt));
  font: inherit; font-weight: 600; font-size: 12.5px;
  letter-spacing: .08em; text-transform: uppercase; text-align: left;
  cursor: pointer; white-space: nowrap;
  transition: background var(--mo-passa) ease, color var(--mo-passa) ease;
}
.ep-col-nome { min-width: 0; overflow: hidden; text-overflow: ellipsis; }



.ep-col-pin i { font-style: normal; font-size: 11px; opacity: .65; }
.ep-col-pin:hover {
  background: color-mix(in srgb, var(--ep-cor) 42%, transparent);
  color: color-mix(in srgb, var(--ep-cor) 32%, var(--txt));
}
.ep-col-pin:hover i { opacity: 1; }
.ep-col-pin[aria-expanded="true"] {
  background: color-mix(in srgb, var(--ep-cor) 52%, transparent);
  color: var(--txt);
}
.ep-col-t u {
  text-decoration: none; color: var(--txt-3); background: none;
  padding: 0; font-size: 11.5px; font-variant-numeric: tabular-nums;
}
.ep-col-cx {
  








  background: none; border: 1px solid transparent;
  border-radius: 10px; padding: 0; min-height: 180px;
  
  max-height: calc(100vh - 300px); overflow-y: auto; overscroll-behavior: contain;
  transition: border-color .16s, background .16s;
}











.ep-col-cx:has(.ep-col-vazia) {
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--ep-cor) 7%, var(--bg-2));
  border-color: color-mix(in srgb, var(--ep-cor) 20%, var(--line));
}
.ep-col-vazia { margin: 0; padding: 22px 12px; text-align: center; font-size: 11.5px; color: var(--txt-3); }






















































.ep-k {
  margin-bottom: 8px; cursor: grab; border-radius: 10px;
  padding: 8px;
  background: color-mix(in srgb, var(--ep-cor) 15%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--ep-cor) 14%, var(--line));
  

  

















  display: grid; grid-template-columns: var(--ep-capa-k, 104px) minmax(0, 1fr);
  column-gap: 10px; align-content: start;
}
.ep-k > .ep-k-capa { grid-column: 1; grid-row: 1 / span 3; align-self: start; }




.ep-k > .ep-k-t,
.ep-k > .ep-card-sub,
.ep-k > .ep-card-canal,
.ep-k > .ep-k-dest,
.ep-k > .ep-meu,
.ep-k > .ep-molde-l { grid-column: 2; }



.ep-k > .ep-k-r,
.ep-k > .ep-k-alarme,
.ep-k > .ep-selos,
.ep-k > .ep-lig-fora { grid-column: 1 / -1; }
.ep-k:last-child { margin-bottom: 0; }




.ep-k:hover {
  background: color-mix(in srgb, var(--ep-cor) 22%, var(--bg-2));
  border-color: color-mix(in srgb, var(--ep-cor) 32%, var(--line-2));
  box-shadow: var(--mo-luz);
}



.ep-k.ep-aberto {
  background: color-mix(in srgb, var(--ep-cor) 24%, var(--bg-2));
  border-color: color-mix(in srgb, var(--ep-cor) 44%, var(--line-2));
}


























.ep-k-t {
  margin: 8px 0 3px; font-size: 13px; font-weight: 500; color: var(--txt);
  line-height: 1.32;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}



.ep-k > .ep-k-t { margin-top: 0; }


.ep-k > .ep-card-canal { margin-top: 3px; }















.ep-k-r {
  position: absolute; top: 10px; right: 10px; z-index: 2; margin: 0;
  opacity: 0; transition: opacity var(--mo-passa) ease;
}




.ep-k:hover .ep-k-r, .ep-k:focus-within .ep-k-r,
.ep-k.ep-aberto .ep-k-r { opacity: 1; }
.ep-k-r .ep-bt-mais {
  background: rgba(0, 0, 0, .62); border-color: transparent;
  backdrop-filter: blur(2px); color: var(--txt);
}
.ep-k-r .ep-bt-mais:hover { background: rgba(0, 0, 0, .8); }











@media (hover: none) {
  

  .ep-k .ep-k-r { opacity: 1; }
  .ep-k .ep-k-r .ep-bt-mais { min-width: 44px; height: 44px; }
}






.ep-k-dest {
  display: inline-block; justify-self: start; margin-top: 7px; max-width: 100%;
  padding: 2px 8px; border-radius: var(--r-ctl);
  background: var(--bg-3); border: 1px solid var(--line-2);
  font-size: 11px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}




.ep-k-alarme {
  display: inline-block; margin-top: 7px;
  font-size: var(--ep-t-controle); color: var(--accent-2);
  background: rgba(255, 176, 32, .1);
  border: 1px solid rgba(255, 176, 32, .3);
  border-radius: var(--r-ctl); padding: 2px 9px;
}
.ep-k-alarme.saiu {
  color: var(--ok); background: rgba(46, 204, 113, .1);
  border-color: rgba(46, 204, 113, .3);
}
.ep-k-q { font-size: 11px; color: var(--txt-3); }











.ep-k-pe {
  grid-column: 1 / -1;
  margin-top: 9px; padding-top: 9px;
  border-top: 1px solid color-mix(in srgb, var(--ep-cor) 26%, var(--line));
  display: grid; gap: 6px;
}





.ep-k-pe[hidden] { display: none; }





.ep-pe-fila {
  display: grid; grid-template-columns: repeat(var(--ep-n, 1), minmax(0, 1fr));
  gap: 6px;
}







.ep-k-pe .ep-pe-bt {
  display: block; width: 100%; height: 26px; line-height: 24px;
  padding: 0 8px; text-align: center;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}




.ep-k-pe .ep-pe-bt.ep-op-perigo { color: #e07a7a; }
.ep-k-pe .ep-pe-bt.ep-op-perigo:hover {
  color: #ff8f8f; border-color: rgba(224, 122, 122, .5);
}




.ep-menu-cor { padding: 10px; width: 168px; }
.ep-cor-t {
  margin: 0 0 8px; font-size: 11px; color: var(--txt-3);
  letter-spacing: .04em;
}
.ep-cor-grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }



.ep-cor-op {
  height: 30px; border-radius: 7px; cursor: pointer;
  background: color-mix(in srgb, var(--ep-cor) 72%, var(--bg-2));
  border: 1px solid color-mix(in srgb, var(--ep-cor) 90%, var(--bg-2));
  transition: transform var(--mo-volta) var(--mo-mola), box-shadow var(--mo-passa) ease;
}
.ep-cor-op:hover { transform: translateY(calc(-1 * var(--mo-sobe))); box-shadow: var(--mo-luz); }



.ep-cor-fim { width: 100%; justify-content: center; margin-top: 10px; }


.ep-cor-op.on {
  box-shadow: 0 0 0 2px var(--bg-2), 0 0 0 4px color-mix(in srgb, var(--ep-cor) 85%, var(--txt));
}





































#gl-esteira-cx {
  --ep-t-titulo:   16px;    
  --ep-t-corpo:    13px;    
  --ep-t-meta:     11.5px;  
  --ep-t-controle: 11px;    
  --ep-t-rotulo:   10.5px;  
  --ep-t-numero:   21px;    
  --ep-v1: 4px;  --ep-v2: 8px;  --ep-v3: 12px;
  --ep-v4: 16px; --ep-v5: 20px; --ep-v6: 24px;
  









  --ep-cartao: 92px;    
  --ep-col-max: 300px;  
  



  --ep-capa-k: 104px;   
}

.ep-banc {
  display: grid; grid-template-columns: 264px 1fr;
  gap: var(--ep-v3);
  







  align-items: stretch;
}







.ep-fila {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; padding: var(--ep-v2);
  max-height: 620px; overflow-y: auto;
  


  display: grid; gap: 2px; align-content: start;
}
.ep-fl {
  display: grid; grid-template-columns: 68px 1fr; gap: var(--ep-v2);
  align-items: center;
  width: 100%; padding: var(--ep-v2); border: 0; border-radius: 8px;
  background: none; color: var(--txt-2); font: inherit; text-align: left;
  cursor: pointer;
  transition: background var(--mo-passa) ease, box-shadow var(--mo-passa) ease;
}
.ep-fl:hover { background: var(--bg-3); }
.ep-fl.on {
  background: var(--bg-3); color: var(--txt);
  box-shadow: inset 0 0 0 1px var(--accent-2), var(--mo-luz);
}
.ep-fl img {
  width: 68px; aspect-ratio: 16/9; object-fit: cover;
  border-radius: 5px; background: var(--bg-4); display: block;
}
.ep-fl span {
  font-size: var(--ep-t-meta); line-height: 1.35; min-width: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.ep-fl:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }






.ep-ficha {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 10px; padding: var(--ep-v4);
  display: grid; gap: var(--ep-v4);
}
.ep-ficha-topo {
  display: grid; grid-template-columns: 240px 1fr; gap: var(--ep-v4);
  align-items: start;
}
.ep-ficha h4 {
  margin: 0; font-size: var(--ep-t-titulo); font-weight: 600;
  color: var(--txt); line-height: 1.32; letter-spacing: -.01em;
}
.ep-ficha-sub {
  margin: var(--ep-v2) 0 0; font-size: var(--ep-t-meta); color: var(--txt-3);
  line-height: 1.5;
}


















.ep-nums {
  display: flex; gap: var(--ep-v4); flex-wrap: wrap; align-items: baseline;
  margin: var(--ep-v3) 0 0; padding: 0;
  background: none; border-radius: 0;
}
.ep-nums div {
  font-size: var(--ep-t-meta); color: var(--txt-3); line-height: 1.5;
  letter-spacing: 0; text-transform: none;
}
.ep-nums b {
  display: inline; font-size: var(--ep-t-corpo); font-weight: 700;
  color: var(--txt); margin: 0 4px 0 0;
  font-variant-numeric: tabular-nums; letter-spacing: 0; line-height: inherit;
}

.ep-acoes-ficha { margin-top: var(--ep-v3); }






.ep-trab {
  display: grid; gap: var(--ep-v3);
  padding: var(--ep-v4); border-radius: 9px;
  background: var(--bg); border: 1px solid var(--line);
}
.ep-trab-tit {
  font-size: var(--ep-t-rotulo); font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--txt-3); margin: 0;
}

.ep-campo { display: block; margin-top: 0; }
.ep-campo > span {
  display: block; font-size: var(--ep-t-rotulo); font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-3); margin-bottom: var(--ep-v2);
}
.ep-campo input, .ep-campo textarea {
  width: 100%; background: var(--bg-2); border: 1px solid var(--line-2);
  border-radius: 8px; padding: 9px 11px; color: var(--txt);
  font: inherit; font-size: var(--ep-t-corpo); resize: vertical;
  transition: border-color var(--mo-passa) ease, box-shadow var(--mo-passa) ease;
}
.ep-campo input::placeholder, .ep-campo textarea::placeholder { color: var(--txt-3); }
.ep-campo input:focus-visible, .ep-campo textarea:focus-visible {
  outline: none; border-color: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(255, 176, 32, .18);
}







.ep-linha-ficha {
  display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  gap: var(--ep-v3); margin: 0;
}
.ep-inline {
  display: block; background: none; border: 0; padding: 0; border-radius: 0;
}
.ep-inline > span {
  display: block; font-size: var(--ep-t-rotulo); font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-3); margin-bottom: var(--ep-v2); white-space: nowrap;
}
.ep-inline select, .ep-inline input {
  width: 100%; height: 36px; padding: 0 11px;
  background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 8px;
  color: var(--txt); font: inherit; font-size: var(--ep-t-corpo);
  font-weight: 400;
  transition: border-color var(--mo-passa) ease, box-shadow var(--mo-passa) ease;
}
.ep-inline select { cursor: pointer; }
.ep-inline input::placeholder { color: var(--txt-3); }
.ep-inline select:focus-visible, .ep-inline input:focus-visible {
  outline: none; border-color: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(255, 176, 32, .18);
}
.ep-inline:focus-within { border-color: transparent; }





.ep-molde-f {
  display: block; font-size: var(--ep-t-meta); color: var(--txt-3);
  line-height: 1.5;
}
.ep-molde-f b { color: var(--txt-2); font-weight: 600; }
.ep-abrir {
  display: inline-block; margin-top: 0; font-size: var(--ep-t-meta);
}





.ep-ficha-pe {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--ep-v4); flex-wrap: wrap;
  padding-top: var(--ep-v3); border-top: 1px solid var(--line);
}
.ep-ficha-pe:empty { display: none; }

@media (max-width: 1000px) {
  .ep-banc { grid-template-columns: 1fr; }
  .ep-fila { max-height: 260px; }
  .ep-ficha-topo { grid-template-columns: 1fr; }
  .ep-linha-ficha { grid-template-columns: 1fr; }
}






.ep-lig {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  flex-wrap: wrap; margin-top: 12px; padding: 10px 12px;
  border: 1px solid var(--line-2); border-radius: 7px;
  background: var(--bg-3); font-size: 12px; color: var(--txt-2);
}
.ep-lig b { color: var(--txt); font-weight: 600; }
.ep-lig-bts { display: flex; gap: 6px; }














.ep-lig-ok { border-color: #3aa268; background: #17402a; }
.ep-lig-auto { border-color: #24456e; background: #101b28; }









.ep-lig-selo { flex: 0 0 auto; align-self: flex-start; margin-top: 15px; }









.ep-par { display: flex; align-items: flex-start; gap: 8px; flex: none; }
.ep-par-l {
  display: flex; flex-direction: column; gap: 4px; align-items: center;
  width: 92px; text-decoration: none; color: inherit;
}
.ep-par-cx {
  width: 92px; aspect-ratio: 16 / 9; border-radius: 5px; overflow: hidden;
  background: var(--bg-2); border: 1px solid var(--line-2);
  display: flex; align-items: center; justify-content: center;
}
.ep-par-cap { width: 100%; height: 100%; object-fit: cover; display: block; }



.ep-par-vazio .ep-par-cx { border-style: dashed; }
.ep-par-q { font-style: normal; font-size: 18px; color: var(--txt-2); }



.ep-par-rot {
  font-size: 10px; font-weight: 600; letter-spacing: .02em;
  color: var(--txt-2); white-space: nowrap;
}




.ep-par-seta {
  width: 14px; height: 14px; flex: none; margin-top: 19px;
  fill: none; stroke: var(--txt-3); stroke-width: 2;
  stroke-linecap: round; stroke-linejoin: round;
}
.ep-par-l:hover .ep-par-cx { border-color: var(--accent); }
.ep-par-l:hover .ep-par-rot { color: var(--txt-2); }


.ep-lig-diz { display: flex; align-items: center; gap: 7px; flex: 1 1 140px; }


.ep-cands { display: grid; gap: 7px; }





.ep-cand {
  display: grid; grid-template-columns: 92px 1fr; gap: 11px; align-items: center;
  width: 100%; padding: 8px; border: 1px solid var(--line);
  border-radius: 8px; background: var(--bg-2); color: var(--txt-2);
  font: inherit; text-align: left; cursor: pointer;
  transition: transform var(--mo-volta) var(--mo-mola),
              border-color var(--mo-passa) ease,
              background var(--mo-passa) ease;
}
.ep-cand:active { transform: scale(var(--mo-fundo-gr)); transition-duration: var(--mo-toque); }
.ep-cand:hover { border-color: var(--info); background: var(--bg-3); }
.ep-cand:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.ep-cand img { width: 92px; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; background: var(--bg-3); }
.ep-cand b { display: block; font-size: 12.5px; color: var(--txt); font-weight: 500; line-height: 1.3; }
.ep-cand i { display: block; margin-top: 3px; font-size: 11px; color: var(--txt-3); font-style: normal; }
.ep-vazio-p { margin: 0; font-size: 12.5px; color: var(--txt-3); }






.ep-vazio {
  border: 1px dashed var(--line-2); border-radius: 10px;
  padding: 44px 24px; text-align: center; background: var(--bg-2);
}
.ep-vazio h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; color: var(--txt); }
.ep-vazio p { margin: 0 auto; max-width: 46ch; font-size: 13px; color: var(--txt-3); line-height: 1.6; }
.ep-vazio b { color: var(--txt-2); }





@media (max-width: 860px) {
  .ep-banc { grid-template-columns: 1fr; }
  .ep-fila { max-height: 190px; }
  .ep-ficha-topo { grid-template-columns: 1fr; }
  .ep-ficha-capa { width: 100%; }
}
























































.ep-tit {
  text-decoration: line-through; text-decoration-color: transparent;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.ep-l.feito .ep-tit { text-decoration-color: var(--txt-3); }
.ep-l.feito.ep-riscou .ep-tit {
  animation: ep-risca 240ms var(--mo-saida) calc(var(--ep-t, 0ms) + 120ms) backwards;
}
@keyframes ep-risca {
  0%   { text-decoration-color: var(--txt-3); }   
  1%   { text-decoration-color: transparent; }
  100% { text-decoration-color: var(--txt-3); }
}


.ep-cx {
  position: relative;          


  width: 22px; height: 22px; border-radius: 6px;
  border: 1.5px solid var(--line-2); background: var(--bg-3);
  display: grid; place-items: center; color: transparent;
  



  cursor: default; flex: 0 0 auto;
  



  transition:
    transform var(--mo-volta) var(--mo-mola),
    background var(--mo-passa) ease,
    border-color var(--mo-passa) ease,
    color var(--mo-passa) ease,
    box-shadow var(--mo-passa) ease;
}









.ep-cx-fila { border-style: dashed; }
.ep-cx-fazendo { border-color: var(--txt-3); box-shadow: inset 0 0 0 2px var(--line-2); }



.ep-cx-mini.ep-cx-fazendo { box-shadow: inset 0 0 0 1.5px rgba(255, 176, 32, .16); }





















.ep-cx.on { background: var(--ok); border-color: var(--ok); color: var(--bg); }
.ep-cx svg { width: 12px; height: 12px; }










.ep-cx::after {
  content: ""; position: absolute; inset: -3px;
  border: 2px solid var(--txt-2); border-radius: 9px;
  opacity: 0; pointer-events: none;
}





.ep-cx.ep-ganhou        { animation: ep-cx-salto 300ms var(--ep-t, 0ms) backwards; }
.ep-cx.ep-ganhou svg    { animation: ep-cx-glifo 220ms calc(var(--ep-t, 0ms) + 60ms) backwards; }
.ep-cx.ep-ganhou::after { animation: ep-cx-onda 300ms var(--mo-saida)
                                     calc(var(--ep-t, 0ms) + 60ms) backwards; }












@keyframes ep-cx-salto {
  0%   { transform: scale(1);    animation-timing-function: cubic-bezier(.4, 0, 1, 1); }
  20%  { transform: scale(.88);  animation-timing-function: var(--mo-mola); }
  58%  { transform: scale(1.20); animation-timing-function: var(--mo-saida); }
  100% { transform: scale(1); }
}



@keyframes ep-cx-glifo {
  0%   { transform: scale(1);    animation-timing-function: cubic-bezier(.4, 0, 1, 1); }
  22%  { transform: scale(.45);  animation-timing-function: var(--mo-mola); }
  66%  { transform: scale(1.16); animation-timing-function: var(--mo-saida); }
  100% { transform: scale(1); }
}



@keyframes ep-cx-onda {
  0%   { opacity: 0;   transform: scale(.7); }
  14%  { opacity: .55; transform: scale(.95); }
  100% { opacity: 0;   transform: scale(2.1); }
}






.ep-cx.ep-desfez { animation: ep-cx-volta 170ms var(--ep-t, 0ms) backwards; }
@keyframes ep-cx-volta {
  0%   { transform: scale(1);   animation-timing-function: cubic-bezier(.4, 0, 1, 1); }
  35%  { transform: scale(.86); animation-timing-function: var(--mo-saida); }
  100% { transform: scale(1); }
}







.ep-bt {
  height: 26px; padding: 0 9px; border-radius: 6px;
  border: 1px solid var(--line-2); background: var(--bg-3); color: var(--txt-2);
  font: inherit; font-size: var(--ep-t-controle, 11px); cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px;
  transition:
    transform var(--mo-volta) var(--mo-mola),
    background var(--mo-passa) ease,
    color var(--mo-passa) ease,
    border-color var(--mo-passa) ease,
    box-shadow var(--mo-passa) ease;
}
.ep-bt:hover:not(:disabled) {
  color: var(--txt); border-color: var(--txt-3);
  transform: translateY(calc(-1 * var(--mo-sobe)));
  box-shadow: var(--mo-luz);
}
.ep-bt:active:not(:disabled) {
  transform: scale(var(--mo-fundo-ic)) translateY(1px);
  box-shadow: var(--mo-fosso);
  transition-duration: var(--mo-toque);
  transition-timing-function: var(--mo-saida);
}















.ep-bt.pri, .ep-bt.ok {
  background: var(--txt); border-color: var(--txt); color: var(--bg);
  font-weight: 600;
}
.ep-bt.pri:hover:not(:disabled), .ep-bt.ok:hover:not(:disabled) {
  background: #fff; border-color: #fff; box-shadow: var(--mo-luz);
}
.ep-bt.pri:active:not(:disabled),
.ep-bt.ok:active:not(:disabled) { box-shadow: var(--mo-fosso); }



.ep-bt-x { color: var(--txt-3); }
.ep-bt-x:hover { color: #e05a5a; border-color: #e05a5a; }
.ep-bt:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }








@media (prefers-reduced-motion: reduce) {
  .ep-tit, .ep-cx::after, .ep-cx svg, .ep-cx, .ep-bt {
    transition: none !important;
    animation: none !important;
  }
  .ep-cx::after { opacity: 0 !important; }
}



















:root {
  



  --ep-vao: 160ms;
  


  --ep-ping: 420ms;
}










.ep-l, .ep-k { cursor: grab; }










[data-ep-id][draggable="true"] img { -webkit-user-drag: none; user-drag: none; }
:is(.ep-l, .ep-k):active:not(:has(:is(button, input, a, label, select):active)) {
  cursor: grabbing;
  transform: scale(.994);
  transition-duration: var(--mo-toque);
  transition-timing-function: var(--mo-saida);
}









.ep-l.ep-indo, .ep-k.ep-indo {
  opacity: .3;
  transform: scale(.975);
  border-style: dashed;
  filter: saturate(.35);
  will-change: transform, opacity;
  transition:
    opacity var(--ep-vao) var(--mo-saida),
    transform var(--ep-vao) var(--mo-saida),
    filter var(--ep-vao) linear;
}











.ep-l { position: relative; }
.ep-l::before {
  content: ""; position: absolute; left: 10px; right: 10px; height: 2px;
  border-radius: 2px; background: var(--info); pointer-events: none;
  opacity: 0; transform: scaleX(.3);
  transition: opacity var(--mo-passa) linear,
              transform var(--mo-passa) var(--mo-mola);
}
.ep-l.ep-alvo-antes::before  { top: -5px;    opacity: 1; transform: scaleX(1); }
.ep-l.ep-alvo-depois::before { bottom: -5px; opacity: 1; transform: scaleX(1); }
.ep-l.ep-alvo-antes  { transform: translateY(3px); }
.ep-l.ep-alvo-depois { transform: translateY(-3px); }












.ep-col-cx { position: relative; }
.ep-col-cx::before {
  content: ""; position: absolute; inset: 0; border-radius: 9px;
  border: 1px dashed var(--info); pointer-events: none;
  opacity: 0; transform: scale(.99);
  transition: opacity var(--mo-passa) linear,
              transform var(--mo-passa) var(--mo-mola);
}
.ep-col-cx.ep-alvo::before { opacity: 1; transform: scale(1); }
.ep-col-cx.ep-alvo { background: var(--bg-3); }
.ep-col-cx.ep-alvo > .ep-k { transform: translateY(-3px); }
.ep-col-cx.ep-alvo > .ep-col-vazia { transform: scale(1.04); color: var(--txt-2); }












@keyframes ep-assenta {
  0%   { transform: none; }
  1%   { transform: scale(1.06) translateY(-6px);
         animation-timing-function: var(--mo-saida); }
  56%  { transform: scale(.975) translateY(0);
         animation-timing-function: var(--mo-mola); }
  100% { transform: none; }
}
.ep-k.ep-assenta { animation: ep-assenta var(--mo-volta); }




@keyframes ep-ping {
  0%   { opacity: 0;  transform: scale(1.035); }
  1%   { opacity: .9; transform: scale(1); }
  100% { opacity: 0;  transform: scale(1.035); }
}
.ep-l.ep-chegou::after, .ep-k.ep-chegou::after {
  content: ""; position: absolute; inset: -1px; border-radius: 9px;
  border: 1.5px solid var(--info); pointer-events: none;
  animation: ep-ping var(--ep-ping) var(--mo-saida);
}
.ep-k { position: relative; }









@keyframes ep-baque {
  0%, 100% { transform: none; }
  40%      { transform: translateY(var(--ep-b, 3px)); }
}
.ep-col-cx.ep-recebeu { animation: ep-baque var(--mo-passa) var(--mo-saida); }
.ep-lst.ep-recebeu    { animation: ep-baque var(--mo-passa) var(--mo-saida); --ep-b: 2px; }








@keyframes ep-sai {
  0%   { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateX(14px) scale(.96); }
}
:is(.ep-l, .ep-k).ep-saindo {
  animation: ep-sai 180ms var(--mo-saida) forwards;
  pointer-events: none;
}






@keyframes ep-devolve {
  0%   { opacity:  1; transform: none; filter: none; }
  1%   { opacity: .3; transform: scale(.975); filter: saturate(.35); }
  61%  { opacity:  1; transform: scale(1.015); filter: none;
         animation-timing-function: var(--mo-mola); }
  100% { opacity:  1; transform: none; filter: none; }
}
:is(.ep-l, .ep-k).ep-devolve {
  animation: ep-devolve var(--mo-volta) var(--mo-saida);
}






.ep-l {
  transition: border-color var(--mo-passa) linear,
              opacity var(--mo-passa) linear,
              transform var(--mo-passa) var(--mo-mola);
}
.ep-k {
  transition: border-color var(--mo-passa) linear,
              opacity var(--mo-passa) linear,
              transform var(--mo-passa) var(--mo-mola);
}











@media (prefers-reduced-motion: reduce) {
  .ep-l, .ep-k, .ep-col-cx, .ep-col-cx > .ep-k, .ep-lst,
  .ep-l::before, .ep-l::after, .ep-k::after, .ep-col-cx::before {
    transition: none !important;
    animation: none !important;
  }
  :is(.ep-l, .ep-k):active,
  .ep-l.ep-indo, .ep-k.ep-indo,
  .ep-l.ep-alvo-antes, .ep-l.ep-alvo-depois,
  .ep-col-cx.ep-alvo > .ep-k { transform: none !important; }
  .ep-l.ep-alvo-antes::before, .ep-l.ep-alvo-depois::before,
  .ep-col-cx.ep-alvo::before  { opacity: 1; transform: none !important; }
}













.ep-lig { position: relative; }







.ep-lig-auto.ep-lig-novo { animation: ep-lig-abre 340ms var(--mo-saida); }









@keyframes ep-lig-abre {
  0%   { clip-path: inset(0 0 0 0 round 7px); }
  1%   { clip-path: inset(0 0 100% 0 round 7px); }
  100% { clip-path: inset(0 0 0 0 round 7px); }
}








.ep-lig-auto.ep-lig-novo > * {
  animation: ep-lig-sobe 380ms var(--mo-saida);
}
@keyframes ep-lig-sobe {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}







.ep-lig-auto.ep-lig-novo::after {
  content: ""; position: absolute; inset: 0; border-radius: 7px;
  pointer-events: none;
  background-image: linear-gradient(100deg,
      transparent 40%, rgba(77, 159, 255, .22) 50%, transparent 60%);
  background-size: 260% 100%; background-repeat: no-repeat;
  

  animation: ep-lig-lamina 640ms var(--mo-saida) 160ms 1;
}
@keyframes ep-lig-lamina {
  0%   { background-position: 130% 0; opacity: 0; }
  20%  { opacity: 1; }
  82%  { opacity: 1; }
  100% { background-position: -30% 0; opacity: 0; }
}


















.ep-lig-ok.ep-lig-virou {
  animation: ep-lig-vira 300ms var(--mo-saida),
             ep-lig-assenta 300ms var(--mo-mola);
}
@keyframes ep-lig-vira {
  0%   { border-color: #3aa268; background: #17402a; }
  1%   { border-color: #24456e; background: #101b28; }
  100% { border-color: #3aa268; background: #17402a; }
}




@keyframes ep-lig-assenta {
  0%   { transform: scale(1); }
  38%  { transform: scale(1.008); }
  100% { transform: scale(1); }
}




.ep-lig-virou .ep-lig-bts {
  opacity: 0; transform: scale(.94); pointer-events: none;
  transition: opacity 140ms var(--mo-saida), transform 140ms var(--mo-saida);
}

























.ep-lig-virou .ep-lig-selo svg {
  stroke-dasharray: 23;
  animation: ep-lig-risca 330ms var(--mo-saida);
}
@keyframes ep-lig-risca {
  0%   { stroke-dashoffset: 0; }
  27%  { stroke-dashoffset: 23; }   
  100% { stroke-dashoffset: 0; }
}










@media (prefers-reduced-motion: reduce) {
  .ep-lig-auto.ep-lig-novo,
  .ep-lig-auto.ep-lig-novo > *,
  .ep-lig-ok.ep-lig-virou,
  .ep-lig-virou .ep-lig-selo svg { animation: none !important; }
  .ep-lig-auto.ep-lig-novo::after { content: none; }
  

  .ep-lig-virou .ep-lig-selo svg { stroke-dasharray: none; }
}











.ep-l:hover { border-color: var(--line-2); }
.ep-l.feito { opacity: .58; }






.ep-meta {
  display: flex; gap: 10px; flex-wrap: wrap;
  margin-top: var(--ep-v1); font-size: var(--ep-t-meta); color: var(--txt-2);
}
.ep-selos { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 6px; }
.ep-selos:empty { display: none; }
.ep-selo {
  font-size: 11px; border-radius: 4px; padding: 2px 7px;
  background: var(--bg-3); color: var(--txt-2); border: 1px solid var(--line-2);
}
.ep-selo-parado { color: #e0a34a; border-color: #5a4423; background: #2a2015; }
.ep-selo-ok { color: var(--ok); border-color: #1e5e38; background: #102419; }
.ep-selo-auto { color: var(--info); border-color: #24456e; background: #101c2b; }
.ep-acoes { display: flex; gap: 5px; align-items: center; }







































.ep-filtros { margin-bottom: 22px; }
.ep-lst {
  display: grid; gap: 0;
  border-top: 1px solid var(--line);
}


























.ep-lst {
  












  --ep-c-canal: 152px; --ep-c-data: 112px;
  









  




















  --ep-a-icones: 3;    
  --ep-a-icone: 28px;  
  --ep-a-entre: 2px;   
  --ep-a-pastilha: 99px; 
  --ep-a-mais: 28px;   
  --ep-a-vao: 10px;    
  --ep-a-folga: 20px;
  --ep-c-acoes: calc(
      var(--ep-a-icones) * var(--ep-a-icone)
      + (var(--ep-a-icones) - 1) * var(--ep-a-entre)
      + var(--ep-a-pastilha) + var(--ep-a-mais)
      + 2 * var(--ep-a-vao) + var(--ep-a-folga));
  


  --ep-grade: 18px 96px minmax(0, 1fr)
              var(--ep-c-canal) var(--ep-c-data) var(--ep-c-acoes);
}







.ep-l {
  display: grid; grid-template-columns: var(--ep-grade);
  gap: 14px; align-items: center;
  background: none; border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0; padding: 10px 14px;
  min-height: 74px;
}
.ep-l:hover { background: var(--bg-2); }
.ep-l:last-child { border-bottom: 0; }




.ep-cab {
  display: grid; grid-template-columns: var(--ep-grade);
  gap: 14px; align-items: center; padding: 0 14px 8px;
  border-bottom: 1px solid var(--line);
}






.ep-lst { --ep-recuo: 8px; }
















@media (max-width: 1400px) {
  .ep-lst {
    





    --ep-c-canal: 124px; --ep-c-data: 112px;
    




    


    --ep-a-vao: 6px;
  }
  .ep-l, .ep-cab { gap: 10px; }
  .ep-lst .ep-acoes { gap: 6px; }
  .ep-lst .ep-acoes .ep-bt:not(.ep-bt-ler) { padding-inline: 8px; font-size: 11px; }
  .ep-lst .ep-bt-mais { padding-inline: 5px; }
}
























.ep-lst .ep-meta .ep-data-eco { display: none; }
.ep-data-eco.atrasado { color: var(--accent-2); font-weight: 600; }































@media (max-width: 1250px) {
  .ep-lst {
    --ep-grade: 18px 96px minmax(0, 1fr)
                var(--ep-c-canal) var(--ep-c-acoes);
  }
  .ep-col-data, .ep-cab-cel.ep-cel-data { display: none; }
  
  .ep-lst .ep-meta .ep-data-eco { display: inline; }
}























@media (max-width: 620px) {
  .ep-cab { display: none; }
  


  .ep-l {
    grid-template-columns: 20px 72px minmax(0, 1fr);
    row-gap: 9px; column-gap: 10px; padding: 12px 14px;
    align-items: start; min-height: 0;
  }
  .ep-l > .ep-sel  { grid-row: 1; grid-column: 1; margin-top: 2px; }
  



  .ep-l > .ep-capa-cx.ep-capa { grid-row: 1; grid-column: 2; display: block; width: 72px; }
  .ep-l > .ep-meio { grid-row: 1; grid-column: 3; }
  



  .ep-l > .ep-col-canal,
  .ep-l > .ep-col-data {
    display: inline-flex; align-items: center;
    grid-row: 2; grid-column: 2 / -1; width: auto; justify-self: start;
  }
  .ep-l > .ep-col-data { grid-row: 3; }
  .ep-l > .ep-acoes {
    grid-row: 4; grid-column: 2 / -1; justify-content: flex-start; flex-wrap: wrap;
  }
  .ep-cab-cel.ep-cel-data { display: none; }
  
  .ep-lst .ep-meio > .ep-tit { -webkit-line-clamp: 3; }
}









.ep-cab {
  background: var(--bg-2); border-radius: 8px 8px 0 0;
  padding-block: 9px;
}
.ep-cab-b {
  display: inline-flex; align-items: center; gap: 4px; justify-self: start;
  background: none; border: 0; cursor: pointer;
  padding: 3px var(--ep-recuo); margin-left: calc(-1 * var(--ep-recuo));
  border-radius: 5px;
  font: inherit; font-size: 11px; font-weight: 600;
  letter-spacing: .085em; text-transform: uppercase;
  color: var(--txt-2); white-space: nowrap;
}
.ep-cab-b:hover { background: var(--bg-4); color: var(--txt); }
.ep-cab-b.on { color: var(--txt); }
.ep-cab-b:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }


.ep-ord { font-style: normal; font-size: 11px; color: var(--info); width: 9px; text-align: center; }



.ep-cab-cel {
  position: relative; display: flex; align-items: center; min-width: 0;
}










.ep-puxa {
  position: absolute; top: 50%; right: -7px; transform: translateY(-50%);
  width: 9px; height: 18px; cursor: col-resize; z-index: 3;
}
.ep-puxa::after {
  content: ""; position: absolute; inset: 0 4px; border-radius: 1px;
  background: var(--line-2); opacity: 0;
  transition: opacity var(--mo-passa) ease;
}
.ep-cab:hover .ep-puxa::after { opacity: .55; }
.ep-puxa:hover::after, .ep-puxa.on::after { opacity: 1; background: var(--info); }



body.ep-puxando, body.ep-puxando * { cursor: col-resize !important; user-select: none; }

.ep-cab-fim { justify-self: end; }
.ep-cab-limpa {
  background: none; border: 0; cursor: pointer; padding: 3px 7px; border-radius: 5px;
  font: inherit; font-size: 11px; color: var(--info); white-space: nowrap;
}
.ep-cab-limpa:hover { background: color-mix(in srgb, var(--info) 12%, transparent); }




.ep-lst.ep-ordenada .ep-l { cursor: default; }
















.ep-lst .ep-meio {
  display: flex; flex-direction: column; justify-content: center;
  gap: 2px; min-width: 0;
}


































.ep-lst .ep-meio > .ep-tit {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  max-width: 100%; overflow: hidden; white-space: normal;
  line-height: 1.34;
  padding: 2px var(--ep-recuo); margin-left: calc(-1 * var(--ep-recuo));
  border-radius: 6px;
}
.ep-lst .ep-meio > .ep-tit:hover { background: var(--bg-3); }







.ep-lst .ep-meta {
  display: flex; align-items: baseline; gap: 7px; min-width: 0;
  flex-wrap: nowrap; padding-left: 1px;
  font-size: 11px; color: var(--txt-3); white-space: nowrap; overflow: hidden;
  font-variant-numeric: tabular-nums;
}
.ep-lst .ep-meta > * { flex: 0 0 auto; }
.ep-lst .ep-meta > .ep-meta-modelo { flex: 0 1 auto; min-width: 0; }




























.ep-col-canal, .ep-col-data {
  min-width: 0; justify-self: stretch; text-align: left; overflow: hidden;
}

















.ep-lst .ep-col-data { text-align: right; }



























.ep-lst .ep-col-data {
  overflow: clip; overflow-clip-margin: var(--ep-recuo);
}
.ep-lst .ep-col-data .ep-bt-data {
  margin-left: 0; margin-right: calc(-1 * var(--ep-recuo));
}
.ep-cab-cel.ep-cel-data { justify-content: flex-end; }
.ep-cab-cel.ep-cel-data .ep-cab-b { margin-left: 0; margin-right: calc(-1 * var(--ep-recuo)); }










.ep-past, .ep-data-txt {
  display: inline-block; max-width: 100%; cursor: pointer;
  border: 0; background: none; border-radius: 6px;
  padding: 4px var(--ep-recuo); margin-left: calc(-1 * var(--ep-recuo));
  font: inherit; font-size: 11.5px; color: var(--txt-3);
  white-space: nowrap; text-align: left;
}
.ep-past:hover, .ep-data-txt:hover { background: var(--bg-3); color: var(--txt); }
.ep-past:focus-visible, .ep-data-txt:focus-visible {
  outline: 2px solid var(--info); outline-offset: 1px;
}
























































.ep-past {
  background: var(--bg-3); border: 0;
  border-radius: calc(var(--r-ctl) - 3px);
  display: block; width: 100%; max-width: none;
  padding: 7px 12px; text-align: center;
  margin-left: 0;
}
.ep-past.on {
  background: var(--bg-4); color: var(--txt); font-weight: 500;
}
.ep-past:hover { background: var(--line-2); color: var(--txt); }



.ep-cab-cel.ep-cel-canal .ep-cab-b { margin-left: 0; padding-left: 0; }
.ep-past.on:hover { border-color: var(--txt-3); }






.ep-data-txt {
  font-family: ui-monospace, Consolas, monospace; color: var(--txt-2);
}
.ep-data-txt svg, .ep-bt-data svg {
  width: 13px; height: 13px; flex: 0 0 auto; opacity: .85;
}
.ep-data-txt.vazia { color: var(--txt-3); }
.ep-data-txt.atrasado { color: var(--accent-2); font-weight: 600; }









.ep-lst .ep-tit { -webkit-line-clamp: 1; font-weight: 600; font-size: 14.5px; }











.ep-lst .ep-meio > .ep-tit.ep-tit-dele {
  color: var(--txt-2); font-weight: 500;
}
.ep-meta-modelo {
  color: var(--txt-3); max-width: 340px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
}






.ep-lst .ep-meio > * { margin: 0; }
.ep-lst .ep-selos:empty { display: none; }

.ep-lst .ep-acoes { justify-content: flex-end; }





















.ep-lst .ep-bt-mais { color: var(--txt-3); }
.ep-l:hover .ep-bt-mais { color: var(--txt); }



.ep-meta-parado { color: var(--accent-2); font-weight: 500; }




.ep-col-mais {
  display: block; width: 100%; margin-top: 6px; padding: 7px 4px;
  background: none; border: 0; border-top: 1px solid var(--line);
  color: var(--txt-3); font: inherit; font-size: 11.5px; cursor: pointer;
  text-align: center; border-radius: 0;
}
.ep-col-mais:hover { color: var(--txt); }
.ep-col-mais:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }

















.ep-semana { display: grid; grid-template-columns: minmax(0, 1fr) 248px; gap: 12px; }











.ep-sm-grade {
  display: grid; grid-template-columns: 148px repeat(var(--ep-dias), minmax(var(--ep-cartao), 1fr));
  gap: 1px; background: var(--line); border: 1px solid var(--line);
  border-radius: 9px; overflow-x: auto; overflow-y: hidden; min-width: 0;
  align-self: start;
}



.ep-sm-grade > .ep-sm-c, .ep-sm-grade > .ep-sm-canto {
  position: sticky; left: 0; z-index: 2;
}
.ep-sm-grade > * { background: var(--bg-2); }
.ep-sm-canto { background: var(--bg-3); }

.ep-sm-h {
  background: var(--bg-3); padding: 5px 2px; text-align: center;
  font-size: 11px; color: var(--txt-3); line-height: 1.25;
}
.ep-sm-h b { display: block; text-transform: uppercase; letter-spacing: .06em; font-weight: 500; }
.ep-sm-h span { font-variant-numeric: tabular-nums; }


.ep-sm-h.hoje { color: var(--txt); box-shadow: inset 0 -2px 0 var(--info); }
.ep-sm-h.passou { opacity: .55; }




.ep-sm-c {
  display: flex; align-items: center; gap: 7px; padding: 8px 10px;
  font-size: 11.5px; color: var(--txt-2); min-width: 0; flex-wrap: wrap;
}
.ep-sm-c img, .ep-sm-sem {
  width: 18px; height: 18px; border-radius: 50%; flex: 0 0 auto;
  background: var(--bg-4); object-fit: cover;
}
.ep-sm-c > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

























.ep-sm-d { padding: 3px; display: flex; flex-direction: column; gap: 3px; min-height: 46px;
           container-type: inline-size; container-name: epdia; }
.ep-sm-d:empty { padding: 5px; }
.ep-sm-d:empty::after {
  content: ""; flex: 1; border: 1px dashed var(--line-2); border-radius: 4px; opacity: .45;
}
.ep-sm-d.passou:empty::after { opacity: .18; }







.ep-sm-canto {
  display: flex; flex-direction: column; justify-content: center; gap: 1px;
  padding: 5px 10px; font-size: 11px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--txt-3); line-height: 1.2;
}
.ep-sm-canto b {
  font-size: 17px; color: var(--ok); font-weight: 700; letter-spacing: 0;
  font-variant-numeric: tabular-nums; text-transform: none;
}
.ep-sm-d.passou { background: var(--bg); }
.ep-sm-d.hoje { background: color-mix(in srgb, var(--info) 7%, var(--bg-2)); }
.ep-sm-d.ep-alvo { background: color-mix(in srgb, var(--info) 18%, var(--bg-2)); }









.ep-sm-v {
  width: 100%; text-align: left; cursor: grab;
  background: var(--bg-3); border: 0; border-left: 2px solid var(--info);
  border-radius: 3px; padding: 0;
  font: inherit; font-size: 11px; line-height: 1.25; color: var(--txt);
  



  display: flex; flex-direction: column; overflow: hidden;
}




.ep-sm-ab {
  display: block; width: 100%; text-align: left; padding: 0; border: 0;
  background: none; font: inherit; color: inherit; cursor: inherit; min-width: 0;
}
.ep-sm-tt {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; padding: 4px 6px;
}




.ep-capa-cx.ep-sm-cap { display: none; width: 100%; aspect-ratio: 16/9;
                        border-radius: 0; background: #000; }
.ep-sm-ic { display: none; }
.ep-sm-v:hover { background: var(--bg-4); }
.ep-sm-ab:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.ep-sm-v.saiu { border-left-color: var(--ok); color: var(--txt-2); }
.ep-sm-v.atrasado { border-left-color: var(--accent-2); }
.ep-sm-v.solto { border-left-color: var(--line-2); margin-bottom: 4px; }






.ep-sm-ic { border-top: 1px solid var(--line); }
.ep-sm-i {
  flex: 1 1 0; min-width: 0; display: flex; align-items: center;
  justify-content: center; height: 24px; padding: 0; border: 0;
  background: none; color: var(--txt-3); cursor: pointer;
}




.ep-sm-v:hover .ep-sm-i { color: var(--txt-2); }



.ep-sm-i:hover { color: var(--txt); background: var(--line-2); }
.ep-sm-i:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.ep-sm-i svg { width: 14px; height: 14px; display: block; }












@container epdia (min-width: 80px) {
  .ep-capa-cx.ep-sm-cap { display: block; }
  .ep-sm-ic { display: flex; }
}











.ep-sm-gaveta {
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 9px;
  padding: 10px; align-self: start; max-height: 70vh; overflow-y: auto;
}




.ep-sm-gaveta .ep-sm-fila {
  background: none; border: 0; border-radius: 0; padding: 0;
  max-height: none; overflow: visible;
}
.ep-sm-gaveta > header {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--txt-3); margin-bottom: 8px;
}
.ep-sm-gaveta > header u { text-decoration: none; color: var(--txt-2); font-weight: 600; }
.ep-sm-gaveta.ep-alvo { border-color: var(--info); }




















@media (max-width: 1480px) {
  .ep-semana { grid-template-columns: minmax(0, 1fr); }
  .ep-sm-gaveta { max-height: none; }
  .ep-sm-gaveta .ep-sm-fila {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 2px 10px;
  }
}
@media (max-width: 1100px) {
  

  

  .ep-sm-grade { grid-template-columns: 110px repeat(var(--ep-dias), minmax(var(--ep-cartao), 1fr)); }
}











.ep-molde {
  margin-top: 11px; padding: 9px 11px; border-radius: 7px;
  background: var(--bg); border: 1px solid var(--line);
  display: flex; flex-direction: column; gap: 5px;
}
.ep-molde-f {
  font-family: ui-monospace, Consolas, monospace; font-size: 12px;
  color: var(--txt); line-height: 1.45; word-break: break-word;
}
.ep-molde-t { font-size: 11.5px; color: var(--txt-3); }
.ep-molde-t b { color: var(--txt-2); font-weight: 500; }














.ep-fileira {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
  margin-bottom: 10px;
}














.ep-adota {
  display: block; margin: 0 0 var(--ep-v3, 12px);
  border: 1px dashed var(--line-2); border-radius: var(--r-ctl);
  background: var(--bg-2); padding: 9px 11px 10px;
}
.ep-adota > header {
  display: flex; align-items: center; gap: 7px; margin: 0 0 8px;
  font-size: var(--ep-t-rotulo, 10.5px); font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--txt-3);
}
.ep-adota > header u {
  text-decoration: none; color: var(--accent-2);
  font-variant-numeric: tabular-nums;
}



.ep-adota > header i {
  font-style: normal; text-transform: none; letter-spacing: 0;
  font-weight: 400; font-size: var(--ep-t-controle, 11px); color: var(--txt-3);
}
.ep-adota > header i b { color: var(--txt-2); font-weight: 600; }



.ep-adota-x {
  margin-left: auto; flex: 0 0 auto;
  width: 20px; height: 20px; padding: 0; line-height: 1;
  border: 1px solid transparent; border-radius: var(--r-ctl);
  background: none; color: var(--txt-3); font-size: 11px; cursor: pointer;
}
.ep-adota-x:hover { color: var(--txt); border-color: var(--line-2); background: var(--bg-3); }
.ep-adota-fila {
  display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px;
  scrollbar-color: var(--line-2) transparent;
}
.ep-adota-fila .ep-sm-v { flex: 0 0 auto; max-width: 230px; }



#ep-canal-cx.ep-alvo {
  border-color: var(--accent-2); background: rgba(255, 176, 32, .1);
}














.nf-per.ep-sem-canal {
  border-color: rgba(255, 176, 32, .38); color: var(--accent-2);
}
.nf-per.ep-sem-canal:hover { border-color: var(--accent-2); color: var(--accent-2); }

.ep-fileira > .nf-ajuda { margin-left: auto; flex: 0 0 auto; }
.ep-fileira > .seg { flex: 0 0 auto; }









.ep-faixa {
  background: var(--bg-2); border-bottom: 1px solid var(--line);
  margin: 0 0 14px; padding: 12px 14px 11px; border-radius: var(--r-ctl);
}
.ep-faixa > .nf-per-fila:last-child { margin-bottom: 0; }




.ep-fileira .ctl {
  display: inline-flex; align-items: center; gap: 7px; height: 30px;
  padding: 0 10px 0 11px; border: 1px solid var(--line); border-radius: var(--r-ctl);
  background: var(--bg-2); font-size: 12px; color: var(--txt-3);
}
.ep-fileira .ctl > span { white-space: nowrap; }
.ep-fileira select {
  background: none; border: 0; color: var(--txt); font: inherit;
  font-size: 12px; font-weight: 600; cursor: pointer; max-width: 170px;
}
.ep-fileira select:focus-visible { outline: 2px solid var(--info); outline-offset: 3px; }

















.ep-canal-sel { display: inline-flex; align-items: center; gap: 7px; }


























.ep-fileira > .ep-canal-sel { margin-left: auto; }










.ep-fileira > .ep-canal-sel + .nf-ajuda { margin-left: 8px; }



.ep-fileira .ctl.ep-canal-sel {
  height: auto; min-height: 44px; gap: 10px; padding-left: 13px; align-items: center;
}
.ep-slot-txt {
  display: flex; flex-direction: column; min-width: 0; justify-content: center;
  align-items: flex-start; gap: 0;
}



.ep-slot-rot {
  font-style: normal; font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--txt-3); line-height: 1.3; white-space: nowrap;
}
.ep-canal-sel .ep-slot-txt > span {
  max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 14px; line-height: 1.25; text-transform: none; letter-spacing: 0;
}







.ep-canal-sel > .ep-canal-av {
  width: 34px; height: 34px; border-radius: 8px;
  box-shadow: 0 0 0 1px var(--line-2), inset 0 0 0 1px rgba(0, 0, 0, .5);
}
.ep-canal-sel > .ep-canal-av i { font-size: 13px; line-height: 1; }












.ep-canal-sel.ep-slot-vazio {
  background: none; border-style: dashed;
}
.ep-canal-sel.ep-slot-vazio .ep-slot-txt > span { color: var(--txt-2); font-weight: 500; }
.ep-canal-sel.ep-slot-vazio > .ep-canal-av {
  background: none; box-shadow: none; border: 1px dashed var(--line-2);
}
.ep-canal-sel.ep-slot-cheio {
  background: var(--bg-3); border-color: var(--info);
  box-shadow: inset 0 0 0 1px rgba(90, 150, 240, .18);
}
.ep-canal-sel.ep-slot-cheio .ep-slot-txt > span { color: var(--txt); font-weight: 650; }
.ep-canal-sel.ep-slot-cheio > .ep-canal-av {
  box-shadow: 0 0 0 2px var(--info), inset 0 0 0 1px rgba(0, 0, 0, .5);
}


.ep-canal-sel.ep-slot-cheio > b { border-left-color: rgba(90, 150, 240, .3); }



































.ep-canal-sel { padding-right: 0; }
.ctl.gav.pc-pastilha.ep-canal-sel > b {
  align-self: stretch; display: inline-flex; align-items: center;
  margin-left: 3px; padding: 0 22px 0 9px;
  border-left: 1px solid var(--line); background: var(--bg);
  border-radius: 0 calc(var(--r-ctl) - 3px) calc(var(--r-ctl) - 3px) 0;
  font-size: 11px; font-weight: 400; color: var(--txt-3);
}




.ep-canal-sel > b { gap: 4px; color: var(--txt); font-size: 13px; font-weight: 650; }
.ep-canal-sel > b small { font-size: 11px; font-weight: 400; color: var(--txt-3); }
.ep-canal-sel.pc-pastilha::after { right: 10px; }



.ep-op-canal { display: flex; align-items: center; gap: 9px; }


.ep-op-linha { display: flex; align-items: center; gap: 4px; }
.ep-op-linha > .ep-op-canal { flex: 1 1 auto; min-width: 0; }
.ep-op-x {
  flex: 0 0 auto; height: 24px; min-width: 24px; padding: 0 7px; border-radius: 12px;
  background: none; border: 1px solid transparent; color: var(--txt-3);
  font: inherit; font-size: 11px; line-height: 1; cursor: pointer; opacity: .35;
}
.ep-op-linha:hover .ep-op-x, .ep-op-x:focus-visible, .ep-op-x.on { opacity: 1; }
.ep-op-x:hover, .ep-op-x.on { color: #e05a5a; border-color: #e05a5a; background: var(--bg-3); }
.ep-op-x:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }

















.ep-op-av {
  width: 20px; height: 20px; border-radius: 6px; flex: 0 0 auto;
  background: var(--bg-4); overflow: hidden;
  box-shadow: 0 0 0 1px var(--line);
  display: grid; place-items: center;
}
.ep-op-av img { width: 100%; height: 100%; object-fit: cover; }
.ep-op-av i { font-style: normal; font-size: 11px; color: var(--txt-3); }
.ep-op-nome { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ep-op-canal .nf-per-n { flex: 0 0 auto; color: var(--txt-3); }
.ep-op-canal.on { color: var(--txt); font-weight: 600; }
.ep-op-canal.on .nf-per-n { color: var(--txt-2); }
.ep-vazio .ep-bt { margin-top: 12px; }












.ep-capa-cx { position: relative; display: block; line-height: 0; }
.ep-capa-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  border-radius: inherit; background: var(--bg-3);
  






  -webkit-user-drag: none; user-drag: none;
}









.ep-capa-cx.ep-capa { width: 96px; aspect-ratio: 16/9; border-radius: 8px; }








.ep-capa-cx.ep-k-capa { width: var(--ep-capa-k); aspect-ratio: 16/9; border-radius: 6px; background: #000; }
.ep-k-capa .ep-capa-img { transition: transform .18s; }
.ep-k:hover .ep-k-capa .ep-capa-img { transform: scale(1.04); }
.ep-capa-cx.ep-ficha-capa { width: 200px; aspect-ratio: 16/9; border-radius: 6px; }





.ep-mult, .ep-dur {
  position: absolute; bottom: 3px;
  background: rgba(0, 0, 0, .82); border-radius: 3px;
  padding: 1px 4px; font: 600 9px/1.45 ui-monospace, Consolas, monospace;
  letter-spacing: .02em; pointer-events: none;
}




.ep-mult { left: 3px; color: #ffd479; }
.ep-dur { right: 3px; color: #fff; }


.ep-ficha-capa .ep-mult, .ep-ficha-capa .ep-dur { font-size: 11px; padding: 2px 6px; bottom: 5px; }
.ep-ficha-capa .ep-mult { left: 5px; }
.ep-ficha-capa .ep-dur { right: 5px; }











.ep-meta-forte { color: var(--txt-2); font-weight: 600; }


.ep-k-q.parado { color: #e0a34a; }
.ep-k-q.saiu { color: var(--ok); }


a.ep-bt { text-decoration: none; }
a.ep-bt:hover { text-decoration: none; }


























.ep-campo-nota { margin-top: 8px; }














.ep-cx-mini { width: 17px; height: 17px; border-radius: 5px; border-width: 1.5px; }
.ep-cx-mini svg { width: 10px; height: 10px; }








.ep-k { position: relative; }




.ep-tit[data-ep-pula], .ep-k-t[data-ep-pula] { cursor: pointer; }
.ep-tit[data-ep-pula]:hover, .ep-k-t[data-ep-pula]:hover { text-decoration: underline; }
.ep-tit[data-ep-pula]:focus-visible, .ep-k-t[data-ep-pula]:focus-visible {
  outline: 2px solid var(--info); outline-offset: 2px; border-radius: 3px;
}




















.ep-meu {
  display: flex; align-items: baseline; gap: 6px; flex-wrap: nowrap;
  margin: 5px 0 0; font-size: var(--ep-t-meta); min-width: 0;
}
.ep-meu-rot {
  flex: 0 0 auto; font-size: var(--ep-t-rotulo); color: var(--txt-3);
  letter-spacing: .06em; text-transform: uppercase;
}






.ep-meu-rot::before { content: "→"; margin-right: 5px; }
.ep-meu b {
  color: var(--txt); font-weight: 500; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.ep-meu-nota {
  flex: 0 0 auto; cursor: help;
  font-size: var(--ep-t-rotulo); color: var(--txt-3);
  border: 1px solid var(--line-2); border-radius: 999px; padding: 1px 8px;
}
.ep-meu-nota:hover { color: var(--txt-2); border-color: var(--txt-3); }



.ep-k .ep-meu { flex-wrap: wrap; }
.ep-k .ep-meu b { white-space: normal;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; }



.ep-molde-l {
  margin: 5px 0 0; font-family: ui-monospace, Consolas, monospace;
  font-size: 11px; color: var(--txt-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}













#ep-corpo { padding-bottom: 68px; }

.ep-lig-fora { grid-column: 1 / -1; }
.ep-lig-fora .ep-lig { margin-top: 9px; font-size: 11.5px; padding: 8px 10px; }
.ep-k .ep-lig-fora .ep-lig { margin-top: 8px; }




.ep-fl {
  display: grid; grid-template-columns: 13px 17px 1fr; gap: 7px; align-items: center;
  padding: 6px 7px; border-radius: 7px; cursor: default;
}
.ep-fl-bt {
  display: grid; grid-template-columns: 54px 1fr; gap: 8px; align-items: center;
  border: 0; background: none; color: inherit; font: inherit;
  text-align: left; cursor: pointer; padding: 0; min-width: 0;
}
.ep-fl-bt img { width: 54px; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; background: var(--bg-4); }
.ep-fl-bt span { font-size: 11.5px; line-height: 1.3; }







.ep-fl.on {
  background: var(--bg-3); color: var(--txt);
  box-shadow: inset 0 0 0 1px var(--accent-2), var(--mo-luz);
}
.ep-fl.feito .ep-fl-bt span { opacity: .55; text-decoration: line-through; text-decoration-color: var(--txt-3); }
.ep-fl.ep-marcado { box-shadow: inset 0 0 0 1px var(--info); }
.ep-fl-bt:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; border-radius: 5px; }







.ep-k .ep-meta { margin-top: 5px; gap: 6px; }





.ep-ficha .ep-meta { margin-top: var(--ep-v2); }






































.ep-canais { margin-bottom: 0; padding-bottom: 0; }
.ep-canais .ep-cn img, .ep-canais .ep-cn .ep-cn-av { width: 16px; height: 16px; }







.ep-fila-rot {
  flex: 0 0 auto; align-self: center;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--txt-3); margin-right: 2px;
}






















.ep-bt-dest {
  min-width: 104px; text-align: center;
  padding-right: 19px; background-repeat: no-repeat;
  background-position: right 7px center; background-size: 7px 4px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7L3.5 4z' fill='%23aeaba9'/%3E%3C/svg%3E");
}
.ep-bt-dest.on {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7L3.5 4z' fill='%23efeeee'/%3E%3C/svg%3E");
}
















.ep-k .ep-acoes { gap: 6px; }
.ep-k .ep-bt { padding: 0 9px; }
.ep-k .ep-bt-pri { padding: 0 11px; }
.ep-k .ep-bt-mais { padding: 0; }
.ep-k .ep-bt-dest { min-width: 0; max-width: 78px; padding-right: 17px; }




@keyframes ep-gravou {
  0%   { box-shadow: 0 0 0 0 rgba(46, 204, 113, .55); border-color: var(--ok); }
  70%  { box-shadow: 0 0 0 3px rgba(46, 204, 113, 0); border-color: var(--ok); }
  100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}
.ep-gravou { animation: ep-gravou 1.2s var(--mo-saida); }
@media (prefers-reduced-motion: reduce) { .ep-gravou { animation: none !important; } }





.ep-cn {
  display: inline-flex; align-items: center; gap: 7px;
  padding-left: 4px; max-width: 250px;
}
.ep-cn > .nf-per-n { flex: 0 0 auto; }




.ep-cn-r {
  position: relative; flex: 0 0 auto;
  width: 20px; height: 20px; border-radius: 50%;
  display: grid; place-items: center; overflow: visible;
  background: var(--bg-4); color: var(--txt-3);
  font: 700 10px/1 Archivo, sans-serif;
  box-shadow: 0 0 0 1px var(--line-2);
  transition: box-shadow var(--mo-passa) ease;
}
.ep-cn-r img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }
.ep-cn-r svg { width: 13px; height: 13px; }
.ep-cn-todos { font-size: 11px; }


.ep-cn.on .ep-cn-r { box-shadow: 0 0 0 1px var(--bg); background: var(--bg-2); color: var(--txt-2); }





.ep-cn-agora {
  position: absolute; right: -2px; bottom: -2px;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent-2); box-shadow: 0 0 0 2px var(--bg-3);
}
.ep-cn.on .ep-cn-agora { box-shadow: 0 0 0 2px var(--txt); }




.ep-cn-novo { border-style: dashed; color: var(--txt-3); }
.ep-cn-novo:hover { border-color: var(--accent-2); color: var(--accent-2); }





@keyframes ep-cn-entra {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateY(4px) scale(.97); }
  100% { opacity: 1; transform: none; }
}
.ep-canais > .ep-cn, .ep-canais > .ep-can-cx {
  animation: ep-cn-entra 240ms var(--mo-saida);
  animation-delay: calc(28ms * var(--ep-i, 0));
}
.ep-canais > :nth-child(1) { --ep-i: 0; }
.ep-canais > :nth-child(2) { --ep-i: 1; }
.ep-canais > :nth-child(3) { --ep-i: 2; }
.ep-canais > :nth-child(4) { --ep-i: 3; }
.ep-canais > :nth-child(5) { --ep-i: 4; }
.ep-canais > :nth-child(n+6) { --ep-i: 5; }

@media (prefers-reduced-motion: reduce) {
  .ep-cn, .ep-cn-r, .ep-canais > .ep-cn, .ep-canais > .ep-can-cx {
    transition: none !important; animation: none !important;
  }
}


























.ep-cn:active { transform: scale(.955); transition-duration: var(--mo-toque); }
.ep-cn:active .ep-cn-r { transform: scale(.9); }








@keyframes ep-cn-pula {
  0%   { transform: scale(1); animation-timing-function: cubic-bezier(.4, 0, 1, 1); }
  18%  { transform: scale(.86); animation-timing-function: var(--mo-mola); }
  56%  { transform: scale(1.22); animation-timing-function: var(--mo-saida); }
  100% { transform: scale(1); }
}
.ep-cn.on .ep-cn-r { animation: ep-cn-pula 320ms; }



.ep-cn-r::after {
  content: ""; position: absolute; inset: -3px; border-radius: 50%;
  border: 2px solid var(--accent-2); opacity: 0; pointer-events: none;
}
@keyframes ep-cn-onda {
  0%   { opacity: 0;   transform: scale(1.5); }
  1%   { opacity: .75; transform: scale(.85); }
  100% { opacity: 0;   transform: scale(1.5); }
}
.ep-cn.on .ep-cn-r::after { animation: ep-cn-onda 420ms var(--mo-saida); }

@media (prefers-reduced-motion: reduce) {
  .ep-cn.on .ep-cn-r, .ep-cn.on .ep-cn-r::after { animation: none !important; }
  .ep-cn:active, .ep-cn:active .ep-cn-r { transform: none !important; }
}









.ep-nc { max-width: 480px; }
.ep-nc-diz { margin: 0 0 14px; font-size: 13px; color: var(--txt-2); line-height: 1.55; }
.ep-nc-form { display: flex; gap: 8px; }
.ep-nc-form input {
  flex: 1; min-width: 0; height: 36px; padding: 0 12px;
  background: var(--bg); border: 1px solid var(--line-2); border-radius: 8px;
  color: var(--txt); font: inherit; font-size: 13px;
}
.ep-nc-form input:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }
.ep-nc-form .ep-bt { height: 36px; padding: 0 14px; font-size: 12.5px; }
.ep-nc-jatem { margin: 14px 0 0; font-size: 11.5px; color: var(--txt-3); }





.ep-nc-ficha {
  display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center;
  padding: 14px; border-radius: 11px;
  background: var(--bg-2); border: 1px solid var(--line);
}
.ep-nc-retrato {
  position: relative; width: 64px; height: 64px; border-radius: 50%;
  display: grid; place-items: center; overflow: hidden;
  background: var(--bg-3); color: var(--txt-3);
  font: 700 24px/1 Archivo, sans-serif;
  box-shadow: 0 0 0 2px var(--line-2);
}
.ep-nc-retrato img { width: 100%; height: 100%; object-fit: cover; }
.ep-nc-corpo { display: grid; gap: 4px; min-width: 0; }
.ep-nc-nome { font-size: 16px; font-weight: 600; color: var(--txt); }
.ep-nc-sub { font-size: 12px; color: var(--txt-3); }



@keyframes ep-nc-pulsa {
  0%, 100% { opacity: .22; }
  50%      { opacity: .5; }
}
.ep-nc-osso {
  display: block; height: 11px; border-radius: 5px;
  background: var(--txt-3); opacity: .22; width: 70%;
  animation: ep-nc-pulsa 1.25s ease-in-out infinite;
}
.ep-nc-osso-g { height: 15px; width: 55%; }
.ep-nc-osso-p { width: 40%; }
.ep-nc-lendo .ep-nc-retrato { animation: ep-nc-pulsa 1.25s ease-in-out infinite; }



@keyframes ep-nc-chega {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateY(8px) scale(.97); }
  100% { opacity: 1; transform: none; }
}
.ep-nc-chegou { animation: ep-nc-chega 380ms var(--mo-saida); }



@keyframes ep-nc-retrato-chega {
  0%   { transform: none; }
  1%   { transform: scale(.5); }
  62%  { transform: scale(1.08); animation-timing-function: var(--mo-saida); }
  100% { transform: none; }
}
.ep-nc-chegou .ep-nc-retrato { animation: ep-nc-retrato-chega 420ms var(--mo-mola) 120ms; }





.ep-nc-passos { display: flex; gap: 14px; margin-top: 16px; flex-wrap: wrap; }
.ep-nc-passo {
  font-size: 11.5px; color: var(--txt-3); position: relative; padding-left: 15px;
  transition: color var(--mo-passa) ease;
}
.ep-nc-passo::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 7px; height: 7px; border-radius: 50%; background: var(--line-2);
  transition: background var(--mo-passa) ease, box-shadow var(--mo-passa) ease;
}
.ep-nc-passo.on { color: var(--txt-2); }
.ep-nc-passo.on::before { background: var(--accent-2); box-shadow: 0 0 9px -1px var(--accent-2); }


.ep-nc-nums {
  display: flex; gap: 22px; margin-top: 16px; flex-wrap: wrap;
  padding: 0 4px;
}







.ep-nc-nums[hidden] { display: none; }
.ep-nc-nums div { font-size: 11px; color: var(--txt-3); }
.ep-nc-nums b {
  display: block; font-size: 18px; font-weight: 700; color: var(--txt);
  margin-bottom: 2px; font-variant-numeric: tabular-nums;
}
.ep-nc-ok { margin: 16px 0 0; color: var(--ok); font-size: 12.5px; }
.ep-nc-erro { margin: 0; color: #e0a34a; }
.ep-nc-fim { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.ep-nc-fim .ep-bt { height: 32px; padding: 0 14px; font-size: 12.5px; }

@media (prefers-reduced-motion: reduce) {
  .ep-nc-osso, .ep-nc-lendo .ep-nc-retrato,
  .ep-nc-chegou, .ep-nc-chegou .ep-nc-retrato { animation: none !important; }
  .ep-nc-osso { opacity: .3; }
}

























.ep-acoes { flex-wrap: wrap; row-gap: 5px; }

.ep-bt-ler {
  width: 28px; padding: 0; justify-content: center;
  background: transparent;
  border-color: transparent;
  color: var(--txt-3);
}
.ep-bt-ler svg { width: 15px; height: 15px; display: block; }










.ep-bt.ep-bt-ler:hover:not(:disabled),
.ep-bt.ep-bt-ler:focus-visible {
  color: var(--txt); border-color: var(--line-2); background: var(--bg-3);
}


.ep-rt { max-width: 760px; }
.ep-rt-linha {
  margin: 0 0 10px; font-size: 12px; color: var(--txt-3); line-height: 1.5;
}
.ep-rt-linha b { color: var(--txt); font-variant-numeric: tabular-nums; }

.ep-rt-ok { margin: 0 0 12px; font-size: 12.5px; }
.ep-rt-ok.on { color: var(--ok); }
.ep-rt-ok.nao { color: #e0a34a; }





.ep-rt-texto {
  max-height: 46vh; overflow-y: auto;
  padding: 14px 16px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--line);
  color: var(--txt-2); font-size: 13px; line-height: 1.75;
  white-space: pre-wrap; overflow-wrap: anywhere;
  

  user-select: text;
}
.ep-rt-texto:focus-visible { outline: 2px solid var(--info); outline-offset: 1px; }




.ep-rt-lendo { display: grid; gap: 9px; margin-bottom: 14px; }
.ep-rt-lendo .ep-nc-osso:nth-child(1) { width: 96%; }
.ep-rt-lendo .ep-nc-osso:nth-child(2) { width: 88%; }
.ep-rt-lendo .ep-nc-osso:nth-child(3) { width: 93%; }
.ep-rt-lendo .ep-nc-osso:nth-child(4) { width: 71%; }
.ep-rt-lendo .ep-nc-osso:nth-child(5) { width: 90%; }
.ep-rt-lendo .ep-nc-osso:nth-child(6) { width: 54%; }






.ep-fi-desc { max-height: 26vh; }



.ep-fi-sec {
  margin: 18px 0 8px; font-size: 11px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--txt-3);
}
.ep-fi-sec:first-child { margin-top: 0; }
.ep-fi-acao { display: flex; justify-content: flex-end; margin-top: 10px; }




.ep-fi-tags {
  display: flex; flex-wrap: wrap; gap: 6px;
  max-height: 22vh; overflow-y: auto;
  padding: 12px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--line);
}
.ep-fi-tag {
  padding: 3px 9px; border-radius: 999px;
  background: var(--bg-3); border: 1px solid var(--line);
  color: var(--txt-2); font-size: 12px; line-height: 1.5;
  overflow-wrap: anywhere;
}


.ep-cap { max-width: 720px; }



.ep-cap-moldura {
  border-radius: 10px; overflow: hidden; border: 1px solid var(--line);
  background-color: var(--bg);
  background-image:
    linear-gradient(45deg, var(--bg-3) 25%, transparent 25%, transparent 75%, var(--bg-3) 75%),
    linear-gradient(45deg, var(--bg-3) 25%, transparent 25%, transparent 75%, var(--bg-3) 75%);
  background-size: 18px 18px;
  background-position: 0 0, 9px 9px;
  margin-bottom: 12px;
}
.ep-cap-img {
  display: block; width: 100%; height: auto; max-width: 100%;
}

@media (max-width: 620px) {
  .ep-rt-texto { max-height: 40vh; font-size: 12.5px; }
}



























.modal.ep-menu {
  

  background: linear-gradient(180deg, var(--bg-3) 0, var(--bg-2) 110px);
  border: 1px solid var(--line-2);
  border-radius: 18px;
  box-shadow:
    var(--mo-luz),                              
    0 26px 64px -20px rgba(0, 0, 0, .8),        
    0 0 0 1px rgba(255, 176, 32, .12);          
}









.ep-menu::after {
  content: ""; position: absolute; inset: 7px; pointer-events: none;
  opacity: .45;
  background:
    linear-gradient(var(--accent-2), var(--accent-2)) 0    0    / 2px 13px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 0    0    / 13px 2px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 100% 0    / 2px 13px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 100% 0    / 13px 2px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 0    100% / 2px 13px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 0    100% / 13px 2px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 100% 100% / 2px 13px no-repeat,
    linear-gradient(var(--accent-2), var(--accent-2)) 100% 100% / 13px 2px no-repeat;
}











.ep-menu .x.float {
  top: 20px; right: 20px; width: 26px; height: 26px;
  background: var(--bg); color: var(--txt-3);
  border: 1px solid var(--line-2); backdrop-filter: none;
  font-size: 17px; display: grid; place-items: center;
  transition: color var(--mo-passa) ease, border-color var(--mo-passa) ease,
              transform var(--mo-volta) var(--mo-mola);
}
.ep-menu .x.float:hover {
  background: var(--bg); color: var(--txt);
  border-color: var(--txt-3);
}
.ep-menu .x.float:active { transform: scale(var(--mo-fundo-mi)); }





.ep-menu .modal-head {
  background: transparent; border-bottom: 0;
  padding: 19px 22px 15px; position: relative;
}
.ep-menu .modal-head::after {
  content: ""; position: absolute; left: 22px; right: 22px; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent,
              var(--line-2) 14%, var(--line-2) 86%, transparent);
}
.ep-menu .modal-head h2 {
  font-size: 18px; letter-spacing: -.01em;
  display: flex; align-items: center; gap: 11px; min-width: 0;
}



.ep-menu .modal-head h2::before {
  content: ""; flex: 0 0 auto; width: 9px; height: 9px;
  background: var(--accent-2); transform: rotate(45deg);
  box-shadow: 0 0 12px -2px var(--accent-2);
}
.ep-menu .modal-body { padding: 18px 22px 22px; }





@keyframes ep-menu-entra {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateY(14px) scale(.965); }
  100% { opacity: 1; transform: none; }
}
.overlay.on .modal.ep-menu { animation: ep-menu-entra 340ms var(--mo-mola); }




@keyframes ep-menu-cantos {
  0%   { opacity: .45; transform: none; }
  1%   { opacity: 0;   transform: scale(1.05); }
  100% { opacity: .45; transform: none; }
}
.overlay.on .ep-menu::after {
  animation: ep-menu-cantos 420ms var(--mo-saida) 90ms;
}





@keyframes ep-menu-linha {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: none; }
}
.overlay.on .ep-menu .modal-body > * {
  animation: ep-menu-linha 300ms var(--mo-saida);
  animation-delay: calc(40ms * var(--ep-j, 0));
}
.ep-menu .modal-body > *:nth-child(1) { --ep-j: 1; }
.ep-menu .modal-body > *:nth-child(2) { --ep-j: 2; }
.ep-menu .modal-body > *:nth-child(3) { --ep-j: 3; }
.ep-menu .modal-body > *:nth-child(4) { --ep-j: 4; }
.ep-menu .modal-body > *:nth-child(5) { --ep-j: 5; }
.ep-menu .modal-body > *:nth-child(n+6) { --ep-j: 6; }




.ep-menu .ep-nc-form input {
  height: 40px; border-radius: 10px; padding: 0 14px;
  background: var(--bg); border: 1px solid var(--line-2);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .45);
  transition: border-color var(--mo-passa) ease, box-shadow var(--mo-passa) ease;
}
.ep-menu .ep-nc-form input::placeholder { color: var(--txt-3); }
.ep-menu .ep-nc-form input:focus {
  outline: none; border-color: var(--accent-2);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .45),
              0 0 0 3px rgba(255, 176, 32, .20);
}






.ep-menu .ep-bt {
  height: 34px; padding: 0 16px; font-size: 12.5px; border-radius: 9px;
}
.ep-menu .ep-bt.pri {
  box-shadow: var(--mo-luz), 0 6px 18px -6px rgba(255, 176, 32, .6);
}















.ep-nc-tem {
  margin-top: 18px; padding-top: 15px; position: relative;
}
.ep-nc-tem::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, var(--line), transparent);
}
.ep-nc-tem-diz {
  display: block; font-size: 11px; letter-spacing: .07em;
  text-transform: uppercase; color: var(--txt-3); margin-bottom: 10px;
}
.ep-nc-tem-fila { display: flex; flex-wrap: wrap; gap: 7px; }
.ep-nc-um {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 5px 12px 5px 5px; border-radius: 999px;
  background: var(--bg); border: 1px solid var(--line);
  color: var(--txt-2); font-size: 12px; max-width: 100%;
  transition: border-color var(--mo-passa) ease, color var(--mo-passa) ease;
}
.ep-nc-um:hover { border-color: var(--line-2); color: var(--txt); }
.ep-nc-um b {
  flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%;
  overflow: hidden; display: grid; place-items: center;
  background: var(--bg-3); color: var(--txt-3);
  font: 700 11px/1 Archivo, sans-serif;
  box-shadow: 0 0 0 1px var(--line-2);
}
.ep-nc-um b img { width: 100%; height: 100%; object-fit: cover; }
.ep-nc-um span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}





@media (prefers-reduced-motion: reduce) {
  .overlay.on .modal.ep-menu,
  .overlay.on .ep-menu::after,
  .overlay.on .ep-menu .modal-body > * {
    animation: none !important;
  }
}


@media (max-width: 620px) {
  .ep-menu .modal-head { padding: 16px 16px 13px; }
  .ep-menu .modal-head h2 { font-size: 16px; }
  .ep-menu .modal-body { padding: 15px 16px 18px; }
  .ep-menu .modal-head::after { left: 16px; right: 16px; }
  .ep-menu::after { inset: 6px; }
}


















.ep-nc-passos-l { display: grid; gap: 1px; margin-top: 18px; }
.ep-nc-p {
  display: grid; grid-template-columns: 20px 1fr auto; gap: 11px; align-items: center;
  padding: 7px 9px; border-radius: 8px;
  font-size: 13px; color: var(--txt-3);
  transition: color var(--mo-passa) ease, background var(--mo-passa) ease;
}


.ep-nc-p.agora { color: var(--txt-2); background: rgba(255, 176, 32, .07); }
.ep-nc-p.feito { color: var(--txt-2); }

.ep-nc-p-marca {
  width: 20px; height: 20px; border-radius: 6px;
  display: grid; place-items: center;
  border: 1px solid var(--line-2); background: var(--bg);
  color: #07140b;
  transition: background var(--mo-passa) ease, border-color var(--mo-passa) ease;
}
.ep-nc-p-marca svg { width: 12px; height: 12px; opacity: 0; transform: scale(.4); }


.ep-nc-p.agora .ep-nc-p-marca { border-color: var(--accent-2); }
.ep-nc-p.agora .ep-nc-p-marca::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent-2);
  animation: ep-nc-bate 900ms ease-in-out infinite;
}
@keyframes ep-nc-bate {
  0%, 100% { opacity: .35; transform: scale(.8); }
  50%      { opacity: 1;   transform: scale(1); }
}
.ep-nc-p.feito .ep-nc-p-marca { background: var(--ok); border-color: var(--ok); }




@keyframes ep-nc-check {
  0%   { opacity: 0; transform: scale(.4) rotate(-12deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}
.ep-nc-p.feito .ep-nc-p-marca svg { animation: ep-nc-check 320ms var(--mo-mola) forwards; }

.ep-nc-p-diz { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.ep-nc-p-achou {
  font-size: 12.5px; color: var(--accent-2); text-align: right;
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
@keyframes ep-nc-achou {
  0%   { opacity: 1; transform: none; }
  1%   { opacity: 0; transform: translateX(7px); }
  100% { opacity: 1; transform: none; }
}
.ep-nc-p.feito .ep-nc-p-achou { animation: ep-nc-achou 300ms var(--mo-saida); }









.ep-nc-p.espera { color: var(--txt-3); }
.ep-nc-p.espera .ep-nc-p-marca { background: var(--bg); border-color: var(--line-2); }
.ep-nc-p.espera .ep-nc-p-marca::before {
  content: ""; width: 8px; height: 2px; border-radius: 2px; background: var(--txt-3);
}
.ep-nc-p.espera .ep-nc-p-achou { color: var(--txt-3); }




.ep-nc-espera-diz { margin: 6px 0 0; color: var(--txt-3); font-size: 12.5px; }





.ep-nc-barra {
  height: 5px; border-radius: 3px; background: var(--bg);
  overflow: hidden; margin-top: 16px;
  box-shadow: var(--mo-fosso);
}
.ep-nc-barra > i {
  display: block; height: 100%; width: 0;
  background: linear-gradient(90deg, var(--accent-2), #ffd479);
  box-shadow: 0 0 12px -2px rgba(255, 176, 32, .8);
  transition: width 420ms var(--mo-saida);
}


.ep-nc-vazio { color: var(--txt-3); font-weight: 500; }
.ep-nc-ficha .ep-nc-nome { transition: color var(--mo-volta) ease; }


.ep-nc-aceso {
  box-shadow: 0 0 0 2px var(--accent-2), 0 0 22px -5px rgba(255, 176, 32, .7);
  color: var(--accent-2);
}
@keyframes ep-nc-acende {
  0%   { transform: none; }
  1%   { transform: scale(.72); }
  58%  { transform: scale(1.1); animation-timing-function: var(--mo-saida); }
  100% { transform: none; }
}
.ep-nc-aceso { animation: ep-nc-acende 420ms var(--mo-mola); }

@media (prefers-reduced-motion: reduce) {
  .ep-nc-p.agora .ep-nc-p-marca::before,
  .ep-nc-p.feito .ep-nc-p-achou,
  .ep-nc-aceso { animation: none !important; }
  


  .ep-nc-p.feito .ep-nc-p-marca svg { animation: none !important; opacity: 1; transform: none; }
  .ep-nc-barra > i { transition: none !important; }
}

@media (max-width: 620px) {
  .ep-nc-p { grid-template-columns: 20px 1fr; row-gap: 2px; }
  .ep-nc-p-achou { grid-column: 2; text-align: left; font-size: 12px; }
}





















#ep-forma [data-epforma] {
  box-shadow: var(--mo-luz);
  transition: transform var(--mo-volta) var(--mo-mola),
              background var(--mo-passa) ease,
              color var(--mo-passa) ease,
              box-shadow var(--mo-passa) ease;
}
#ep-forma [data-epforma]:active {
  transform: scale(var(--mo-fundo));
  box-shadow: var(--mo-fosso);
  transition-duration: var(--mo-toque);
}




















#ep-filtros .nf-per {
  box-shadow: var(--mo-luz);
  transition: transform var(--mo-volta) var(--mo-mola),
              border-color var(--mo-passa) ease,
              background var(--mo-passa) ease,
              color var(--mo-passa) ease,
              box-shadow var(--mo-passa) ease;
}
#ep-filtros .nf-per:active {
  transform: scale(var(--mo-fundo));
  box-shadow: var(--mo-fosso);
  transition-duration: var(--mo-toque);
}














@media (prefers-reduced-motion: reduce) {
  #ep-forma [data-epforma], #ep-filtros .nf-per { transition: none !important; }
  #ep-forma [data-epforma]:active, #ep-filtros .nf-per:active { transform: none !important; }
}












.ep-can-cx { position: relative; display: inline-flex; flex: 0 0 auto; }

.ep-can-x {
  position: absolute; top: -5px; right: -5px; z-index: 2;
  height: 20px; min-width: 20px; padding: 0 6px; border-radius: 10px;
  background: var(--bg-3); border: 1px solid var(--line-2); color: var(--txt-3);
  font: inherit; font-size: 11px; line-height: 1; cursor: pointer;
  display: grid; place-items: center;
  opacity: 0; pointer-events: none;
  transition: opacity var(--mo-passa) ease, background var(--mo-passa) ease,
              color var(--mo-passa) ease, border-color var(--mo-passa) ease,
              transform var(--mo-volta) var(--mo-mola);
}
.ep-can-cx:hover .ep-can-x,
.ep-can-cx:focus-within .ep-can-x,
.ep-can-x:focus-visible { opacity: 1; pointer-events: auto; }
.ep-can-x:hover { color: #e05a5a; border-color: #e05a5a; background: var(--bg-4); }
.ep-can-x:active { transform: scale(var(--mo-fundo-mi)); transition-duration: var(--mo-toque); }
.ep-can-x:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }




.ep-can-x.on {
  opacity: 1; pointer-events: auto;
  background: #e05a5a; border-color: #e05a5a; color: #fff;
  font-weight: 600; font-size: 11px; letter-spacing: .02em;
}

@media (prefers-reduced-motion: reduce) {
  .ep-can-x { transition: none !important; }
  .ep-can-x:active { transform: none !important; }
}



@media (hover: none) {
  .ep-can-x { opacity: 1; pointer-events: auto; }
}













.pv-canal-tit {
  font-size: 11px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--txt-2); padding: 4px 8px 8px;
}
.pv-canal-op {
  display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: center;
  width: 100%; text-align: left; padding: 7px 8px; border-radius: 7px;
  background: transparent; border: 0; color: var(--txt-2);
  font: inherit; font-size: 13px; cursor: pointer;
  transition: background var(--mo-passa) ease, color var(--mo-passa) ease;
}
.pv-canal-op:hover { background: var(--bg-3); color: var(--txt); }
.pv-canal-op:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }



.pv-canal-r {
  width: 24px; height: 24px; border-radius: 50%; overflow: hidden;
  display: grid; place-items: center; background: var(--bg-3); color: var(--txt-3);
  font: 700 11px/1 Archivo, sans-serif;
  box-shadow: 0 0 0 1px var(--line-2);
}
.pv-canal-r img { width: 100%; height: 100%; object-fit: cover; }



.pv-canal-sem { grid-template-columns: 1fr; color: var(--txt-3); font-size: 12.5px; }
.pv-canal-sep { height: 1px; background: var(--line); margin: 6px 4px; }

.pv-canal-sempre {
  display: flex; align-items: center; gap: 8px; cursor: pointer;
  padding: 7px 8px; margin-top: 2px; border-radius: 7px;
  font-size: 12px; color: var(--txt-3);
}
.pv-canal-sempre:hover { background: var(--bg-3); color: var(--txt-2); }
.pv-canal-sempre input { accent-color: var(--accent-2); cursor: pointer; }






































.ep-bt-pri {
  height: 32px; padding: 0 14px; font-size: 12px; font-weight: 600;
  border-radius: 7px;
  background: var(--txt); border-color: var(--txt); color: var(--bg);
}
.ep-bt-pri:hover:not(:disabled) {
  background: #fff; border-color: #fff; color: var(--bg); box-shadow: var(--mo-luz);
}
.ep-k .ep-bt-pri { height: 30px; }


























.ep-bt-status {
  min-width: 99px; gap: 6px; padding: 0 10px;
  justify-content: flex-start;
  background: var(--bg-3); border-color: transparent;
  color: var(--txt-2); font-weight: 500;
}


.ep-bt-status .ep-cx { cursor: inherit; pointer-events: none; }
.ep-st-nome { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ep-bt-status:hover:not(:disabled) { background: var(--bg-4); color: var(--txt); }
.ep-bt-status[aria-expanded="true"] { background: var(--bg-4); color: var(--txt); }








.ep-menu-passo { width: 178px; }
.ep-menu-passo .pr-op { display: flex; align-items: center; gap: 10px; }
.ep-op-atual { color: var(--txt); font-weight: 600; }
.ep-op-atual::after {
  content: "agora"; margin-left: auto;
  font-size: 11px; font-weight: 400; color: var(--txt-3);
  letter-spacing: .04em;
}



.ep-bt-mais {
  width: 28px; padding: 0; font-size: 14px; line-height: 1;
  color: var(--txt-3); letter-spacing: 1px;
}
.ep-bt-mais:hover:not(:disabled) { color: var(--txt); }
.ep-bt-mais[aria-expanded="true"] { color: var(--txt); background: var(--bg-4); }














.ep-cursor { box-shadow: inset 3px 0 0 var(--accent-2); }
.ep-l.ep-cursor { border-color: var(--line-2); }
.ep-k.ep-cursor { box-shadow: -8px 0 0 -5px var(--accent-2); }
.ep-fl.ep-cursor { box-shadow: inset 2px 0 0 var(--accent-2); }



.ep-fl.on.ep-cursor { box-shadow: inset 0 0 0 1px var(--accent-2), var(--mo-luz); }






















.ep-trilho {
  display: inline-flex; align-items: center; flex: 0 0 auto;
  padding: 2px; border-radius: calc(var(--r-ctl) + 2px);
  background: var(--bg-2); border: 1px solid var(--line);
}
.ep-passo {
  display: inline-flex; align-items: center; gap: 6px;
  border: 0; background: none; color: var(--txt-2);
  font: inherit; font-size: 11.5px; cursor: pointer;
  padding: 3px 11px; border-radius: var(--r-ctl); white-space: nowrap;
  transition: background var(--mo-passa) ease, color var(--mo-passa) ease;
}
.ep-passo + .ep-passo::before {
  content: "›"; margin: 0 8px 0 -4px;
  color: var(--txt-3); font-size: 13px; line-height: 1;
}














.ep-passo-tudo { color: var(--txt-3); }
.ep-passo-tudo:hover { color: var(--txt); }
.ep-passo-tudo + .ep-passo::before {
  content: ""; display: inline-block; width: 1px; height: 14px;
  background: var(--line-2); margin: 0 9px 0 1px; vertical-align: middle;
}
.ep-passo:hover { color: var(--txt); }
.ep-passo.on { background: var(--txt); color: var(--bg); font-weight: 600; }
.ep-passo:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.ep-passo-n { font-variant-numeric: tabular-nums; font-weight: 700; }
.ep-passo.on .ep-passo-n { color: var(--bg); }


.ep-passo-pip {
  width: 9px; height: 9px; border-radius: 3px; flex: 0 0 auto;
  border: 1.5px solid var(--line-2);
}


.ep-passo-fila .ep-passo-pip { border-style: dashed; }
.ep-passo-fazendo .ep-passo-pip { border-color: var(--txt-3); }
.ep-passo-feito .ep-passo-pip { background: var(--txt-2); border-color: var(--txt-2); }
.ep-passo.on .ep-passo-pip { border-color: var(--bg); }
.ep-passo-feito.on .ep-passo-pip { background: var(--bg); border-color: var(--bg); }

@media (prefers-reduced-motion: reduce) { .ep-passo { transition: none !important; } }

.ep-menu-item { min-width: 208px; }
.ep-op-perigo { color: #e07a7a; }
.ep-op-perigo:hover { color: #ff8f8f; }

.ep-bt-dest {
  max-width: 132px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  display: inline-block; line-height: 24px;
}














.ep-bt-dest.on { color: var(--txt); border-color: var(--line-2); font-weight: 600; }
.ep-bt-dest.on:hover { border-color: var(--txt-3); }


























.ep-bt-data {
  max-width: 132px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 5px; line-height: 24px;
}



.ep-bt-data.so-icone { gap: 0; padding-inline: 8px; }
.ep-bt-data > span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ep-bt-data.on { color: var(--txt); border-color: var(--line-2); font-weight: 600; }
.ep-bt-data.on:hover { border-color: var(--txt-3); }
.ep-bt-data.atrasado {
  color: var(--accent-2); border-color: color-mix(in srgb, var(--accent-2) 45%, transparent);
  background: color-mix(in srgb, var(--accent-2) 9%, transparent); font-weight: 600;
}
.ep-bt-data.atrasado:hover { border-color: var(--accent-2); }






.ep-data-oculta {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); border: 0; opacity: 0; pointer-events: none;
}
.ep-gr-data { position: relative; }










.ep-card-sub .ep-bt-data {
  background: none; border: none; padding: 0 1px; line-height: inherit;
  font-size: inherit; font-weight: inherit; color: var(--txt-3);
  text-decoration: underline; text-decoration-style: dotted;
  text-underline-offset: 3px; text-decoration-color: var(--line-2);
  max-width: 120px; position: relative; cursor: pointer;
}
.ep-card-sub .ep-bt-data::after {
  content: ""; position: absolute; left: -4px; right: -4px; top: 50%;
  height: 20px; transform: translateY(-50%);
}
.ep-card-sub .ep-bt-data.on { color: var(--txt-2); text-decoration-color: var(--txt-3); }
.ep-card-sub .ep-bt-data.atrasado {
  background: none; border: none; color: var(--accent-2);
  text-decoration-color: color-mix(in srgb, var(--accent-2) 55%, transparent);
}
.ep-card-sub .ep-bt-data:hover { color: var(--txt); text-decoration-color: var(--txt-2); }
.ep-data-oculta.ep-data-avista {
  position: static; width: auto; height: auto; margin: 0; padding: 3px 7px;
  clip-path: none; opacity: 1; pointer-events: auto;
  background: var(--bg-3); color: var(--txt);
  border: 1px solid var(--line-2); border-radius: 7px;
}


@media (prefers-reduced-motion: reduce) {
  .pv-canal-op { transition: none !important; }
}
















.ep-acoes { gap: 10px; }
.ep-gr { display: inline-flex; align-items: center; }











.ep-gr-ler { gap: 2px; }


.ep-gr-ler .ep-bt:hover, .ep-gr-ler .ep-bt:focus-visible { position: relative; z-index: 1; }




.ep-gr-passo { gap: 5px; }




.ep-acoes > .ep-bt-x { margin-left: 4px; }













.ep-sel {
  





  


  width: 17px; height: 17px; accent-color: var(--txt-2); cursor: pointer;
  







  opacity: 0; pointer-events: none;
  transition: opacity var(--mo-passa) ease;
}
.ep-l:hover .ep-sel,
.ep-l:focus-within .ep-sel,
.ep-k:hover .ep-sel,
.ep-k:focus-within .ep-sel,
.ep-fl:hover .ep-sel,
.ep-lote-on .ep-sel,
.ep-sel:checked,
.ep-sel:focus,
.ep-sel:focus-visible { opacity: 1; pointer-events: auto; }

@media (prefers-reduced-motion: reduce) {
  .ep-sel { transition: none !important; }
}









































.lg-cx { display: grid; gap: 12px; }
.lg-esp { flex: 1; }
.lg-rot { font-size: 11px; text-transform: uppercase; letter-spacing: .09em;
  color: var(--txt-3); font-weight: 700; }


































































.lg-porta-bt {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 11px 28px 12px 18px; border: 0;
  background: linear-gradient(100deg, #e0a11e, #ffc457 55%, #e0a11e);
  color: #241a05;
  clip-path: polygon(0 0, 100% 0, calc(100% - 13px) 100%, 0 100%);
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
  white-space: nowrap;
}
.lg-porta-bt:hover:not([disabled]) { filter: brightness(1.07); }
.lg-porta-bt:focus-visible { outline: 2px solid #241a05; outline-offset: -4px; }
.lg-porta-bt[disabled] { background: var(--bg-3); color: var(--txt-3);
  box-shadow: inset 0 0 0 1px var(--line); cursor: not-allowed; }





@media (prefers-reduced-motion: no-preference) {
  .lg-porta-bt { transition: transform .1s, filter .14s; }
  .lg-porta-bt:active:not([disabled]) { transform: scale(.96) translateY(1px); }
}






.lg-chip { display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 0 2px; }
.lg-onde { display: flex; align-items: center; gap: 10px; flex: none; }
.lg-onde-t { font-size: 11px; letter-spacing: .09em; text-transform: uppercase;
  color: var(--txt-3); white-space: nowrap; }
.lg-onde-t b { color: var(--txt-2); }
.lg-barra { display: flex; gap: 4px; }
.lg-barra i { display: block; width: 26px; height: 3px; border-radius: 2px;
  background: var(--line-2); }
.lg-barra i.feito { background: var(--txt-3); }
.lg-barra i.agora { background: var(--txt); }


.lg-passos { background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 12px; overflow: hidden; }
.lg-passo + .lg-passo { border-top: 1px solid var(--line); }



.lg-cab {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 0 16px; height: 46px; background: transparent; border: 0;
  text-align: left; font: inherit; cursor: pointer; color: var(--txt-2);
}
.lg-num {
  flex: none; width: 22px; height: 22px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 600;
  background: var(--bg-3); color: var(--txt-3); border: 1px solid var(--line);
}
.lg-prot { flex: none; width: 132px; font-size: 11px; letter-spacing: .09em;
  text-transform: uppercase; color: var(--txt-3); }
.lg-resumo { flex: 1 1 auto; min-width: 0; font-size: 13px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-resumo b { color: var(--txt); font-weight: 600; }
.lg-resumo i { font-style: normal; color: var(--txt-3); }
.lg-mudar { flex: none; padding: 3px 10px; border-radius: 6px;
  background: transparent; border: 1px solid var(--line-2); color: var(--txt-3);
  font-size: 11px; }
.lg-cab:hover .lg-mudar { color: var(--txt); border-color: #605c5a; }
.lg-cab:focus-visible { outline: 2px solid var(--accent-2); outline-offset: -2px; }

















.lg-passo.aberto { background: var(--bg-4);
  box-shadow: inset 4px 0 0 var(--accent-2); }
.lg-passo.aberto .lg-num { background: var(--accent-2); color: #241a05;
  border-color: var(--accent-2); font-weight: 700; }
.lg-passo.aberto .lg-prot { color: var(--txt); }
.lg-passo.aberto .lg-cab { height: 44px; cursor: default; }



.lg-passo:not(.aberto):not(.cedo) .lg-num { border-color: var(--accent-2);
  color: var(--txt); }

.lg-passo.aberto .lg-resumo { display: none; }
.lg-dica2 { display: none; font-size: 13px; color: var(--txt-2); }
.lg-passo.aberto .lg-dica2 { display: inline; }






.lg-dica2:empty { display: none; }
.lg-passo.cedo .lg-num, .lg-passo.cedo .lg-prot,
.lg-passo.cedo .lg-resumo { opacity: .5; }




.lg-passo.aberto .lg-fim-n,
.lg-passo.aberto .lg-rec-x,
.lg-passo.aberto .lg-mais2 { color: var(--txt-2); }

.lg-miolo { padding: 0 16px 16px; }







.lg-lads { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
@media (max-width: 1100px) { .lg-lads { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .lg-lads { grid-template-columns: repeat(2, minmax(0, 1fr)); } }









.lg-lad {
  position: relative; display: flex; align-items: baseline; gap: 10px;
  justify-content: space-between; width: 100%; text-align: left;
  overflow: hidden; cursor: pointer; border: 0; border-radius: 8px;
  padding: 11px 13px 12px; min-height: 45px;
  background: var(--bg-3); color: var(--txt-2); font: inherit;
  box-shadow: inset 0 0 0 2px transparent;
}
.lg-lad:hover { box-shadow: inset 0 0 0 1px var(--line-2); }
.lg-lad:hover .nm { color: var(--txt); }
.lg-lad:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }
.lg-lad .nm { min-width: 0; font-size: 20px; font-weight: 600; line-height: 1.1;
  letter-spacing: -.005em; color: var(--txt-2);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }





















.lg-lad.on {
  box-shadow: inset 0 0 0 2px var(--accent-2);
  background: color-mix(in srgb, var(--accent-2) 10%, var(--bg-3));
}



.lg-lad.on .nm { color: var(--accent-2); }
.lg-lad.on .num { color: var(--txt); }
.lg-lad.on:hover { box-shadow: inset 0 0 0 2px var(--accent-2); }



.lg-lad .num { flex: none; font-size: 20px; font-weight: 500; line-height: 1.1;
  color: var(--txt-2); font-variant-numeric: tabular-nums; }







.lg-fim { margin-top: 12px; display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap; }
.lg-fim-n { font-size: 11px; color: var(--txt-3); }




.lg-mais2 { padding: 8px 13px; border-radius: 8px; background: transparent;
  border: 1px dashed var(--line-2); color: var(--txt-3); font: inherit;
  font-size: 11px; cursor: pointer; }
.lg-mais2:hover { color: var(--txt-2); border-color: var(--txt-3); }
.lg-mais2:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }








.lg-b-grade {
  display: grid;
  grid-template-columns: 24px minmax(220px, 1fr) minmax(210px, 260px);
  gap: 14px; align-items: start;
}
.lg-b-cab { padding: 14px 12px 8px; font-size: 12px; letter-spacing: .06em;
  text-transform: uppercase; color: var(--txt-3); }
.lg-b-cab > span { min-width: 0; }
.lg-bs { display: flex; flex-direction: column; gap: 8px; }






.lg-b {
  position: relative; background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 10px; padding: 11px 12px; cursor: pointer;
}
.lg-b:hover { border-color: var(--line-2); }
.lg-b::before {
  content: ""; position: absolute; left: -1px; top: 18px; bottom: 18px;
  width: 3px; border-radius: 3px; background: var(--line-2);
}
.lg-b:hover::before { background: var(--txt-3); top: 13px; bottom: 13px; }
.lg-b.eleita { background: var(--bg-2); border-color: var(--line-2); }
.lg-b.eleita::before { background: var(--txt-2); top: 9px; bottom: 9px; }



.lg-b.fora { border-style: dashed; background: transparent; }
.lg-b.fora.eleita { background: var(--bg-3); }
.lg-b.fora .lg-b-termo, .lg-b.fora .lg-b-pt,
.lg-b.fora .lg-b-dest { opacity: .55; }

.lg-b-n { padding-top: 3px; font-size: 13px; color: var(--txt-3);
  font-variant-numeric: tabular-nums; text-align: right; }
.lg-b.fora .lg-b-n { color: var(--line-2); }














.lg-b-campo { min-width: 0; display: grid;
  grid-template-columns: 22px minmax(0, 1fr); column-gap: 8px; }
.lg-b-termo {
  display: block; width: 100%; font: inherit; font-size: 15px; line-height: 1.3;
  color: var(--txt); background: transparent; border: 1px solid transparent;
  border-radius: 6px; padding: 4px 6px; margin: -4px -6px 0; cursor: text;
}
.lg-b-termo::placeholder { color: var(--txt-3); font-style: italic; }
.lg-b-termo:hover { border-color: var(--line-2); }
.lg-b-termo:focus { outline: none; background: var(--bg);
  border-color: var(--txt-3); box-shadow: 0 0 0 3px rgba(255, 255, 255, .06); }







.lg-b-pt { display: block; margin-top: 5px; font-size: 12px; font-style: italic;
  color: var(--txt-2); overflow-wrap: anywhere; }























.lg-b-bandeira { grid-column: 1; grid-row: 1; padding-top: 2px;
  font-size: 15px; line-height: 1.3; }
.lg-bnd { display: block; width: 18px; height: 12px; margin-top: 3px;
  border-radius: 2px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .16); }
.lg-b-termo, .lg-b-pt { grid-column: 2; }
.lg-b.fora .lg-b-bandeira { opacity: .55; }




.lg-b-dest { min-width: 0; }



.lg-b-sel { position: relative; display: inline-block; }
.lg-b-sel::after {
  content: ""; position: absolute; right: 11px; top: 50%; margin-top: -1.5px;
  pointer-events: none; border: 3.5px solid transparent;
  border-top-color: var(--txt-3);
}
.lg-b-lingua {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  font: inherit; font-size: 13px; color: var(--txt); background: var(--bg-2);
  border: 1px solid var(--line); border-radius: 999px;
  padding: 6px 28px 6px 13px; cursor: pointer; max-width: 100%;
}
.lg-b-lingua:hover { border-color: var(--line-2); }
.lg-b-lingua:focus { outline: none; border-color: var(--txt-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .06); }


.lg-b-lingua option { background: var(--bg-2); color: var(--txt); }


.lg-b-assim { display: block; margin-top: 6px; font-size: 12px;
  font-style: italic; color: var(--txt-2); overflow-wrap: anywhere; }


.lg-b-nota { grid-column: 2 / -1; margin-top: 4px; font-size: 12px;
  color: var(--txt-3); }




@media (prefers-reduced-motion: no-preference) {
  .lg-b, .lg-b::before, .lg-lad, .lg-mais2, .lg-cab, .lg-verbo, .lg-g {
    transition: border-color .12s ease, background .12s ease, color .12s ease,
      box-shadow .12s ease, top .12s ease, bottom .12s ease;
  }
  .lg-b.piscou { animation: lgPiscou 1s ease-out 1; }
}
@keyframes lgPiscou {
  0%, 45% { border-color: var(--txt-3); background: var(--bg-2); }
  100% { border-color: var(--line); background: var(--bg-3); }
}

.lg-nova {
  display: block; width: 100%; margin-top: 8px; padding: 13px 12px;
  text-align: left; font: inherit; font-size: 13px; color: var(--txt-2);
  background: transparent; border: 1px dashed var(--line-2);
  border-radius: 10px; cursor: pointer;
}
.lg-nova:hover { color: var(--txt); border-color: var(--txt-3); }
.lg-nova b { font-weight: 400; color: var(--txt-3); margin-right: 8px; }


.lg-nova.so { border-color: var(--accent-2); color: var(--accent-2); }
.lg-nova.so b { color: var(--accent-2); }
.lg-nova.so:hover { background: rgba(255, 176, 32, .07); color: var(--accent-2); }

.lg-volta2 {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 10px; padding: 10px 14px; font-size: 13px; color: var(--txt-2);
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 8px;
}
























.lg-pe2 { display: flex; flex-direction: column; align-items: flex-start;
  gap: 14px; margin-top: 18px; padding-top: 16px;
  border-top: 1px solid var(--line); }
.lg-trilho { position: relative; display: flex; flex-direction: column; gap: 9px;
  padding-left: 14px; min-width: 0; }
.lg-trilho::before { content: ""; position: absolute; left: -1px; top: 2px;
  bottom: 6px; width: 3px; border-radius: 3px; background: var(--txt-2); }
.lg-trilho.sem::before { background: var(--line-2); }









.lg-verbos { display: flex; align-items: center; gap: 2px; margin-left: -14px; }
.lg-verbo { font: inherit; font-size: 15px; color: var(--txt); background: none;
  border: 1px solid transparent; border-radius: 8px; padding: 9px 14px;
  cursor: pointer; }
.lg-verbo:hover { background: var(--bg-3); border-color: var(--line-2); }
.lg-verbo:focus-visible { outline: none; border-color: var(--txt-3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .08); }
.lg-verbo:disabled { color: var(--txt-3); cursor: default; }
.lg-verbo:disabled:hover { background: none; border-color: transparent; }
.lg-sep { color: var(--line-2); font-size: 14px; user-select: none; }
.lg-pe2-fim { display: flex; flex-direction: column; align-items: flex-start;
  gap: 9px; flex: none; }












.lg-passo[data-p="3"] .lg-miolo { display: flex; flex-direction: column;
  align-items: flex-start; gap: 14px; }
.lg-passo[data-p="3"] .lg-miolo > .lg-recibo { flex: 0 1 auto; width: 100%; }











.lg-recibo { flex: 1 1 260px; min-width: 0; display: grid; gap: 6px; }
.lg-rec-l { min-width: 0; font-size: 13px; line-height: 1.5;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-rec-t { color: var(--txt); }
.lg-rec-s { color: var(--txt-3); margin: 0 9px; }
.lg-rec-x { font-size: 12px; color: var(--txt-2); font-style: italic; }



.lg-acoes { flex: none; display: flex; flex-direction: column;
  align-items: flex-start; gap: 0; }
.lg-acoes-bts { display: flex; align-items: center; gap: 8px; }









.lg-junto { margin: 12px 0 0; font-size: 12px; line-height: 1.3;
  color: var(--txt-2); font-variant-numeric: tabular-nums; }
.lg-junto b { font-weight: 600; color: var(--txt); }



.lg-aviso2 { margin: 0 16px 12px; padding: 8px 12px; border-radius: 8px;
  background: var(--bg-3); border: 1px solid var(--line);
  border-left: 3px solid var(--line-2); font-size: 13px; color: var(--txt-2); }








.lg-rodape { display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 10px 16px; border-top: 1px solid var(--line); background: var(--bg-2); }
.lg-rodape .lg-receita { flex: 1 1 260px; min-width: 0; }
.lg-preco { margin-left: auto; display: flex; align-items: center; gap: 10px;
  flex: none; }
.lg-preco-b { display: block; width: 110px; height: 4px; border-radius: 2px;
  background: var(--bg-4); overflow: hidden; }
.lg-preco-b i { display: block; height: 100%; background: var(--txt-3);
  border-radius: 2px; }
.lg-preco-t { font-size: 11px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--txt-3); }
.lg-preco-t b { color: var(--txt-2); font-weight: 600;
  font-variant-numeric: tabular-nums; }


.lg-preco.pouco .lg-preco-b i { background: #e5a43b; }
.lg-preco.fim .lg-preco-b i { background: #d9503a; }
.lg-preco.fim .lg-preco-t { color: #e88a76; }
@media (prefers-reduced-motion: no-preference) {
  .lg-preco-b i { transition: width .35s cubic-bezier(.2, .8, .25, 1); }
}







.lg-receita { display: grid; gap: 6px; }
.lg-rc-frase { display: flex; align-items: center; gap: 10px; width: 100%;
  text-align: left; font: inherit; font-size: 12.5px; color: var(--txt-2);
  cursor: pointer; background: var(--bg-3); border: 0;
  border-left: 3px solid var(--line-2); border-radius: 6px; padding: 7px 11px; }
.lg-rc-frase:hover { background: var(--bg-4); }
.lg-rc-frase .t { flex: 1; min-width: 0; }
.lg-rc-frase .t b { color: var(--txt); font-weight: 600; }
.lg-rc-frase .pad { color: var(--txt-3); font-size: 11px; }
.lg-rc-frase .sinal { color: var(--txt-3); font-size: 20px; line-height: .6; }
.lg-receita.aberta .lg-rc-frase .sinal { transform: rotate(90deg); }
.lg-rc-frase:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }
.lg-r-linha { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.lg-r-linha .lg-rot { min-width: 74px; }
.lg-r { height: 26px; padding: 0 10px; border-radius: 20px;
  border: 1px solid var(--line); background: var(--bg); color: var(--txt-2);
  font: inherit; font-size: 12px; cursor: pointer; }
.lg-r:hover { border-color: var(--txt-3); color: var(--txt); }
.lg-r.on { border-color: var(--txt-3); color: var(--txt); background: var(--bg-3);
  font-weight: 600; }
.lg-r:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }
.lg-r-nota { font-size: 12px; color: var(--txt-2); }
@media (prefers-reduced-motion: no-preference) {
  .lg-rc-frase .sinal { transition: transform .18s; }
}






.lg-sug-linha { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.lg-sug-bt { font-size: 12.5px; }
.lg-sug-bt b { font-size: 11px; font-weight: 700; margin-left: 6px;
  padding: 1px 5px; border-radius: 4px; background: var(--bg-4);
  color: var(--txt-2); font-variant-numeric: tabular-nums; }








.lg-sug-cx { position: relative; z-index: 4; }
.lg-sug { position: absolute; top: calc(100% - 2px); left: 0; right: 0; z-index: 30;
  background: var(--bg-3); border: 1px solid var(--line);
  border-radius: 9px; padding: 11px 13px;
  

  box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
  

  max-height: 46vh; overflow: auto; }
.lg-sug .lg-rot { display: block; margin: 0 0 6px; }
.lg-fila2 { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 10px; }
.lg-fila2:last-child { margin-bottom: 0; }
.lg-kw { border: 1px solid var(--line); background: var(--bg-2);
  color: var(--txt-2); border-radius: 20px; padding: 4px 11px; font: inherit;
  font-size: 12px; cursor: pointer; max-width: 100%; white-space: normal;
  text-align: left; line-height: 1.35; }
.lg-kw:hover { border-color: var(--txt-3); color: var(--txt); }



.lg-kw.forte { border-color: var(--txt-3); color: var(--txt); }
.lg-kw.forma { border-style: dashed; }















.lg-desp { background: var(--bg-3); border-radius: 9px; }
.lg-desp-cab {
  display: flex; align-items: baseline; gap: 10px; width: 100%;
  padding: 11px 13px; font: inherit; text-align: left; background: none;
  border: 0; cursor: pointer; color: var(--txt-2);
}
.lg-desp-cab:focus-visible { outline: 2px solid var(--accent-2); outline-offset: -2px; }
.lg-desp-heroi { display: inline-flex; align-items: baseline; gap: 7px; flex: none; }
.lg-desp-n { font-size: 26px; line-height: 1; color: #7ee2a8;
  font-weight: 700; font-variant-numeric: tabular-nums; }
.lg-desp-rot { font-size: 11px; text-transform: uppercase; letter-spacing: .09em;
  color: var(--txt-3); }
.lg-desp-dest { font-size: 12.5px; color: var(--txt-2); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-desp-dest b { color: var(--txt); font-weight: 400; }
.lg-desp-resto { font-size: 12px; color: var(--txt-3); flex: none; }
.lg-desp-abre { font-size: 12px; color: var(--txt-2); flex: none; }
.lg-desp-cab .sinal { color: var(--txt-3); font-size: 18px; line-height: .6;
  flex: none; }
.lg-desp.aberta .lg-desp-cab .sinal { transform: rotate(90deg); }
.lg-desp-lista { display: grid; gap: 4px; padding: 0 13px 12px; }
@media (prefers-reduced-motion: no-preference) {
  .lg-desp-cab .sinal { transition: transform .18s; }
}









.lg-dl {
  display: grid; grid-template-columns: minmax(0, 1fr) 210px minmax(0, 330px);
  align-items: center; gap: 12px; padding: 9px 11px 9px 12px;
  border-radius: 7px; border: 1px solid var(--line);
  border-left: 2px solid var(--line); background: var(--bg-2);
}




.lg-dl.voltou { border-left-color: #7ee2a8; }
.lg-dl.voltou.vista { border-left-color: var(--line); }
.lg-dl.vista { opacity: .72; }
.lg-dl-termo { font-size: 14px; color: var(--txt);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-dl-termo i { font-style: normal; color: var(--txt-3); font-size: 12px; }


.lg-dl-sub { margin-top: 2px; font-size: 12px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-dl-sub i { font-style: italic; }
.lg-dl-est { font-size: 12.5px; color: var(--txt-2); }
.lg-dl.voltou .lg-dl-est { color: var(--txt); }


.lg-dl.nada .lg-dl-est { color: #e88a76; }



.lg-dl-quando { margin-top: 3px; font-size: 12px; color: var(--txt-2); }
.lg-dl-campo { width: 100%; height: 30px; padding: 0 9px;
  border: 1px solid var(--txt-3); border-radius: 6px; background: var(--bg);
  color: var(--txt); font: inherit; font-size: 13.5px; }
.lg-dl-campo:focus { outline: none; border-color: var(--txt); }





















.lg-pista { display: grid; grid-template-columns: 148px minmax(0, 300px) auto 1fr;
  align-items: center; gap: 16px; padding: 7px 12px; border-radius: 8px;
  background: transparent; border-left: 2px solid transparent; min-height: 44px;
  transition: min-height .2s, background .2s; }
.lg-pista + .lg-pista { margin-top: 3px; }
.lg-pista .qual { font-size: 14px; font-weight: 500; color: var(--txt-3); min-width: 0; }










.lg-pista .qual small { display: block; margin-top: 3px; font-size: 11px; font-weight: 400;
  text-transform: uppercase; letter-spacing: .11em; color: var(--txt-3); opacity: .7;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lg-pista.indo { min-height: 66px; background: #1f1f1c; border-left-color: var(--accent-2); }
.lg-pista.indo .qual { font-size: 18px; font-weight: 600; color: var(--txt); letter-spacing: -.3px; }
.lg-tr2 { position: relative; height: 7px; border-radius: 4px; background: #2e2e2c;
  overflow: hidden; }
.lg-tr2 i { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: 4px;
  background: #5e5b52; transition: width .4s linear; }
.lg-pista.indo .lg-tr2 i { background: #e8dcc0; }



.lg-tr2.indo::after { content: ""; position: absolute; inset: 0; border-radius: 4px;
  background: linear-gradient(90deg, transparent 42%, rgba(255,255,255,.2) 50%, transparent 58%);
  animation: lg-varre 2s ease-in-out infinite; }
@keyframes lg-varre { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.lg-pista .quanto { font-size: 12.5px; color: var(--txt-3); text-align: left;
  min-width: 70px; font-variant-numeric: tabular-nums; line-height: 1.15; }
.lg-pista.indo .quanto { font-size: 19px; font-weight: 600; color: #e8dcc0; }
.lg-pista.voltou { background: rgba(126,226,168,.05); border-left-color: rgba(126,226,168,.6);
  min-height: 54px; }
.lg-pista.voltou .lg-tr2 i { background: #7ee2a8; width: 100%; }
.lg-pista.voltou .qual { color: var(--txt); font-size: 15px; }
.lg-pista.voltou .quanto { color: #7ee2a8; font-weight: 700; font-size: 17px; }
.lg-pista .av { width: 34px; height: 34px; border-radius: 8px; flex: none; background: #2f2e2c;
  display: grid; place-items: center; font-size: 14px; font-weight: 700; font-style: normal;
  color: #e8dcc0; }
.lg-pista .cab-q { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lg-cabec { display: grid; grid-template-columns: 148px minmax(0, 300px) auto 1fr; gap: 16px;
  padding: 0 14px 6px; }












.lg-cabec span { font-size: 11px; text-transform: uppercase; letter-spacing: .11em;
  color: var(--txt-3); }
















.lg-fora { border: 1px solid var(--line); border-radius: 12px;
  background: #211f1e; padding: 13px 14px 10px; margin-bottom: 12px; }
.lg-fora-cab { display: flex; align-items: baseline; gap: 9px;
  margin: 0 0 13px; padding: 0 2px; }



.lg-fora-q { margin-left: auto; font-size: 11px; color: var(--txt-3); }




.lg-fora .lg-pista, .lg-fora .lg-cabec {
  grid-template-columns: 210px minmax(0, 260px) auto 1fr; }




.lg-fora .lg-pista { min-height: 52px; background: transparent;
  border-left: 2px solid transparent; }
.lg-fora .lg-pista + .lg-pista { border-top: 1px solid var(--line); border-radius: 0; }
.lg-fora .lg-tr2 i { background: #5e5b52; }



.lg-fora .lg-pista .quanto { font-size: 17px; font-weight: 600; color: #e8dcc0; }
.lg-fora-mais { margin: 9px 0 0; padding: 0 14px; font-size: 12px;
  color: var(--txt-3); }














.lg-ir { transition: transform .1s, filter .14s; }
.lg-ir:active:not([disabled]) { transform: scale(.96) translateY(1px); }
.lg-pista.partindo { background: rgba(255,176,32,.09); border-left-color: var(--accent-2); }

@media (prefers-reduced-motion: reduce) {
  .lg-tr2.indo::after { animation: none; }
  .lg-tr2 i, .lg-d .bar i, .lg-energia .tr i { transition: none; }
}


.lg-desp-conta { font-size: 12px; color: var(--txt-2); flex: none; }
.lg-desp-conta b { color: var(--txt); font-variant-numeric: tabular-nums; }
.lg-pistas { display: grid; gap: 3px; }





.lg-tr { display: block; width: 100%; box-sizing: border-box; height: 6px;
  margin: 5px 0 1px; border-radius: 3px; background: var(--bg-4);
  overflow: hidden; position: relative; }
.lg-tr i { display: block; height: 100%; border-radius: 3px; }

.lg-tr.cheia i { width: 100%; background: #7ee2a8; }



.lg-tr.andando i { width: 28%; background: var(--txt);
  animation: lgAnda 1.7s linear infinite; }
@keyframes lgAnda {
  from { transform: translateX(-110%); }
  to { transform: translateX(370%); }
}




.lg-tr.oca { background: transparent; border: 1px solid var(--txt-3); }


.lg-tr.riscada { background: repeating-linear-gradient(45deg,
  #e88a76 0 2px, transparent 2px 5px); }


@media (prefers-reduced-motion: reduce) {
  .lg-tr.andando i { animation: none; transform: translateX(34%); }
}









.lg-gestos { display: flex; align-items: center; justify-content: flex-end;
  gap: 6px; flex-wrap: wrap; }
.lg-g { height: 32px; padding: 0 13px; border-radius: 20px;
  border: 1px solid var(--line-2); background: transparent; color: var(--txt-2);
  font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.lg-g:hover { border-color: var(--txt-3); color: var(--txt); }
.lg-g:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }
.lg-g.forte { border-color: var(--txt-3); color: var(--txt); background: var(--bg-3); }



.lg-g s { text-decoration: none; margin-left: 6px; color: var(--txt-3);
  font-size: 11.5px; }


.lg-x { margin-left: 4px; padding: 0 2px 0 11px; height: 32px; border: 0;
  border-left: 1px solid var(--line); background: none; color: var(--txt-3);
  font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
.lg-x:hover { color: var(--txt-2); }
.lg-x:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }
.lg-x.armado { color: #e88a76; }

@media (max-width: 980px) {
  .lg-dl { grid-template-columns: 1fr; gap: 8px; }
  .lg-gestos { justify-content: flex-start; }
  .lg-b-grade { grid-template-columns: 24px 1fr; }
  .lg-b-cab { display: none; }
  .lg-b-dest, .lg-b-nota { grid-column: 2 / -1; }
  .lg-prot { display: none; }
}



























.lg-grade { display: grid; gap: 12px; }







.lg-ctrl { display: grid; gap: 12px; align-content: start; min-width: 0;
  container-type: inline-size; container-name: lgctrl; }
@media (min-width: 1200px) {
  
















  .lg-grade.com-saida { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    gap: 20px; align-items: start; }
  .lg-grade > .lg-saida:empty { display: none; }
  .lg-grade.com-saida .lg-passo[data-p="3"] .lg-miolo { display: block; }
}



@container lgctrl (max-width: 560px) {
  .lg-b-grade { grid-template-columns: 24px 1fr; }
  .lg-b-cab { display: none; }
  .lg-prot { display: none; }
  .lg-b-dest, .lg-b-nota { grid-column: 2 / -1; }
  .lg-lads { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  .lg-recibo { margin-top: 12px; }
  .lg-acoes { margin-top: 12px; }
  .lg-pe2, .lg-rodape { flex-direction: column; align-items: stretch;
    gap: 12px; }
  










  .lg-rodape .lg-receita { flex: 0 1 auto; }
  .lg-pe2-fim { align-items: stretch; }
  .lg-preco { margin-left: 0; }
  .lg-dl { grid-template-columns: 1fr; gap: 8px; }
  .lg-gestos { justify-content: flex-start; }
}





















.lg-f4 { display: grid; gap: 14px; align-items: start; }
@media (min-width: 720px) {
  .lg-f4 { grid-template-columns: 216px minmax(0, 1fr); }
}
.lg-rail { border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg-2); overflow: hidden; }
.lg-rail-t { font-size: 11px; text-transform: uppercase; letter-spacing: .07em;
  color: var(--txt-3); padding: 9px 12px 7px; }




.lg-rail-l { display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 8px; width: 100%; text-align: left; border: 0;
  border-top: 1px solid var(--line); background: transparent;
  padding: 9px 12px; cursor: pointer; font: inherit; }
.lg-rail-l:hover { background: var(--bg-3); }
.lg-rail-l.on { background: var(--bg-3); box-shadow: inset 3px 0 0 var(--accent-2); }
.lg-rail-lg { grid-column: 1 / 2; font-size: 12.5px; font-weight: 600;
  color: var(--txt-2); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.lg-rail-l.on .lg-rail-lg { color: var(--txt); }
.lg-rail-n { grid-column: 2 / 3; grid-row: 1 / 3; align-self: center;
  font-size: 16px; color: var(--txt-3); font-variant-numeric: tabular-nums; }
.lg-rail-l.on .lg-rail-n { color: var(--accent-2); }


.lg-rail-l.nova .lg-rail-n { color: var(--accent-2); font-weight: 700; }
.lg-rail-tm { grid-column: 1 / 2; font-size: 11.5px; color: var(--txt-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-rail-pe { padding: 10px 12px; border-top: 1px solid var(--line); }
.lg-rail-nova { width: 100%; border: 1px dashed var(--line-2);
  background: transparent; color: var(--txt-2); border-radius: 8px;
  padding: 7px 10px; font: 600 12.5px system-ui; cursor: pointer; }
.lg-rail-nova:hover { border-color: var(--txt-3); color: var(--txt);
  border-style: solid; }

.lg-ficha { border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg-2); overflow: hidden; min-width: 0; }
.lg-ficha-top { display: flex; align-items: baseline; gap: 10px;
  padding: 10px 13px; border-bottom: 1px solid var(--line);
  background: var(--bg-3); flex-wrap: wrap; }
.lg-ficha-t { font-size: 13.5px; color: var(--txt); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-ficha-lg { font-size: 12px; color: var(--txt-3); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-ficha-lg i { color: var(--txt-2); }
.lg-ficha-corpo { padding: 12px; }






@media (prefers-reduced-motion: no-preference) {
  .lg-ficha.piscou { animation: lgFicha 1s ease-out 1; }
}
@keyframes lgFicha {
  0%, 40% { border-color: var(--accent-2); background: var(--bg-3); }
  100% { border-color: var(--line); background: var(--bg-2); }
}



.lg-voltar-f4 { display: block; margin-bottom: 10px; border: 1px solid var(--line-2);
  background: var(--bg-2); color: var(--txt-2); border-radius: 8px;
  padding: 6px 12px; font: 600 12.5px system-ui; cursor: pointer; }
.lg-voltar-f4:hover { color: var(--txt); border-color: var(--txt-3); }










.lg-saida { display: grid; gap: 10px; }
.lg-saida:empty { display: none; }
.lg-bloco { border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg-2); overflow: hidden; }
.lg-bloco.recolhido { background: var(--bg-3); }
.lg-bloco-cab { display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-bottom: 1px solid var(--line); font-size: 13px; }
.lg-bloco.recolhido .lg-bloco-cab { border-bottom-color: transparent; }
.lg-bloco-t { color: var(--txt); min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.lg-bloco-qtd { color: var(--txt-2); font-size: 12px; flex: none; }
.lg-bloco-antes { display: none; color: var(--txt-3); font-size: 12px; flex: none; }
.lg-bloco.recolhido .lg-bloco-antes { display: inline; }
.lg-bloco-corpo { padding: 12px; }









.lg-n { display: block; font-size: 24px; font-weight: 700; letter-spacing: -1px;
  line-height: 1; color: #e8dcc0; font-variant-numeric: tabular-nums; }
.lg-n.her { font-size: 42px; letter-spacing: -1.8px; }
.lg-nr { display: block; margin-top: 4px; font-size: 11px; text-transform: uppercase;
  letter-spacing: .11em; color: var(--txt-2); line-height: 1.3; }
.lg-res { border-top: 1px solid var(--line); padding-top: 12px; }
.lg-res-cab { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 0 0 10px; font-size: 12.5px; color: var(--txt-2); }
.lg-res-cab b { color: var(--txt); font-size: 14px; }
.lg-volta { background: #1a1d19; border-radius: 9px; padding: 14px 16px 15px; }
.lg-volta .grito { display: block; font-size: 21px; font-weight: 700;
  letter-spacing: -.5px; color: #ede6d6; line-height: 1; }
.lg-volta .grito small { font-size: 11px; font-weight: 500; letter-spacing: .12em;
  color: var(--txt-3); text-transform: uppercase; margin-left: 9px; }
.lg-volta .ouro { display: block; height: 2px; width: 48px; border-radius: 1px;
  background: #7ee2a8; margin: 10px 0 14px; }
.lg-volta .lg-n.her { color: #7ee2a8; }
.lg-carga { margin-top: 14px; padding-top: 11px;
  border-top: 1px solid rgba(255, 255, 255, .12); display: grid; gap: 9px;
  max-width: 320px; }
.lg-carga .li { display: flex; align-items: baseline; gap: 13px; }
.lg-carga .v { flex: none; width: 46px; text-align: right; font-size: 22px;
  font-weight: 700; line-height: 1; color: #e8dcc0;
  font-variant-numeric: tabular-nums; }
.lg-carga .k { font-size: 12.5px; color: var(--txt-2); }



.lg-vids { display: grid; gap: 2px; }
.lg-vid { display: grid; grid-template-columns: 1fr 180px 80px; gap: 12px;
  align-items: center; padding: 7px 10px; border-radius: 9px;
  border: 1px solid transparent; color: var(--txt-2); text-decoration: none;
  font-size: 12.5px; }
.lg-vid:hover { border-color: var(--line-2); background: var(--bg-2); color: var(--txt); }
.lg-vid-t { color: var(--txt); overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.lg-vid-c { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-vid-n { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .lg-vid { grid-template-columns: 1fr 70px; }
  .lg-vid-c { display: none; }
}
.lg-vazio { margin: 0; font-size: 12.5px; color: var(--txt-2); }


.lg-nota { margin: 8px 0 0; font-size: 12px; color: var(--txt-2); line-height: 1.5; }
.lg-nota b { color: var(--txt); }


.lg-livre { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 0 12px; }










.lg-fila { display: flex; align-items: center; gap: 13px; padding: 14px 16px;
  border: 1px solid rgba(255, 176, 32, .45); border-radius: 13px;
  background: linear-gradient(180deg, rgba(255, 176, 32, .09), var(--bg-2)); }
.lg-fila-ico { width: 30px; height: 30px; flex: none; border-radius: 9px;
  background: rgba(255, 176, 32, .16); display: grid; place-items: center; }
.lg-fila-ico::before { content: ""; width: 17px; height: 17px;
  background: var(--accent-2);
  -webkit-mask: var(--lg-raio) center / contain no-repeat;
  mask: var(--lg-raio) center / contain no-repeat; }
.lg-fila-txt { display: grid; gap: 3px; flex: 1; min-width: 0; }
.lg-fila-txt b { font-size: 13.5px; color: var(--txt); }
.lg-fila-txt span { font-size: 12.5px; color: var(--txt-2); line-height: 1.5; }
.lg-fila-txt em { font-style: normal; color: var(--txt); font-weight: 650; }
.lg-fila-selo { flex: none; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--accent-2);
  border: 1px solid rgba(255, 176, 32, .5); border-radius: 20px; padding: 4px 10px; }
@media (prefers-reduced-motion: no-preference) {
  .lg-fila-selo { animation: lgPulso 1.1s ease-out 2; }
}
@keyframes lgPulso {
  0% { box-shadow: 0 0 0 0 rgba(255, 176, 32, .38); }
  100% { box-shadow: 0 0 0 10px rgba(255, 176, 32, 0); }
}
:root { --lg-raio: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M13 2 4 14h6l-1 8 9-12h-6z'/></svg>"); }
















.lg-dests { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
.lg-d { position: relative; display: block; width: 100%; text-align: left;
  overflow: hidden; padding: 9px 11px 10px; min-height: 76px; border: 0;
  border-radius: 8px; cursor: pointer; background: var(--bg-3);
  color: var(--txt-2); font: inherit; opacity: .5; }
.lg-d.on { opacity: 1; background: var(--bg-4); }
.lg-d.on::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; background: var(--accent-2); }
.lg-d .sg { position: absolute; right: 9px; top: 8px; font-size: 15px;
  font-weight: 700; letter-spacing: .06em; color: var(--txt); opacity: .17;
  line-height: 1; }
.lg-d .nm { display: block; font-size: 11.5px; font-weight: 500;
  letter-spacing: .03em; color: #b8b4ac; margin-bottom: 6px; }
.lg-d .lg-n { font-size: 20px; color: #b0a48f; }
.lg-d.on .lg-n { color: #e8dcc0; }
.lg-d .par { display: flex; gap: 14px; align-items: flex-start; }
.lg-d .par .peq .lg-n { font-size: 13px; color: #8d8479; }
.lg-d.on .par .peq .lg-n { color: #b8ac95; }
.lg-d .bar { display: block; height: 4px; margin-top: 8px; border-radius: 3px;
  background: rgba(255, 255, 255, .08); overflow: hidden; }
.lg-d .bar i { display: block; height: 100%; min-width: 5px; border-radius: 3px;
  background: #6b5a3a; }
.lg-d.on .bar i { background: var(--accent-2); }
.lg-d-mais { grid-column: 1 / -1; min-height: 0; padding: 8px 11px;
  text-align: center; background: none; box-shadow: inset 0 0 0 1px var(--line);
  opacity: .5; }
.lg-d-mais .nm { margin: 0; }
.lg-cota { border: 1px solid var(--line); border-radius: 8px;
  padding: 8px 10px 9px; background: var(--bg); display: grid; gap: 7px; }
.lg-cota-cab { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.lg-cota-cab b { font-size: 13px; color: var(--txt);
  font-variant-numeric: tabular-nums; }
.lg-cota-fez, .lg-cota-hora { font-size: 11.5px; color: var(--txt-3); }
.lg-cota-barra { height: 5px; border-radius: 4px; background: var(--bg-3);
  overflow: hidden; }
.lg-cota-barra i { display: block; height: 100%; background: var(--accent-2);
  border-radius: 4px; }
.lg-cota.perto .lg-cota-barra i { background: #e5a43b; }
.lg-cota.fim { border-color: #a4432f; }
.lg-cota.fim .lg-cota-barra i { background: #d9503a; }
.lg-cota.fim .lg-cota-cab b { color: #e88a76; }


















.ep-card-sub {
  margin: 3px 0 0; font-size: 12px; color: var(--txt-2); line-height: 1.4;
}



.ep-card-x {
  color: #ffd479; font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.ep-card-canal {
  display: flex; align-items: center; gap: 6px; margin: 5px 0 0;
  font-size: 11.5px; color: var(--txt-2); min-width: 0;
}
.ep-card-canal img, .ep-card-canal .ep-card-sem {
  width: 18px; height: 18px; border-radius: 50%; flex: 0 0 18px;
  object-fit: cover; background: var(--bg-4);
}
.ep-card-canal span {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.ep-card-canal b {
  color: var(--txt-3); font-weight: 400; flex: 0 0 auto;
}
.ep-card-canal b::before { content: "· "; }































.lg-porta { margin: 18px 0 22px; padding: 0; border: 0; }
.lg-porta > summary {
  






  display: inline-flex; align-items: center; gap: 9px;
  padding: 0 14px; height: 34px; margin: 0;
  



  border: 1px solid rgba(255, 176, 32, .28); border-radius: 10px;
  background: linear-gradient(180deg, var(--bg-3), var(--bg-2));
  cursor: pointer; list-style: none; user-select: none;
  position: relative; overflow: hidden;
  transition: border-color .16s, transform .16s, box-shadow .16s;
}
.lg-porta > summary::-webkit-details-marker { display: none; }
.lg-porta > summary:hover {
  border-color: var(--accent-2);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
}
.lg-porta > summary:focus-visible { outline: 2px solid var(--accent-2); outline-offset: 2px; }




.lg-porta .lg-ico {
  width: 22px; height: 22px; flex: none; border-radius: 7px;
  background: rgba(255, 176, 32, .12);
  display: grid; place-items: center;
  transition: transform .18s, background .18s;
}
.lg-porta .lg-ico::before {
  content: ""; width: 13px; height: 13px;
  background: var(--accent-2);
  -webkit-mask: var(--lg-globo) center / contain no-repeat;
  mask: var(--lg-globo) center / contain no-repeat;
}
.lg-porta > summary:hover .lg-ico { transform: rotate(12deg);
  background: rgba(255, 176, 32, .2); }

.lg-porta .lg-tit { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.lg-porta .lg-tit b { font-size: 14px; font-weight: 700; letter-spacing: -.2px;
  color: var(--txt); white-space: nowrap; }



.lg-porta .lg-tit span { font-size: 11.5px; color: var(--txt-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1100px) { .lg-porta .lg-tit span { display: none; } }
.lg-porta .lg-cresce { display: none; }
.lg-porta .lg-seta { flex: none; color: var(--txt-3); font-size: 15px; line-height: 1;
  transition: transform .2s, color .16s; }
.lg-porta > summary:hover .lg-seta { color: var(--accent-2); }
.lg-porta[open] > summary .lg-seta { transform: rotate(90deg); }



.lg-porta[open] > summary { border-color: var(--accent-2);
  background: linear-gradient(180deg, rgba(255, 176, 32, .14), var(--bg-2)); }



.lg-porta > summary::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%,
    rgba(255, 255, 255, .07) 48%, transparent 62%);
  transform: translateX(-120%);
}
@media (prefers-reduced-motion: no-preference) {
  .lg-porta > summary:hover::after { animation: lgBrilho .7s ease-out; }
}
@keyframes lgBrilho { to { transform: translateX(120%); } }




.lg-porta > .lg-dentro {
  margin-top: 10px;
  border: 1px solid rgba(255, 176, 32, .45); border-radius: 13px;
  padding: 14px 16px 16px; background: var(--bg-2);
}
@media (prefers-reduced-motion: no-preference) {
  .lg-porta[open] > .lg-dentro { animation: lgAbre .22s ease-out; }
}
@keyframes lgAbre {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

:root {
  
  --lg-globo: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18M12 3c2.6 2.7 2.6 15.3 0 18-2.6-2.7-2.6-15.3 0-18z'/></svg>");
}













.ah-motor {
  border: 1px solid var(--line); border-radius: 12px; background: var(--bg-2);
  padding: 11px 14px; margin: 0 0 11px;
}
.ah-motor[hidden] { display: none; }
.ah-mt-cab {
  display: flex; align-items: baseline; gap: 10px;
  margin-bottom: 9px; padding-bottom: 8px; border-bottom: 1px solid var(--line);
}
.ah-mt-cab b {
  font-size: 10.5px; letter-spacing: 1.7px; text-transform: uppercase;
  color: var(--ouro);
}
.ah-mt-cab i {
  font-style: normal; margin-left: auto; font-size: 11.5px; color: var(--txt-3);
}



.ah-mt-ln {
  




  display: grid; grid-template-columns: 240px 1fr 86px;
  gap: 12px; align-items: center; margin-bottom: 6px;
}
.ah-mt-ln:last-child { margin-bottom: 0; }
.ah-mt-rot { font-size: 12.5px; color: var(--txt-2); }
.ah-mt-bk { display: flex; gap: 2px; }
.ah-mt-bk i {
  flex: 1 1 auto; height: 10px; border-radius: 2px;
  background: var(--bg-3); border: 1px solid var(--line);
}
.ah-mt-bk i.on { background: var(--ouro); border-color: var(--ouro); }
.ah-mt-bk i.on.verde { background: var(--novo); border-color: var(--novo); }
.ah-mt-vl {
  text-align: right; font: 12.5px/1 ui-monospace, Consolas, monospace;
  color: var(--txt-3); font-variant-numeric: tabular-nums;
}
.ah-mt-vl b { color: var(--ouro); font-weight: 700; }



@media (max-width: 900px) {
  .ah-mt-ln { grid-template-columns: 1fr 86px; }
  .ah-mt-bk { grid-column: 1 / -1; }
}






















.ah-semente {
  



  border: 2px solid rgba(126, 226, 168, .62);
  border-radius: 13px;
  box-shadow: 0 0 20px rgba(126, 226, 168, .12);
}




.ah-pai-txt {
  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--novo);
}
.ah-pai-txt b { color: var(--novo); font-weight: 700; }




.ah-pai-n {
  position: static; transform: none; top: auto; left: auto;
  margin-left: auto; font-size: 11.5px; padding: 5px 12px;
  



  border-radius: 99px;
  display: inline-flex; align-items: baseline; gap: 6px;
}
.ah-pai-n b { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }




@media (max-width: 900px) {
  .ah-pai-n { margin-left: 0; }
}














.ah-ramo > .nf-card:first-child::after { top: -8px; }





















.lg-res .nf-grid + .lg-res-cab {
  margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line);
}














.ct-papel.ct-pedindo {
  outline: 2px solid var(--accent-2);
  outline-offset: 1px;
  background: rgba(255, 176, 32, .10);
}



















.ct-conta { display: block; }







.ct-conta-pe {
  width: 100%; margin-top: auto; padding-top: 8px;
  border-top: 1px solid var(--line);
  position: sticky; bottom: 0; z-index: 2;
  background: var(--bg-2);
}
.ct-conta-topo { display: inline-flex; margin-left: 2px; }

.ct-id {
  display: flex; align-items: center; gap: 10px; width: 100%;
  background: none; border: 1px solid transparent; border-radius: 9px;
  padding: 6px 8px; cursor: pointer; font: inherit; text-align: left;
  color: var(--txt-2);
}
.ct-id:hover { background: var(--bg-3); }


.ct-id.on { background: var(--bg-3); border-color: var(--line-2); }
.ct-id:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }

.ct-id-txt { flex: 1 1 auto; min-width: 0; }
.ct-id-txt b {
  display: block; font-size: 13px; font-weight: 600; color: var(--txt);
  line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}




.ct-id-txt span {
  display: block; font-size: 11px; color: var(--info); line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ct-id-seta { flex: 0 0 auto; color: var(--txt-3); font-size: 10px; line-height: 1; }























.ct-conta-topo .ct-id {
  width: auto; height: 30px; padding: 0 7px 0 3px; gap: 4px;
  border-radius: 999px;
}











.ct-conta-topo .ct-id:hover { background: var(--bg-4); }
.ct-conta-topo .ct-id.on { background: var(--bg-4); border-color: var(--line-2); }









.ct-conta-topo .pf-av { width: 22px; height: 22px; font-size: 10px; }

















.ct-lista {
  position: fixed; top: auto; right: auto; left: auto;
  width: 264px; max-width: calc(100vw - 16px);
  max-height: min(72vh, 520px); overflow-y: auto;
  background: var(--bg-3); border-color: var(--line-2);
  box-shadow: 0 16px 44px rgba(0, 0, 0, .66);
}


.ct-lista .tp-item:hover, .ct-lista .tp-item:focus-visible { background: var(--bg-4); }
.ct-lista .ct-plano { background: var(--bg-2); }


.ct-conta-topo .ct-lista {
  position: absolute; top: calc(100% + 8px); right: 0; left: auto;
}







.ct-lista { width: 280px; padding: 0 6px 6px; }
.ct-cab {
  display: flex; align-items: center; gap: 12px;
  margin: 0 -6px 6px; padding: 14px 14px 13px;
  background: var(--bg-2); border-bottom: 1px solid var(--line);
  border-radius: calc(var(--r) - 1px) calc(var(--r) - 1px) 0 0;
}
.ct-cab .pf-av { width: 38px; height: 38px; font-size: 14px; }
.ct-cab-txt { min-width: 0; flex: 1; }
.ct-cab-nome { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ct-cab-txt b {
  display: block; font-size: 14.5px; font-weight: 700; color: var(--txt);
  line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ct-cab-txt span {
  display: block; font-size: 12px; color: var(--txt-2); line-height: 1.4;
  margin-top: 1px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.ct-pilula {
  flex: none; font-style: normal; font-size: 10.5px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; line-height: 1;
  padding: 4px 7px 3px; border-radius: 999px;
  color: var(--info); background: color-mix(in srgb, var(--info) 15%, transparent);
}
.ct-cab-idade .ct-selo-foto { border: 0; padding: 0; font-size: 11px; }
.ct-lista .tp-item { gap: 11px; padding: 8px 10px; }
.ct-lista .tp-item + .tp-item { margin-top: 1px; }
.ct-lista .tp-txt b { font-size: 13.5px; font-weight: 500; }
.ct-ic { display: inline-flex; flex: none; color: var(--txt-2); }
.ct-ic svg { width: 17px; height: 17px; }
.ct-lista .tp-item:hover .ct-ic, .ct-lista .tp-item:focus-visible .ct-ic { color: var(--txt); }


.ct-sair .tp-txt b, .ct-sair .ct-ic { color: #ff8078; }



.ct-cab-teste { color: var(--accent-2) !important; }







.ct-sep { height: 1px; background: var(--line); margin: 6px -6px; }
.ct-sair:hover { background: rgba(228, 38, 38, .12); }
.ct-sair:hover .tp-txt b, .ct-sair:hover .ct-ic { color: #ff9a9a; }






















.cfg-tela {
  

  display: grid; grid-template-columns: 228px minmax(0, 1fr);
  gap: 0; align-items: start;
}







@media (max-width: 1080px) {
  .cfg-tela { grid-template-columns: 1fr; }
  .cfg-tela .cfg-indice {
    border-right: 0; border-bottom: 1px solid var(--line);
    padding: 0 0 10px; margin-bottom: 12px; position: static;
    flex-direction: row; flex-wrap: wrap; align-items: center;
  }
  .cfg-tela .cfg-indice button { width: auto; }
  .cfg-tela .cfg-indice .cfg-g { padding: 0 6px 0 0; }
}
.cfg-indice {
  display: flex; flex-direction: column; gap: 2px;
  padding: 0 12px 0 0; border-right: 1px solid var(--line);
  position: sticky; top: 74px;
}
.cfg-g {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--txt-3); font-weight: 700; padding: 12px 10px 5px;
}
.cfg-g:first-child { padding-top: 2px; }



.cfg-indice button {
  display: block; width: 100%; text-align: left;
  background: none; border: 0; border-radius: 9px;
  color: var(--txt-2); padding: 8px 10px; cursor: pointer;
  font-size: 13.5px; font-weight: 500; font-family: inherit;
}
.cfg-indice button:hover { background: var(--bg-3); }
.cfg-indice button.on {
  background: var(--bg-3); color: var(--txt); font-weight: 600;
  box-shadow: inset 2px 0 0 var(--accent);
}
.cfg-indice button:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.cfg-indice button[hidden] { display: none; }




.cfg-pane > .view { padding: 0; max-width: none; margin: 0; }



.cfg-pane > .view .view-head h1,
.cfg-pane > .view .page-head h1 { font-size: 20px; }
@media (max-width: 1080px) { .cfg-pane > .view { padding-left: 0; } }



















.pc-dono-local .lado-sec-casa { display: none; }
.lado-sec-dono { margin-top: auto; }
.pc-dono-local .lado-sec-dono .lado-itens {
  border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px;
}


html:not(.pc-dono-local) .lado-sec-dono { margin-top: 0; }


.cor-casa { --c: var(--txt); }
.cor-azul { --c: var(--info); }
.cor-verde { --c: var(--ok); }
.cor-roxo { --c: var(--purple); }
.cor-ambar { --c: var(--accent-2); }
.cor-neutro { --c: var(--txt-2); }
.cor-vermelho { --c: var(--tr-cor); }








.cfg-indice button {
  display: flex; align-items: center; gap: 10px;
  padding: 5px 10px; font-size: 14px; line-height: 22px;
}
#cfg-indice .cfg-g {
  font-size: 11px; font-weight: 400; letter-spacing: 1px; line-height: 13px;
  padding: 16px 10px 6px;
}
.cfg-ico {
  display: inline-grid; place-items: center; flex: none;
  width: 22px; height: 22px; border-radius: 6px;
  color: var(--c); background: color-mix(in srgb, var(--c) 16%, transparent);
}
.cfg-ico svg { width: 13px; height: 13px; }
.cfg-rot { flex: 1 1 auto; min-width: 0; }
.cfg-indice .sel-topo { flex: none; margin-left: auto; }


.cfg-dir { position: relative; min-width: 0; padding-left: 32px; }
@media (max-width: 1080px) { .cfg-dir { padding-left: 0; } }




.cfg-cab {
  padding: 5px 0 16px; margin: 0 0 22px;
  border-bottom: 1px solid var(--line);
}
.cfg-cab-linha { display: flex; align-items: center; gap: 10px; }
.cfg-cab h2 { font-size: 20px; font-weight: 700; line-height: 22px; margin: 0; letter-spacing: -.01em; }
.cfg-cab #cfg-cab-s { font-size: 13px; line-height: 19px; color: var(--txt-2); margin: 4px 0 0; }
.cfg-cab #cfg-cab-s:empty { display: none; }
.cfg-cab .nf-origem { margin-top: 10px; }




#cfg-pane > .view > .dsc-topo > div:first-child,
#cfg-pane > .view > .page-head > div:first-child,
#cfg-pane > .view > .view-head > h1,
#cfg-pane > .view > .view-head > p,
#cfg-pane > .view > .pc-sala { display: none; }


@media (min-width: 1081px) {
  #cfg-pane > .view > .dsc-topo,
  #cfg-pane > .view > .page-head {
    

    position: absolute; right: 0; margin: 0;
    top: calc(var(--cab-sobe, 96px) * -1);
    


    height: var(--cab-linha, 22px);
    

    display: flex; align-items: center; justify-content: flex-end;
  }
}





.dono-aviso {
  display: flex; align-items: center; gap: 14px; width: 100%; max-width: 1100px;
  margin: 0 0 28px; padding: 14px 18px 14px 14px;
  border: 1px solid color-mix(in srgb, var(--accent-2) 40%, transparent);
  border-radius: 12px; cursor: pointer; text-align: left;
  background: color-mix(in srgb, var(--accent-2) 8%, transparent);
  color: var(--txt); font-family: inherit;
  transition: background-color .18s cubic-bezier(.2, .8, .2, 1);
}
.dono-aviso:hover { background: color-mix(in srgb, var(--accent-2) 13%, transparent); }
.dono-aviso:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.dono-aviso-tx { flex: 1 1 auto; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dono-aviso-tx b { font-size: 15px; font-weight: 700; line-height: 20px; }
.dono-aviso-tx span { font-size: 13px; line-height: 18px; color: var(--txt-2); }
.dono-aviso-ir { flex: none; font-size: 13px; font-weight: 700; color: var(--accent-2); }





.dono-grade { columns: 2 340px; column-gap: 28px; max-width: 1100px; }
.dono-grupo { break-inside: avoid; margin: 0 0 28px; }

.dono-grupo h3 {
  font-size: 11px; letter-spacing: 1px; text-transform: uppercase;
  color: var(--txt-3); font-weight: 400; line-height: 13px; margin: 0 0 8px 15px;
}
.dono-lista {
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: 12px; overflow: hidden;
}
.dono-linha {
  display: flex; align-items: center; gap: 13px; width: 100%;
  padding: 10px 14px; border: 0; border-top: 1px solid var(--line);
  background: none; color: var(--txt); text-align: left; cursor: pointer;
  font-family: inherit;
  transition: background-color .15s cubic-bezier(.2, .8, .2, 1);
}
.dono-linha:first-child { border-top: 0; }
.dono-linha:hover { background: var(--bg-3); }
.dono-linha:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; }
.dono-ico {
  display: inline-grid; place-items: center; flex: none;
  width: 32px; height: 32px; border-radius: 9px;
  color: var(--c); background: color-mix(in srgb, var(--c) 16%, transparent);
}
.dono-ico svg { width: 16px; height: 16px; }
.dono-tx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }


.dono-tx b { font-size: 14px; font-weight: 600; line-height: 18px; }
.dono-tx span {
  font-size: 12.5px; line-height: 16px; color: var(--txt-3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dono-linha .sel-topo { flex: none; margin: 0; }
.dono-seta { flex: none; display: inline-grid; color: var(--txt-3); }
.dono-seta svg { width: 14px; height: 14px; }
.dono-linha:hover .dono-seta { color: var(--txt-2); }





.cfg-voltar { display: none; }
@media (max-width: 1080px) {
  .cfg-tela .cfg-indice { display: none; }
  .cfg-voltar:not([hidden]) {
    display: inline-flex; align-items: center; gap: 4px;
    margin: 0 0 10px -4px; padding: 4px 8px 4px 4px;
    background: none; border: 0; border-radius: var(--r-ctl);
    color: var(--txt-2); font: 600 13px/1 var(--fonte); cursor: pointer;
  }
  .cfg-voltar:hover { color: var(--txt); background: var(--bg-3); }
  .cfg-voltar:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
  .cfg-voltar svg { width: 15px; height: 15px; }
}






@media (max-width: 1400px) {
  #cfg-pane .pp-resumo { grid-template-columns: minmax(0, 1fr) auto; }
  #cfg-pane .pp-resumo .pp-busca { grid-column: 1 / -1; }
  #cfg-pane #n-lista { overflow-x: auto; }
}

















.av-aula { text-align: left; }


.av-faixa {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 24px;
  align-items: center;
  background:
    radial-gradient(900px 140px at 0% 0%, rgba(255, 176, 32, .07), transparent 70%),
    var(--bg-2);
  border: 1px solid var(--line); border-left: 3px solid var(--accent-2);
  border-radius: var(--r); padding: 12px 18px;
}
.av-faixa h2 { font-size: 18px; font-weight: 700; letter-spacing: -.3px; margin: 0; }
.av-faixa > div > p { color: var(--txt-2); font-size: 13.5px; margin: 5px 0 0; max-width: 84ch; }
.av-faixa > div > p b { color: var(--txt); font-weight: 600; }
.av-faixa p.av-segunda { margin-top: 5px; font-size: 12.5px; color: var(--txt-3); }
.av-faixa p.av-segunda b { color: var(--txt-2); }
.av-gesto { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }


.av-gesto-linha { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.av-dica { color: var(--txt-3); max-width: 46ch; margin: 0; font-size: 11.5px; line-height: 1.35; }
.av-dica b { color: var(--txt-2); }
@media (max-width: 1040px) {
  .av-faixa { grid-template-columns: 1fr; }
  .av-gesto { align-items: flex-start; text-align: left; }
  .av-dica { max-width: none; }
}





.av-bif {
  display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1.3fr);
  align-items: stretch; margin-top: 8px;
}





.av-elo {
  position: relative; background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 8px 13px 9px;
}
.av-elo b { display: block; font-size: 12.5px; color: var(--txt-2); font-weight: 600; line-height: 1.3; }
.av-elo span { display: block; font-size: 11.5px; color: var(--txt-3); margin-top: 2px; line-height: 1.35; }
.av-elo span em { font-style: normal; color: var(--txt-2); font-weight: 600; }

.av-elo.aqui {
  border-color: #4a3a1c; border-left: 2px solid var(--accent-2);
  background: linear-gradient(180deg, rgba(255, 176, 32, .07), transparent 70%), var(--bg-2);
}
.av-elo.aqui b { color: var(--txt); }
.av-raiz { display: flex; flex-direction: column; justify-content: center; }
.av-bracos { display: flex; flex-direction: column; gap: 6px; }
.av-bracos > .av-elo { flex: 1 1 0; }
.av-forq { position: relative; }
.av-forq i { position: absolute; background: var(--line-2); }
.av-forq .v { left: 14px; top: 24%; bottom: 24%; width: 1px; }
.av-forq .h0 { left: 0; top: 50%; width: 14px; height: 1px; }
.av-forq .h1 { left: 14px; top: 24%; right: 0; height: 1px; }
.av-forq .h2 { left: 14px; bottom: 24%; right: 0; height: 1px; }

















.av-bif:has(> .av-portas) > .av-portas { grid-column: 1; grid-row: 1; }
.av-bif:has(> .av-portas) > .av-raiz   { grid-column: 1; grid-row: 2; }
.av-bif:has(> .av-portas) > .av-forq   { grid-column: 2; grid-row: 2; }
.av-bif:has(> .av-portas) > .av-bracos { grid-column: 3; grid-row: 2; }
.av-portas-fila { display: grid; gap: 5px; }
.av-porta {
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
  background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r-ctl); padding: 6px 11px;
}
.av-porta b { font-size: 12.5px; font-weight: 600; color: var(--txt-2); line-height: 1.3; }
.av-porta span { font-size: 11.5px; color: var(--txt-3); line-height: 1.35; }
.av-junta { position: relative; height: 12px; }
.av-junta .v {
  position: absolute; left: 17px; top: 0; bottom: 0; width: 1px;
  background: var(--line-2);
}

@media (max-width: 900px) {
  .av-bif { grid-template-columns: 1fr; }
  .av-forq { display: none; }
  .av-bracos { margin-top: 8px; }
  

  .av-bif:has(> .av-portas) > .av-portas,
  .av-bif:has(> .av-portas) > .av-raiz,
  .av-bif:has(> .av-portas) > .av-bracos { grid-column: 1; grid-row: auto; }
}


.av-previa {
  margin-top: 10px; border: 1px dashed #4a4443; border-radius: var(--r);
  padding: 24px 12px 12px; position: relative;
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, .012) 0 10px, transparent 10px 20px),
    var(--bg);
}
.av-previa-selo {
  position: absolute; top: -10px; left: 16px;
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--bg); border: 1px solid #4a3a1c; border-radius: 20px;
  padding: 3px 12px; font-size: 11px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: var(--accent-2);
}
.av-previa-selo i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent-2); flex: none; }
.av-previa-nota {
  position: absolute; top: -9px; right: 16px; background: var(--bg); padding: 0 8px;
  font-size: 11.5px; color: var(--txt-3);
}
@media (max-width: 820px) { .av-previa-nota { display: none; } }






.av-corpo { min-width: 0; position: relative; filter: saturate(.72); opacity: .9; pointer-events: none; }




.av-corpo, .av-corpo * { cursor: default; }
.av-corpo .nf-card:hover { border-color: var(--line); }

.av-tira {
  position: relative; height: 46px; margin-top: 8px; overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--r); background: var(--bg-2);
  display: flex; align-items: center; gap: 10px; padding: 0 16px;
}
.av-tira::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 4%, var(--bg) 96%); }
.av-tira i { background: var(--bg-4); flex: none; }
.av-tira .av { width: 26px; height: 26px; border-radius: 50%; }
.av-tira .b1 { width: 130px; height: 9px; border-radius: 5px; }
.av-tira .b2 { width: 76px; height: 9px; border-radius: 5px; }
.av-tira span { position: relative; z-index: 1; margin-left: auto; font-size: 12px; color: var(--txt-3); }


.av-palco { position: relative; }





.av-palco[data-modo="fios"] {
  display: grid; grid-template-columns: minmax(0, 1fr) 214px; gap: 0 18px; align-items: start;
}
.av-palco[data-modo="lista"] { display: block; }
.av-gutter { position: relative; min-width: 0; }
.av-palco[data-modo="lista"] .av-gutter {
  margin-top: 16px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr)); gap: 9px;
}
.av-fios { position: absolute; inset: 0; pointer-events: none; overflow: visible; }
.av-palco[data-modo="lista"] .av-fios { display: none; }
.av-fio { fill: none; stroke-width: 1.25; }

.av-et {
  background: var(--bg-2); border: 1px solid var(--line);
  border-left: 2px solid var(--accent-2);
  border-radius: 9px; padding: 7px 10px 8px 30px; position: relative;
}
.av-palco[data-modo="fios"] .av-et { position: absolute; left: 0; right: 0; }
.av-et-n {
  position: absolute; left: 7px; top: 7px;
  width: 17px; height: 17px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; color: #241a05; background: var(--accent-2);
}





.av-ponto { fill: var(--accent-2); }
.av-et > b { display: block; font-size: 12px; font-weight: 700; color: var(--txt); line-height: 1.28; }
.av-et > span { display: block; font-size: 11.5px; color: var(--txt-2); line-height: 1.33; margin-top: 2px; }
.av-et > span b { color: var(--txt); font-weight: 700; }




.av-bolas { position: absolute; inset: 0; pointer-events: none; }
.av-anc {
  position: absolute; width: 17px; height: 17px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; font-style: normal;
  color: #241a05; background: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(255, 176, 32, .13);
}













.av-mq-cx { margin: 8px 0 0; padding: 0; }




.av-mq { display: block; width: 100%; max-width: 1040px; height: auto; }

.av-mq .av-cx { fill: var(--bg-3); stroke: var(--line-2); stroke-width: 1.3; }
.av-mq .av-est-off .av-cx { fill: #191716; stroke-dasharray: 5 5; }


.av-mq .av-est-on .av-cx { fill: #201a19; stroke: var(--accent); stroke-width: 1.8; }
.av-mq .av-est-off { opacity: .72; }





.av-mq .av-est-aqui .av-cx { stroke-width: 1.7; }
.av-mq .av-num { fill: var(--bg-4); stroke: var(--line-2); stroke-width: 1.2; }
.av-mq .av-est-on .av-num { fill: var(--accent); stroke: var(--accent); }
.av-mq .av-num-t { fill: var(--txt-2); font-size: 13px; font-weight: 700; text-anchor: middle; }
.av-mq .av-est-on .av-num-t { fill: #fff; }
.av-mq .av-tit { fill: var(--txt); font-size: 15px; font-weight: 700; }
.av-mq .av-lin { fill: var(--txt-2); font-size: 12.5px; }
.av-mq .av-cap { fill: var(--txt-3); font-size: 12px; }
.av-mq .av-quando { fill: var(--bg-4); stroke: var(--line-2); stroke-width: 1; }
.av-mq .av-quando-t { fill: var(--txt-2); font-size: 11.5px; text-anchor: middle; }
.av-mq .av-lua { fill: var(--txt-2); }
.av-mq .av-sol { fill: none; stroke: var(--txt-2); stroke-width: 1.3; stroke-linecap: round; }
.av-mq .av-fio { fill: none; stroke: var(--line-2); stroke-width: 1.6; stroke-dasharray: 4 5; }


.av-mq .av-fio-rot {
  fill: var(--txt-3); font-size: 12px; text-anchor: middle;
  paint-order: stroke; stroke: var(--bg-2); stroke-width: 3.6; stroke-linejoin: round;
}
.av-mq .av-pt { fill: var(--novo); }
.av-mq .av-halo { fill: none; stroke: var(--novo); stroke-width: 2; opacity: 0; }
@keyframes avHalo { 0%, 80% { opacity: 0; } 93% { opacity: .6; } 100% { opacity: 0; } }
.av-mq .av-halo-1 { animation: avHalo 3s linear infinite; }
.av-mq .av-halo-2 { animation: avHalo 3.4s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .av-mq .av-halo { animation: none; }
  .av-mq .av-pt { display: none; }
}


@keyframes avEntra { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
@keyframes avRisca { to { stroke-dashoffset: 0; } }
@keyframes avBola { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
.av-palco.anima .av-et { animation: avEntra .42s cubic-bezier(.2, .7, .3, 1) both; }
.av-palco.anima .av-anc { animation: avBola .3s cubic-bezier(.2, 1.5, .5, 1) both; }
.av-palco.anima .av-fio { animation: avRisca .5s ease-out both; }
@media (prefers-reduced-motion: reduce) {
  .av-palco.anima .av-et,
  .av-palco.anima .av-anc,
  .av-palco.anima .av-fio { animation: none; opacity: 1; transform: none; stroke-dashoffset: 0; }
}














.empty-state:has(.av-aula) { text-align: left; padding: 0; }




.vgrid:has(> .av-aula),
.vgrid:has(> .av-aula-slot) { display: block; }







#cfg-pane #cn-abas { display: none; }

.cfg-voce { display: contents; }
@media (max-width: 1080px) { .cfg-tela .cfg-voce { display: contents; } }






























#view-galeria:has(.av-aula) .presets,
#view-galeria:has(.av-aula) .nf-regua,
#view-galeria:has(.av-aula) .nf-mais-chips,
#view-galeria:has(.av-aula) .nf-rodape,
#view-galeria:has(.av-aula) .barra-filtros,
#view-galeria:has(.av-aula) [data-limpar-filtros],
#view-meus_outliers:has(.av-aula) .presets,
#view-meus_outliers:has(.av-aula) .nf-regua,
#view-meus_outliers:has(.av-aula) .nf-mais-chips,
#view-meus_outliers:has(.av-aula) .nf-rodape,
#view-meus_outliers:has(.av-aula) .barra-filtros,
#view-meus_outliers:has(.av-aula) [data-limpar-filtros],
#view-achados:has(.av-aula) #ah-de,




#view-achados:has(.av-aula) #ah-videos-cx .presets,
#view-achados:has(.av-aula) #ah-videos-cx .nf-regua,
#view-achados:has(.av-aula) #ah-videos-cx .nf-mais-chips,
#view-achados:has(.av-aula) #ah-videos-cx .nf-rodape,
#view-achados:has(.av-aula) #ah-videos-cx .barra-filtros,
#view-achados:has(.av-aula) #ah-videos-cx [data-limpar-filtros],





#view-achados:has(.av-aula) #ah-videos-cx #ol-corte { display: none; }





#cs-corpo .cn-item {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 2px; border-top: 1px solid var(--line);
}
#cs-corpo .cn-item:first-child { border-top: 0; }
#cs-corpo .cn-item-tx { flex: 1 1 auto; min-width: 0; }
#cs-corpo .cn-item-tx b { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; }
#cs-corpo .cn-item-tx span { display: block; font-size: 12px; color: var(--txt-3); margin-top: 2px; }
#cs-corpo .cn-ico { width: 14px; height: 14px; color: var(--txt-3); }
#cs-corpo .cn-apagado { color: var(--txt-3); font-weight: 400; }












.cn-liga {
  flex: 0 0 auto; width: 38px; height: 22px; border-radius: 12px;
  background: var(--bg-4); border: 1px solid var(--line-2);
  position: relative; cursor: pointer; padding: 0; margin-top: 2px;
}
.cn-liga i {
  position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
  border-radius: 50%; background: var(--txt-3); transition: left .14s ease;
}
.cn-liga.on { background: rgba(46, 204, 113, .3); border-color: rgba(46, 204, 113, .5); }
.cn-liga.on i { left: 18px; background: var(--ok); }
.cn-liga:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.cn-liga:disabled { opacity: .6; cursor: default; }
@media (prefers-reduced-motion: reduce) { .cn-liga i { transition: none; } }











#view-extensao { padding-bottom: 40px; }
.xg { max-width: 1180px; display: grid; gap: 22px; }


.xg-topo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 28px; align-items: center; padding: 26px; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: 16px; }
@media (max-width: 980px) { .xg-topo { grid-template-columns: minmax(0, 1fr); } }
.xg-estado { display: inline-flex; align-items: center; gap: 8px; padding: 4px 11px;
  border-radius: 999px; border: 1px solid var(--line-2); font-size: 12.5px; color: var(--txt-2); }
.xg-estado i { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--txt-3); }
.xg-estado.ok i { background: var(--ok); box-shadow: 0 0 0 3px rgba(46, 204, 113, .18); }
.xg-estado.falta { color: var(--txt); border-color: rgba(228, 38, 38, .45); }
.xg-estado.falta i { background: var(--accent); }
.xg-topo h3 { margin: 14px 0 8px; font-size: 26px; line-height: 1.15; letter-spacing: -.02em;
  font-weight: 800; text-wrap: balance; }
.xg-topo-tx > p { margin: 0; color: var(--txt-2); font-size: 14.5px; line-height: 1.55; max-width: 52ch; }
.xg-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.xg-acoes .btn { display: inline-flex; align-items: center; gap: 8px; }
.xg-chrome img { width: 18px; height: 18px; flex: none; padding: 1px; border-radius: 50%; background: #fff; }
.xg-topo-tx > p.xg-miudo { margin-top: 12px; font-size: 12.5px; color: var(--txt-3); }




.xg-vit { margin: 0; display: grid; gap: 12px; min-width: 0; outline: none; }
.xg-vit-janela { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border-radius: 12px;
  border: 1px solid var(--line-2); background: var(--bg-3); touch-action: pan-y;
  box-shadow: 0 18px 40px -24px rgba(0, 0, 0, .7); }
.xg-vit-trilho { display: flex; height: 100%; transition: transform .75s cubic-bezier(.16, 1, .3, 1);
  will-change: transform; }
.xg-vit-trilho img { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; display: block;
  user-select: none; -webkit-user-drag: none; }


.xg-vit-leg { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  min-height: 66px; }
.xg-vit-tx { min-width: 0; animation: xg-vit-chega .45s cubic-bezier(.16, 1, .3, 1) both; }
.xg-vit-tit { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.xg-vit-tit b { font-size: 15.5px; font-weight: 700; letter-spacing: -.01em; color: var(--txt); }
.xg-vit-tx p { margin: 3px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--txt-2); }
.xg-vit-nav { display: flex; gap: 6px; flex: none; }
.xg-vit-nav button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0;
  border-radius: 50%; border: 1px solid var(--line-2); background: transparent; color: var(--txt-2);
  cursor: pointer; transition: color .15s, border-color .15s, background .15s; }
.xg-vit-nav button:hover { color: var(--txt); border-color: var(--txt-3); background: var(--bg-3); }
.xg-vit-marcas { display: flex; gap: 6px; }
.xg-vit-marcas button { flex: 1; min-width: 0; padding: 7px 0; border: 0; background: none; cursor: pointer; }
.xg-vit-marcas i { position: relative; display: block; height: 3px; overflow: hidden; border-radius: 2px;
  background: var(--line-2); }
.xg-vit-marcas i::after { content: ""; position: absolute; inset: 0; transform: scaleX(0);
  transform-origin: left; background: var(--txt-3); }
.xg-vit-marcas button:hover i { background: var(--txt-3); }
.xg-vit-marcas .feito i::after { transform: scaleX(1); }
.xg-vit-marcas .on i::after { background: var(--txt);
  animation: xg-vit-enche var(--xg-vit-ms, 6s) linear forwards; }
.xg-vit.pausa .xg-vit-marcas .on i::after { animation-play-state: paused; }
.xg-vit :focus-visible, .xg-vit:focus-visible .xg-vit-janela { outline: 2px solid var(--accent);
  outline-offset: 2px; }
@keyframes xg-vit-enche { to { transform: scaleX(1); } }
@keyframes xg-vit-chega { from { opacity: 0; transform: translateY(4px); } }
@media (max-width: 520px) {
  .xg-vit-leg { min-height: 140px; }
  .xg-vit-nav button { width: 44px; height: 44px; }
  .xg-vit-marcas button { padding: 10px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .xg-vit-trilho { transition: none; }
  .xg-vit-tx { animation: none; }
  .xg-vit-marcas .on i::after { animation: none; transform: scaleX(1); }
}


.xg-instalar { background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; }
.xg-instalar > summary { display: flex; align-items: center; gap: 10px; padding: 14px 18px;
  cursor: pointer; list-style: none; font-size: 14.5px; font-weight: 600; }
.xg-instalar > summary::-webkit-details-marker { display: none; }
.xg-instalar > summary::after { content: ""; margin-left: auto; width: 7px; height: 7px;
  border-right: 2px solid var(--txt-2); border-bottom: 2px solid var(--txt-2);
  transform: rotate(45deg); transition: transform .2s; }
.xg-instalar[open] > summary::after { transform: rotate(-135deg); }
.xg-instalar > summary:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; border-radius: 14px; }
.xg-instalar-corpo { max-width: 74ch; padding: 0 18px 18px; }


.xg-sec-cab { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin-bottom: 12px; }
.xg-sec-cab h3 { margin: 0; font-size: 18px; font-weight: 700; }
.xg-conta { font-size: 13px; color: var(--txt-2); font-variant-numeric: tabular-nums; }
#xg-padrao { margin-left: auto; }
.xg-onde-liga { margin: 0 0 12px; font-size: 13px; color: var(--txt-2); }
.xg-onde-liga b { color: var(--txt); font-weight: 600; }
.xg-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.xg-fn { display: flex; flex-direction: column; gap: 8px; padding: 14px 14px 12px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px;
  transition: border-color .2s; }
.xg-fn:hover { border-color: var(--line-2); }
.xg-fn header { display: flex; align-items: flex-start; gap: 8px; }
.xg-fn header b { flex: 1 1 auto; min-width: 0; font-size: 14px; font-weight: 700; line-height: 1.3; }
.xg-selo { flex: none; padding: 2px 8px; border: 1px solid var(--line-2); border-radius: 999px;
  background: none; color: var(--txt-2); font: 600 11.5px/1.5 var(--fonte); }
.xg-selo.lite { color: var(--txt); border-color: rgba(228, 38, 38, .45); }
button.xg-selo { cursor: pointer; }
button.xg-selo:hover { background: var(--bg-3); }
button.xg-selo:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.xg-liga-lugar { flex: none; display: flex; }
.xg-liga-lugar:empty { display: none; }
.xg-fn p { flex: 1 1 auto; margin: 0; font-size: 13px; line-height: 1.45; color: var(--txt-2);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.xg-fn footer { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.xg-fn footer .btn { display: inline-flex; align-items: center; gap: 6px; }

.xg-fn footer a.btn, .xg-acoes a.btn:not(.primary) { color: var(--txt); }
.xg-fn.xg-off header b, .xg-fn.xg-off p { color: var(--txt-3); }


.xg-plano { display: flex; align-items: center; gap: 18px; padding: 18px 20px;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 14px; }
.xg-plano > div { flex: 1 1 auto; min-width: 0; }
.xg-rot { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; color: var(--txt-3); }
.xg-plano b { display: block; margin-top: 2px; font-size: 18px; }
.xg-plano p { margin: 4px 0 0; font-size: 13px; color: var(--txt-2); }
@media (max-width: 600px) { .xg-plano { flex-direction: column; align-items: flex-start; } }


.xg-perg { display: grid; gap: 8px; max-width: 860px; }
.xg-perg details { background: var(--bg-2); border: 1px solid var(--line); border-radius: 12px; }
.xg-perg summary { padding: 13px 16px; cursor: pointer; list-style: none; font-size: 14px; font-weight: 600; }
.xg-perg summary::-webkit-details-marker { display: none; }
.xg-perg summary:focus-visible { outline: 2px solid var(--info); outline-offset: -2px; border-radius: 12px; }
.xg-perg p { margin: 0; padding: 0 16px 14px; font-size: 13.5px; line-height: 1.55; color: var(--txt-2); }
.xg-perg p b { color: var(--txt); font-weight: 600; }


.xg-foto-modal { width: min(980px, calc(100vw - 32px)); max-width: none; }
.xg-foto { margin: 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--line-2); }
.xg-foto img { display: block; width: 100%; height: auto;
  max-height: calc(100vh - 190px); object-fit: contain; background: var(--bg); }






#cn-2fa-corpo footer { display: flex; align-items: center; gap: 12px;
  flex-wrap: wrap; margin: 12px 0 10px; }
#cn-2fa-corpo footer .cn-recado { margin-right: auto; }
#cn-2fa-corpo footer .btn:first-of-type { margin-left: auto; }
.cn-2fa-passos { margin: 0 0 10px; padding-left: 20px; color: var(--txt-2);
  line-height: 1.6; }
.cn-2fa-qr { display: block; width: max-content; margin: 10px 0 6px;
  padding: 8px; background: #fff; border-radius: 8px; }
.cn-2fa-qr svg { display: block; width: 200px; height: 200px; }
.cn-2fa-codigos { margin: 10px 0; padding: 12px 16px; columns: 2;
  font: 600 15px/1.8 ui-monospace, Consolas, monospace; color: var(--txt);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 8px; }









#cb-corpo { --cb-raio: 12px; max-width: 1080px; }
#cb-corpo h3 { font-size: 17px; font-weight: 800; letter-spacing: -.01em; margin: 0 0 12px; }
#cb-corpo h3 span { color: var(--txt-3); font-weight: 600; }


.cb-estado { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  padding: 0 0 16px; margin: 0 0 18px; border-bottom: 1px solid var(--line); font-size: 13px; }
.cb-modo { font-weight: 700; color: var(--txt); padding: 4px 10px; border-radius: 999px;
  border: 1px solid var(--line-2); background: var(--bg-3); }
.cb-modo-real { color: #06240f; background: var(--ok); border-color: var(--ok); }
.cb-modo-diz { color: var(--txt-2); }
.cb-gws { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.cb-gw { display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px; border-radius: 999px;
  font-size: 12.5px; font-weight: 600; color: var(--txt); background: var(--bg-2); border: 1px solid var(--line); }
.cb-gw i, .cb-st i, .cb-av-fez i { width: 7px; height: 7px; border-radius: 50%; flex: none; background: var(--txt-3); }
.cb-gw-ok i { background: var(--ok); }
.cb-gw-falta { color: #ff9a9a; border-color: rgba(228,38,38,.35); }
.cb-gw-falta i { background: var(--accent); }


.cb-url { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 12px 14px 12px 16px; margin: 0 0 26px; background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--cb-raio); }
.cb-url-diz { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.cb-url-diz span { color: var(--txt-2); font-size: 12.5px; }
.cb-url-cod { flex: 1 1 280px; min-width: 0; overflow-wrap: anywhere; padding: 7px 10px;
  border-radius: 8px; background: var(--bg-3); border: 1px solid var(--line);
  font: 500 12.5px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--txt); }


.cb-plano { margin: 0 0 28px; }
.cb-ofs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr)); gap: 12px;
  align-items: start; }
.cb-of { background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--cb-raio);
  transition: border-color .18s ease; }
.cb-of[open] { border-color: var(--line-2); }
.cb-of-vazio:not([open]) { background: transparent; border-style: dashed; }
.cb-of-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 13px 16px; cursor: pointer;
  list-style: none; border-radius: var(--cb-raio); }
.cb-of-cab::-webkit-details-marker { display: none; }
.cb-of-cab:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.cb-of-nome { font-weight: 800; font-size: 15px; color: var(--txt); }
.cb-of-abre { margin-left: auto; display: inline-flex; align-items: center; gap: 8px;
  font-size: 12.5px; font-weight: 600; color: var(--txt-2); }

.cb-of-abre::after { content: ""; width: 7px; height: 7px; border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor; transform: translateY(-2px) rotate(45deg);
  transition: transform .2s cubic-bezier(.2,.8,.2,1); }
.cb-of[open] .cb-of-abre::after { transform: translateY(1px) rotate(-135deg); }
.cb-of-cab:hover .cb-of-abre { color: var(--txt); }


.cb-st { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600;
  padding: 3px 10px 3px 9px; border-radius: 999px; color: var(--txt-2); background: var(--bg-3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.cb-st-ok { color: #8ff0b6; background: rgba(46,204,113,.12); }
.cb-st-ok i { background: var(--ok); }
.cb-st-pronto { color: var(--txt); }
.cb-st-pronto i { background: var(--txt); }
.cb-st-falta { color: #ff9a9a; background: rgba(228,38,38,.12); }
.cb-st-falta i { background: var(--accent); }
.cb-st-vazio { background: transparent; padding-left: 0; }


.cb-of-corpo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 12px; padding: 2px 16px 14px; }
.cb-f { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 12px;
  font-weight: 600; color: var(--txt-2); }
.cb-f[hidden] { display: none; }
.cb-f small { font-weight: 500; color: var(--txt-3); }
.cb-f-larga { grid-column: 1 / -1; }
.cb-f .ct-campo { width: 100%; height: 36px; font-size: 13px; padding: 6px 10px; }
.cb-f .ct-campo:focus, .cb-preco:focus-within { outline: none; border-color: var(--txt-3);
  box-shadow: 0 0 0 3px rgba(255,255,255,.06); }
.cb-mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12.5px !important; }
.cb-preco { display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 10px;
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 7px; }
.cb-preco em { font-style: normal; font-size: 12.5px; color: var(--txt-3); font-weight: 600; }
.cb-preco input { flex: 1; min-width: 0; width: 100%; border: 0; outline: 0; background: transparent;
  color: var(--txt); font-family: inherit; font-size: 16px; font-weight: 800; line-height: 1;
  font-variant-numeric: tabular-nums; }
.cb-preco input::placeholder { color: var(--txt-3); font-weight: 500; font-size: 13px; }
.cb-selo-diz { margin: 0; font-size: 13px; line-height: 1.5; color: var(--txt-2); }
.cb-selo-diz b { color: var(--txt); }


.cb-of-pe { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--line); }
.cb-of-pe-diz { font-size: 12.5px; color: var(--txt-3); }
.cb-venda { display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  font-size: 13px; font-weight: 600; color: var(--txt); }
.cb-venda input { appearance: none; -webkit-appearance: none; margin: 0; flex: none; position: relative;
  width: 36px; height: 21px; border-radius: 999px; background: var(--line-2); cursor: pointer;
  transition: background .2s ease; }
.cb-venda input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px;
  border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4);
  transition: transform .22s cubic-bezier(.2,.8,.2,1); }
.cb-venda input:checked { background: var(--ok); }
.cb-venda input:checked::after { transform: translateX(15px); }
.cb-venda input:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }

.cb-sujo [data-cb-salvar] { background: var(--accent); border-color: var(--accent); color: #fff; }
.cb-sujo [data-cb-salvar]:hover { background: #c81f1f; border-color: #c81f1f; }

.cb-regra { margin: -12px 0 30px; max-width: 72ch; font-size: 12.5px; line-height: 1.55; color: var(--txt-3); }
.cb-regra b { color: var(--txt-2); }


.cb-avisos-sec { padding-top: 22px; border-top: 1px solid var(--line); }
.cb-vazio { margin: 0; font-size: 13px; color: var(--txt-2); max-width: 64ch; }
.cb-avisos { width: 100%; border-collapse: collapse; font-size: 13px; }
.cb-avisos th { text-align: left; font-size: 11.5px; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; color: var(--txt-3); padding: 0 12px 8px 0; }
.cb-avisos td { padding: 10px 12px 10px 0; border-top: 1px solid var(--line); vertical-align: top; }
.cb-avisos small { display: block; margin-top: 2px; font-size: 12px; color: var(--txt-3); }
.cb-av-data { white-space: nowrap; color: var(--txt-2); font-variant-numeric: tabular-nums; width: 1%; }
.cb-av-quem { color: var(--txt); overflow-wrap: anywhere; }
.cb-av-fez { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--txt); }
.cb-av-ok .cb-av-fez i { background: var(--ok); }
.cb-av-mal .cb-av-fez i { background: var(--accent); }
.cb-av-olhe .cb-av-fez { color: #ff9a9a; }
.cb-av-olhe .cb-av-fez i { background: var(--accent); }

@media (max-width: 720px) {
  .cb-gws { margin-left: 0; }
  .cb-url-cod { flex-basis: 100%; }
  .cb-ofs { grid-template-columns: 1fr; }
  .cb-of-corpo { grid-template-columns: 1fr; }
  .cb-avisos thead { display: none; }
  .cb-avisos tr { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px;
    padding: 10px 0; border-top: 1px solid var(--line); }
  .cb-avisos td { border: 0; padding: 0; }
  .cb-avisos td:last-child { grid-column: 1 / -1; }
  
  .cb-avisos td.cb-av-comprou { grid-column: 1 / -1; }
}
.porta-assinar { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 10px; }
.porta-assinar .btn { width: 100%; min-height: 44px; }
.porta-assinar-diz { margin: 14px 0 0; font-size: 13.5px; color: var(--txt-2); }
.cn-ass { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0 0 14px; }
.cn-ass dt { color: var(--txt-2); font-size: 13px; }
.cn-ass dd { margin: 0; color: var(--txt); font-size: 14px; }








.porta.tem-vitrine { grid-template-columns: minmax(420px, 44%) minmax(0, 1fr); }
.porta-cx.porta-cx-nova {
  width: min(380px, 100%); gap: 14px; background: none; border: 0; box-shadow: none;
  padding: 8px 0;
}
.porta-marca { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.porta-marca svg { width: 34px; height: 34px; flex: none; }
.porta-marca span { font: 800 18px/1 var(--fonte, "Figtree", sans-serif); letter-spacing: -.01em; color: var(--txt); }
.porta-cx .porta-h {
  margin: 0; font-size: 32px; line-height: 1.12; font-weight: 800; letter-spacing: -.02em;
  color: var(--txt); text-wrap: balance;
}
.porta-cx-nova .porta-diz { margin: 0 0 10px; font-size: 15px; line-height: 1.5; color: var(--txt-2); }
.porta-cx-nova #p-google { margin: 6px 0 2px; }
.porta-cx-nova #p-google-bt { display: flex; justify-content: flex-start; }
.porta-cx .porta-miuda { margin: 0; font-size: 12.5px; color: var(--txt-2); }
.porta-cx-nova .porta-legal { margin: 0; }
.porta-cx .porta-troca { margin: 14px 0 0; padding-top: 16px; border-top: 1px solid var(--line); font-size: 14px; color: var(--txt-2); }
.porta-cx .porta-troca button {
  min-height: 0; padding: 0; margin-left: 4px; border: 0; background: none; cursor: pointer;
  font: inherit; font-weight: 700; color: #ff6b6b;
}
.porta-cx .porta-troca button:hover { text-decoration: underline; text-underline-offset: 3px; }
.porta-cx .porta-troca button:focus-visible { outline: 2px solid #ff6b6b; outline-offset: 3px; border-radius: 3px; }
.porta-cx-nova .porta-link { align-self: flex-start; min-height: 0; padding: 4px 0; }


.porta.tem-vitrine .porta-vitrine {
  position: relative; overflow: hidden; border-left: 0;
  background:
    radial-gradient(90% 70% at 85% 10%, rgba(228, 38, 38, .38), transparent 60%),
    radial-gradient(80% 60% at 10% 100%, rgba(228, 38, 38, .16), transparent 70%),
    #120e0e;
}
.porta-vitrine .pv-in { max-width: 560px; position: relative; }
.porta-vitrine .pv-frase { margin: 0 0 22px; font-size: 22px; line-height: 1.35; font-weight: 600; color: #e9e3e1; text-wrap: balance; }
.porta-vitrine .pv-frase b { color: #fff; font-weight: 800; }
.pv-novos {
  display: inline-block; margin-left: 10px; padding: 3px 9px; border-radius: 999px; vertical-align: 3px;
  font-size: 12.5px; font-weight: 700; color: #7ee2a8; background: rgba(46, 204, 113, .14);
}
.pv-palco { position: relative; padding-bottom: 38px; }
.pv-janela {
  border-radius: 12px; overflow: hidden; background: #0c0b0b;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .08);
  transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transform-origin: 60% 50%;
}
.pv-barra { display: flex; gap: 6px; padding: 9px 12px; background: #1a1717; }
.pv-barra i { width: 9px; height: 9px; border-radius: 50%; background: #3a3434; }
.pv-janela img { display: block; width: 100%; aspect-ratio: 1440 / 828; object-fit: cover; filter: blur(2.5px) saturate(.9); transform: scale(1.03); opacity: .9; }

.porta-vitrine .pv-palco .pv-lista {
  position: absolute; left: -28px; bottom: 0; width: min(360px, 78%); display: grid;
}
.porta-vitrine .pv-palco .pv-card {
  grid-area: 1 / 1; background: rgba(24, 21, 21, .96); border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .9); backdrop-filter: blur(8px);
  opacity: 0; animation: pvReveza 12s cubic-bezier(.16, 1, .3, 1) infinite;
}
.porta-vitrine .pv-palco .pv-card:nth-child(2) { animation-delay: 4s; }
.porta-vitrine .pv-palco .pv-card:nth-child(3) { animation-delay: 8s; }
@keyframes pvReveza {
  0% { opacity: 0; transform: translateY(12px); }
  5%, 30% { opacity: 1; transform: translateY(0); }
  36%, 100% { opacity: 0; transform: translateY(-8px); }
}
.porta-vitrine .pv-pe { margin: 18px 0 0; font-size: 12px; color: #b9b0ad; }
@media (prefers-reduced-motion: reduce) {
  .porta-vitrine .pv-palco .pv-card { animation: none; opacity: 0; }
  .porta-vitrine .pv-palco .pv-card:first-child { opacity: 1; }
}
@media (max-width: 900px) {
  .porta-cx.porta-cx-nova { width: min(380px, 100%); }
}

.porta.tem-vitrine { padding: 0; }
.porta.tem-vitrine > .porta-cx.porta-cx-nova { margin: 40px clamp(24px, 5vw, 72px); }
.porta.tem-vitrine .porta-vitrine { min-height: 100vh; min-height: 100dvh; justify-self: stretch; align-self: stretch; width: 100%; }




.porta #p-google-bt iframe { color-scheme: light; }
.porta-cx-nova .porta-legal { text-align: left; }
@media (max-width: 900px) {
  .porta.tem-vitrine { padding: 24px; }
  .porta.tem-vitrine > .porta-cx.porta-cx-nova { margin: 0; }
}

.porta-vitrine .pv-grande { display: block; font-size: 52px; line-height: 1; font-weight: 800; letter-spacing: -.03em; color: #fff; margin-bottom: 4px; font-variant-numeric: tabular-nums; }
.porta-vitrine .pv-sub { display: block; margin-top: 6px; font-size: 16px; font-weight: 500; color: #cfc6c3; }
.porta-vitrine .pv-sub b { color: #fff; font-weight: 700; }
.porta-vitrine .pv-frase .pv-novos { margin: 10px 0 0; }



.cb-mesmo-email { flex-basis: 100%; width: 100%; margin: 8px 0 0; font-size: 12px; line-height: 1.45; color: var(--txt-2); }
.cb-mesmo-email b { color: var(--txt); font-weight: 600; overflow-wrap: anywhere; }


.cb-eco { font-style: normal; font-size: 12px; font-weight: 800; margin-left: 6px; padding: 2px 7px;
  border-radius: 999px; background: rgba(46,204,113,.22); color: #c4ffd9; }




@media (max-width: 900px) { .app-lado > .ct-conta-pe { display: none; } }




.cb-dobro { margin: 0 0 16px; padding: 14px 16px; border-radius: 12px;
  border: 1px solid var(--accent); background: rgba(228, 38, 38, .08); }
.cb-dobro b { color: var(--txt); }
.cb-dobro p { margin: 6px 0 8px; font-size: 13px; color: var(--txt-2); }
.cb-dobro ul { margin: 0; padding-left: 18px; }
.cb-dobro li { font-size: 13px; margin: 3px 0; color: var(--txt); }
.cb-dobro li small { margin-left: 8px; color: var(--txt-2); }




#pc-atualizando {
  position: fixed; top: 12px; left: 50%; transform: translateX(-50%);
  z-index: 9999; max-width: calc(100vw - 32px);
  padding: 9px 16px; border-radius: 999px;
  background: var(--bg-2); color: var(--txt);
  border: 1px solid var(--line-2, #43403f);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
  font-size: 13px; line-height: 1.3; text-align: center;
}






.fe-fundo {
  position: fixed; inset: 0; z-index: 9990;
  display: grid; place-items: center; padding: 16px;
  background: rgba(8, 7, 7, .78);
  opacity: 0; transition: opacity .25s ease;
}
.fe-fundo.fe-on { opacity: 1; }
.fe-fundo.fe-sai { opacity: 0; }
.fe-cartao {
  position: relative; z-index: 1;
  width: min(520px, 100%); padding: 40px 36px 34px; text-align: center;
  background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 20px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(228, 38, 38, .25);
  transform: translateY(14px) scale(.96);
  transition: transform .35s cubic-bezier(.2, .9, .3, 1.2);
}
.fe-on .fe-cartao { transform: none; }
.fe-icone {
  width: 84px; height: 84px; margin: 0 auto 18px; border-radius: 50%;
  display: grid; place-items: center; color: #fff; background: var(--accent);
  box-shadow: 0 0 0 10px rgba(228, 38, 38, .16);
}
.fe-icone svg { width: 44px; height: 44px; }
.fe-turma {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: #ff8b8b; border: 1px solid rgba(228, 38, 38, .5);
}
.fe-titulo { margin: 14px 0 6px; font-size: 44px; line-height: 1.05; font-weight: 800; color: var(--txt); }
.fe-ganho { margin: 0 0 12px; font-size: 22px; line-height: 1.3; color: var(--txt); }
.fe-ganho b { color: var(--ok); }
.fe-texto { margin: 0 auto 26px; max-width: 400px; font-size: 15px; line-height: 1.5; color: var(--txt-2); }
.fe-texto b { color: var(--txt); }
.fe-bt { height: 46px; padding: 0 30px; font-size: 16px; border-radius: 12px; }
.fe-confete { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.fe-confete i {
  position: absolute; top: -16px; width: 9px; height: 14px; border-radius: 2px; opacity: 0;
  animation-name: fe-cai; animation-timing-function: cubic-bezier(.25, .6, .4, 1);
  animation-fill-mode: forwards;
}
@keyframes fe-cai {
  0% { opacity: 1; transform: translate(0, 0) rotate(0); }
  85% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--fe-vento), 105vh) rotate(var(--fe-giro)); }
}
@media (max-width: 560px) {
  .fe-cartao { padding: 32px 22px 26px; }
  .fe-titulo { font-size: 36px; }
  .fe-ganho { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .fe-confete { display: none; }
  .fe-fundo, .fe-cartao { transition: none; }
}




.pc-video-morto { display: none !important; }













.ds-lugar { position: absolute; top: 38px; left: 6px; }
.ds-lugar:empty { display: none; }
.ds-bt {
  height: 26px; padding: 0 9px 0 7px; display: inline-flex;
  align-items: center; justify-content: center; gap: 5px;
  border-radius: 7px; border: 1px solid rgba(255,255,255,.22);
  background: rgba(0,0,0,.72); color: #fff; cursor: pointer;
  font: inherit; font-size: 11.5px; font-weight: 600; line-height: 1;
  transition: background .14s, border-color .14s;
}
.ds-bt .ico { width: 13px; height: 13px; flex: 0 0 13px; }
.ds-bt:hover { background: rgba(0,0,0,.88); border-color: rgba(255,255,255,.5); }
.ds-bt:focus-visible { outline: 2px solid var(--info); outline-offset: 2px; }
.ds-bt.pronto { background: var(--novo); color: #0d0f12; border-color: transparent;
  box-shadow: 0 0 0 1.5px rgba(0,0,0,.55); }
.ds-bt.erro { background: var(--accent); border-color: transparent; }

.ep-robo { display: inline-flex; margin-left: 6px; vertical-align: middle; }
.ep-robo .ds-bt { height: 22px; font-size: 11px; }



.ds-menu { width: 320px; gap: 0; }
.ds-corpo { display: flex; flex-direction: column; gap: 10px; padding: 0 8px 6px; }
.ds-campo { display: flex; flex-direction: column; gap: 4px; }
.ds-campo > span { font-size: 12px; color: var(--txt-2); }
.ds-campo input, .ds-campo select, .ds-campo textarea {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 13px;
  color: var(--txt); background: var(--bg); border: 1px solid var(--line-2);
  border-radius: 7px; padding: 7px 9px;
}
.ds-campo textarea { resize: vertical; min-height: 58px; line-height: 1.4; }
.ds-campo input:focus-visible, .ds-campo select:focus-visible,
.ds-campo textarea:focus-visible { outline: 2px solid var(--info); outline-offset: -1px; }
.ds-frase { margin: 0; font-size: 12.5px; color: var(--txt-2); line-height: 1.45; }
.ds-frase.ruim { color: var(--accent); }
.ds-pe { display: flex; justify-content: flex-end; gap: 8px; }
.ds-chave { margin-top: 2px; }
.ds-chave input { font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; }




.pc-indo-pagar {
  position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(4px);
}
.pc-indo-pagar > div { display: grid; gap: 6px; text-align: center; padding: 0 16px; }
.pc-indo-pagar b { font-size: 18px; color: var(--txt); }
.pc-indo-pagar span { font-size: 13.5px; color: var(--txt-2); }




.sup-ficha-form { gap: 12px; }
.sup-form-cab { display: grid; gap: 4px; }
.sup-form-cab p { margin: 0; line-height: 1.5; }
.sup-bloco {
  display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px;
  padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-3);
}
.sup-bloco-n {
  width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  font-size: 12.5px; font-weight: 800; color: var(--info);
  background: color-mix(in srgb, var(--info) 16%, transparent);
}
.sup-bloco-corpo { display: grid; gap: 12px; min-width: 0; }
.sup-bloco-corpo > label.sup-rot { margin-bottom: -6px; }
.sup-bloco .sup-sel { height: 38px; width: 100%; }
.sup-bloco .sup-sel.sup-curto { width: 150px; letter-spacing: .04em; }
.sup-bloco textarea { background: var(--bg); }
.sup-rot { line-height: 1.4; }
.sup-ob { font-style: normal; color: var(--accent); margin-left: 2px; }
.sup-meu {
  justify-self: start; margin-top: -2px; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 12px; color: var(--info); text-decoration: underline; text-underline-offset: 2px;
  overflow-wrap: anywhere; text-align: left;
}
.sup-mal .sup-sel, .sup-mal textarea { border-color: var(--accent); }
.sup-mal .sup-op span { border-color: color-mix(in srgb, var(--accent) 60%, var(--line-2)); }
.sup-mal > .sup-rot, .sup-mal legend { color: #ff8a8a; }
.sup-recado-form { margin: 0; font-size: 13px; color: #ff8a8a; font-weight: 600; }




.sup-mesa-cab { display: grid; gap: 10px; }
.sup-mesa-ferr { display: flex; gap: 8px; flex-wrap: wrap; }
.sup-mesa-ferr input { flex: 1 1 260px; min-width: 0; }
.sup-mesa-ferr select { flex: 0 1 240px; }
.sup-vista-arq { margin-left: auto; }
.sup-item-quando { margin-left: auto; flex: none; font-size: 11.5px; color: var(--txt-3); }
.sup-resp { font-size: 11.5px; color: var(--txt-3); }
.sup-resp-eu { color: var(--info); font-weight: 600; }
.sup-mesa-barra {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-3);
}
.sup-mesa-barra .sup-resp { font-size: 12.5px; margin-right: 2px; }
.sup-mesa-dir { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
#ov-suporte .btn.sup-concluir-bt { background: var(--ok); border-color: var(--ok); color: #05210f; font-weight: 700; }
#ov-suporte .btn.sup-concluir-bt:hover { filter: brightness(1.08); }
.sup-concluir {
  display: grid; gap: 8px; padding: 12px 14px; border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--ok) 45%, var(--line));
  background: color-mix(in srgb, var(--ok) 8%, var(--bg-3));
}
.sup-op-bt {
  padding: 6px 12px; border-radius: 999px; font: inherit; font-size: 12.5px; cursor: pointer;
  border: 1px solid var(--line-2); color: var(--txt); background: var(--bg);
}
.sup-op-bt:hover { border-color: var(--ok); color: var(--ok); }
.sup-msg-nota {
  justify-self: stretch; max-width: none; border-style: dashed; border-radius: 10px;
  border-color: color-mix(in srgb, #ffb020 55%, var(--line));
  background: color-mix(in srgb, #ffb020 8%, var(--bg-3));
}
.sup-msg-nota .sup-msg-quem { color: #ffd27a; font-weight: 600; }
.sup-resp-cab { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: space-between; }
.sup-pronta { max-width: 260px; }
.sup-modo-nota textarea { border-color: color-mix(in srgb, #ffb020 55%, var(--line-2)); border-style: dashed; }
.sup-fi-alerta b { color: #ffd27a; }
@media (max-width: 560px) {
  .sup-bloco { grid-template-columns: minmax(0, 1fr); }
  .sup-mesa-dir, .sup-vista-arq { margin-left: 0; }
}





.sup-at {
  display: grid; grid-template-columns: minmax(0, 1fr) 292px; gap: 0;
  border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--bg-2);
}
.sup-at-main { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; }
.sup-at-cab {
  display: flex; align-items: center; gap: 12px; padding: 14px 18px;
  border-bottom: 1px solid var(--line);
}
.sup-voltar {
  flex: none; width: 30px; height: 30px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--line-2); background: none; color: var(--txt-2); font-size: 15px;
}
.sup-voltar:hover { color: var(--txt); border-color: var(--txt-3); }
.sup-av {
  flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: var(--bg-3); border: 1px solid var(--line-2); color: var(--txt);
  font-size: 12.5px; font-weight: 700; letter-spacing: .02em;
}
.sup-at-quem { display: grid; gap: 2px; min-width: 0; }
.sup-at-quem b { font-size: 15px; font-weight: 700; color: var(--txt); }
.sup-at-quem span { font-size: 12.5px; color: var(--txt-3); overflow-wrap: anywhere; }
.sup-link {
  border: 0; background: none; padding: 0 0 0 6px; cursor: pointer; font: inherit; font-size: 12px;
  color: var(--txt-3); text-decoration: underline; text-underline-offset: 2px;
}
.sup-link:hover { color: var(--txt); }
.sup-at .sup-msgs {
  max-height: min(48vh, 460px); min-height: 180px; padding: 18px; gap: 14px;
  align-content: start;
}
.sup-m { display: grid; gap: 4px; max-width: 82%; justify-self: start; }
.sup-m-quem { font-size: 12px; font-weight: 600; color: var(--txt-2); display: flex; gap: 8px; }
.sup-m-quem i { font-style: normal; font-weight: 400; color: var(--txt-3); }
.sup-m-txt {
  font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: break-word;
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 4px 12px 12px 12px;
  padding: 9px 12px; color: var(--txt);
}
.sup-m-eq { justify-self: end; }
.sup-m-eq .sup-m-quem { justify-content: flex-end; }
.sup-m-eq .sup-m-txt { border-radius: 12px 4px 12px 12px; background: var(--bg); }
.sup-m-nota { justify-self: stretch; max-width: none; }
.sup-m-nota .sup-m-txt { background: transparent; border-style: dashed; border-radius: 10px; color: var(--txt-2); }
.sup-m-nota .sup-m-quem::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #ffb020; align-self: center; }
.sup-comp {
  margin: 0 14px 14px; border: 1px solid var(--line-2); border-radius: 12px; background: var(--bg);
  display: grid; gap: 0;
}
.sup-comp:focus-within { border-color: var(--txt-3); }
.sup-comp-abas { display: flex; align-items: center; gap: 2px; padding: 6px 8px 0; border-bottom: 1px solid var(--line); }
.sup-comp-abas button {
  border: 0; background: none; cursor: pointer; font: inherit; font-size: 12.5px; font-weight: 600;
  color: var(--txt-3); padding: 7px 10px 9px; border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.sup-comp-abas button.on { color: var(--txt); border-bottom-color: var(--txt); }
.sup-comp-aviso { margin-left: auto; font-size: 11.5px; color: var(--txt-3); padding-right: 4px; }
.sup-comp textarea {
  border: 0 !important; background: none !important; border-radius: 0; min-height: 92px;
  padding: 12px 14px; box-shadow: none;
}
.sup-comp .sup-anexos-lugar:not(:empty) { padding: 0 14px 8px; }
.sup-comp-pe {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;
  padding: 8px 10px; border-top: 1px solid var(--line);
}
.sup-comp-esq, .sup-comp-dir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sup-pronta {
  height: 28px; padding: 0 8px; border-radius: 7px; border: 1px solid var(--line-2);
  background: none; color: var(--txt-2); font: inherit; font-size: 12.5px; max-width: 200px;
}
.sup-comp-nota { border-style: dashed; }

.sup-at-lado {
  border-left: 1px solid var(--line); background: var(--bg-3);
  display: grid; align-content: start; gap: 0; min-width: 0;
}
.sup-lado { padding: 16px 18px; border-bottom: 1px solid var(--line); display: grid; gap: 12px; }
.sup-lado:last-child { border-bottom: 0; }
.sup-lado h4 {
  margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--txt-3);
}
.sup-lado dl { margin: 0; display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 8px 12px; font-size: 13px; }
.sup-lado dt { color: var(--txt-3); }
.sup-lado dd { margin: 0; color: var(--txt); overflow-wrap: anywhere; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.sup-lado-acoes { display: flex; gap: 6px; flex-wrap: wrap; }
#ov-suporte .btn.sup-acao-1 { background: var(--txt); border-color: var(--txt); color: var(--bg); font-weight: 700; }
#ov-suporte .btn.sup-acao-1:hover { opacity: .9; }
.sup-at .sup-concluir {
  display: grid; gap: 2px; padding: 6px; border-radius: 10px; border: 1px solid var(--line-2);
  background: var(--bg-2);
}
.sup-at .sup-concluir[hidden] { display: none; }
.sup-at .sup-concluir > span { font-size: 11.5px; color: var(--txt-3); padding: 4px 8px 6px; }
.sup-at .sup-concluir button {
  text-align: left; border: 0; background: none; cursor: pointer; font: inherit; font-size: 13px;
  color: var(--txt); padding: 7px 8px; border-radius: 6px;
}
.sup-at .sup-concluir button:hover { background: var(--bg-3); }
.sup-lado-alerta {
  margin: 0; padding: 12px 18px; border-bottom: 1px solid var(--line); font-size: 12.5px; line-height: 1.5;
  color: var(--txt-2); background: color-mix(in srgb, #ffb020 7%, transparent);
}
.sup-lado-alerta b { color: var(--txt); font-weight: 600; overflow-wrap: anywhere; }
.sup-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--txt-3); display: inline-block; }
.sup-dot-vez { background: var(--info); }
.sup-dot-fim { background: var(--ok); }


.sup-fi {
  width: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; align-items: center;
  text-align: left; cursor: pointer; font-family: inherit; color: var(--txt);
  background: var(--bg-3); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px;
}
.sup-fi:hover { border-color: var(--line-2); background: color-mix(in srgb, var(--txt) 3%, var(--bg-3)); }
.sup-av-p { width: 34px; height: 34px; font-size: 12px; }
.sup-fi-meio { display: grid; gap: 3px; min-width: 0; }
.sup-fi-l1 { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sup-fi-l1 b { font-size: 13.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sup-fi-l2 { font-size: 12.5px; color: var(--txt-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sup-fi-dir { display: grid; gap: 3px; justify-items: end; text-align: right; }
.sup-fi-situ { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--txt-2); white-space: nowrap; }
.sup-fi-sub { font-size: 11.5px; color: var(--txt-3); white-space: nowrap; }
.sup-fi.sup-velho .sup-fi-sub { color: #ffd27a; }

@media (max-width: 760px) {
  .sup-at { grid-template-columns: minmax(0, 1fr); }
  .sup-at-lado { border-left: 0; border-top: 1px solid var(--line); order: 2; }
  .sup-fi { grid-template-columns: auto minmax(0, 1fr); }
  .sup-fi-dir { grid-column: 2; justify-items: start; text-align: left; }
}
.sup-lado-acoes { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.sup-lado-acoes .sup-acao-1 { grid-column: 1 / -1; justify-content: center; height: 32px; }
.sup-lado-acoes .btn { justify-content: center; text-align: center; }
.sup-lado-acoes .btn:only-child, .sup-lado-acoes .sup-acao-1 + .btn:last-child { grid-column: 1 / -1; }
.sup-comp-abas button { white-space: nowrap; }
@media (max-width: 760px) { .sup-comp-aviso { display: none; } .sup-lado dl { grid-template-columns: 112px minmax(0, 1fr); } }
.sup-mesa-ferr .sup-guia { order: 3; height: 34px; display: inline-flex; align-items: center; }
.sup-at-guia { margin-left: auto; flex: none; padding: 0; }



#sup-form [hidden] { display: none !important; }





.sup-chat {
  position: fixed; z-index: 90; display: none;
  right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px));
}
.sup-chat.on { display: block; }
.sup-chat-jan {
  width: 400px; height: min(680px, calc(100vh - 96px));
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 18px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .3);
  transform-origin: bottom right; animation: sup-chat-entra .2s cubic-bezier(.2, .8, .3, 1);
}
@keyframes sup-chat-entra { from { opacity: 0; transform: translateY(12px) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .sup-chat-jan { animation: none; } }
.sup-chat-jan.sup-larga { width: min(1060px, calc(100vw - 40px)); height: calc(100vh - 96px); }
.sup-chat-cab {
  flex: none; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 16px;
  border-bottom: 1px solid var(--line); background: var(--bg-3);
}
.sup-chat-cab .sup-marca { width: 32px; height: 32px; border-radius: 9px; }
.sup-chat-tit { flex: 1; min-width: 0; display: grid; gap: 1px; }
.sup-chat-tit h2 { margin: 0; font-size: 15px; }
.sup-chat-tit p { margin: 0; font-size: 12px; color: var(--txt-3); }
.sup-chat-x {
  flex: none; width: 32px; height: 32px; border-radius: 8px; border: 0; cursor: pointer;
  background: none; color: var(--txt-2); font-size: 22px; line-height: 1;
}
.sup-chat-x:hover { background: var(--bg-2); color: var(--txt); }
.sup-chat #sup-corpo { flex: 1; min-height: 0; overflow-y: auto; padding: 16px; }
@media (max-width: 600px) {
  .sup-chat { inset: 0; }
  .sup-chat-jan, .sup-chat-jan.sup-larga { width: 100vw; height: 100dvh; border-radius: 0; border: 0; }
}
.sup-chat #sup-corpo { align-content: start; }




.al-tit-bt {
  display: flex; align-items: center; gap: 7px; width: 100%; padding: 0; margin: 0;
  border: 0; background: none; cursor: pointer; text-align: left;
  font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit;
}
.al-tit-bt .li-seta { margin-left: auto; margin-right: 6px; }
.al-tit-bt:hover .li-seta { color: var(--txt); }
.al-tit-bt:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.lado-sec-aluno.al-fechada { padding-bottom: 9px; }
.lado-sec-aluno.al-fechada > .lado-itens { display: none; }
.app.encolhido .lado-sec-aluno.al-fechada > .lado-itens { display: flex; }
.app.encolhido .lado-sec-aluno.al-fechada { padding-bottom: 3px; }
@media (max-width: 900px) {
  .lado-sec-aluno.al-fechada > .lado-itens { display: flex; }
}



.sup-aviso-aluno {
  display: grid; gap: 8px; padding: 12px 14px; border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--info) 45%, var(--line));
  background: color-mix(in srgb, var(--info) 8%, var(--bg));
  font-size: 13px; line-height: 1.5; color: var(--txt-2);
}
.sup-aviso-aluno b { color: var(--txt); }
.sup-aviso-acoes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sup-aviso-acoes i { font-style: normal; font-size: 12px; color: var(--txt-3); }
.sup-aviso-tit { font-size: 14px; line-height: 1.4; }
.tranca-so h3 { margin-top: 10px; }



.ct-motivo {
  position: fixed; z-index: 120; width: 340px; display: grid; gap: 8px; padding: 12px;
  background: var(--bg-2); border: 1px solid var(--line-2); border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .5); font-size: 13px;
}
.ct-motivo input {
  height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--line-2);
  background: var(--bg); color: var(--txt); font: inherit;
}
.ct-motivo input:focus { outline: none; border-color: var(--txt-3); }
.ct-motivo-bts { display: flex; gap: 8px; justify-content: flex-end; }
.ct-motivo-erro { color: #ff8a8a; }
.sup-comprovante {
  margin: 0; padding: 10px 12px; border-radius: 8px; font-size: 12.5px; line-height: 1.5;
  color: var(--txt-2); border: 1px dashed var(--line-2); background: var(--bg);
}
.sup-comprovante b { color: var(--txt); }





.ct-selo-linha { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ct-campo.ct-selo-cx { max-width: 280px; }
#ct-lista .ct-tab td:nth-child(3) { width: auto; min-width: 200px; }
.ct-benef { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.ct-bf {
  display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px;
  font-size: 11px; font-weight: 600; white-space: nowrap;
  color: #ffd27a; background: rgba(255, 176, 32, .10); border: 1px solid rgba(255, 176, 32, .30);
}
.ct-bf-novo { color: #7ee2a8; background: rgba(46, 204, 113, .12); border-color: rgba(46, 204, 113, .38); }
.ct-bf-cond { color: var(--txt-3); background: transparent; border-color: var(--line-2); }


.ct-ficha {
  align-self: flex-start; margin-top: 3px; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 11.5px; font-weight: 600; color: #ffd27a; text-align: left;
}
.ct-ficha:hover { text-decoration: underline; }
.ct-ficha-fim { color: var(--txt-3); font-weight: 500; }






@media (min-width: 761px) {
  .sup-chat-jan.sup-larga #sup-corpo:has(> .sup-at) { display: flex; flex-direction: column; overflow: hidden; }
  .sup-chat-jan.sup-larga #sup-corpo > .sup-at { flex: 1; min-height: 0; grid-template-rows: minmax(0, 1fr); }
  .sup-chat-jan.sup-larga .sup-at-main { min-height: 0; }
  .sup-chat-jan.sup-larga .sup-at .sup-msgs { max-height: none; min-height: 0; overflow-y: auto; }
  .sup-chat-jan.sup-larga .sup-at-lado { min-height: 0; overflow-y: auto; }
}

.ct-selo-linha { flex-wrap: nowrap; }
.ct-campo.ct-selo-cx { max-width: 205px; }
.ct-bf, .ct-bf-novo {
  color: #7ee2a8; background: rgba(46, 204, 113, .12); border-color: rgba(46, 204, 113, .38);
}
@container (max-width: 1150px) { .ct-selo-linha { flex-wrap: wrap; } }



.sup-fm-link {
  display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px;
  padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-2);
}
.sup-fm-link-l { display: flex; gap: 8px; align-items: center; }
.sup-fm-link-l .sup-sel { flex: 1; min-width: 0; font-size: 12.5px; }
.sup-fm-link .tiny { margin: 0; line-height: 1.5; }



.sup-fm-direito {
  display: flex; flex-direction: column; gap: 3px; margin-top: 8px; padding: 9px 11px;
  border: 1px solid var(--line-2); border-radius: 9px; font-size: 12.5px; line-height: 1.45; color: var(--txt-2);
}
.sup-fm-direito-rot { color: var(--txt); font-size: 12.5px; }
.sup-fm-direito-novo { border-color: rgba(46, 204, 113, .38); background: rgba(46, 204, 113, .08); }
.sup-fm-direito-novo .sup-fm-direito-rot, .sup-direito-novo { color: #7ee2a8; }
.sup-direito { font-weight: 600; }




.fc-faixa {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin: 10px 20px 0; padding: 9px 12px 9px 14px;
  border: 1px solid rgba(255, 176, 32, .35); border-radius: 10px;
  background: rgba(255, 176, 32, .08); color: var(--txt);
}
.fc-faixa.fc-urgente { border-color: rgba(228, 38, 38, .45); background: rgba(228, 38, 38, .09); }
.fc-relogio { display: inline-flex; color: #ffd27a; flex: none; }
.fc-urgente .fc-relogio { color: #ff8b8b; }
.fc-relogio svg { width: 18px; height: 18px; }
.fc-txt { flex: 1 1 260px; min-width: 0; margin: 0; font-size: 13.5px; line-height: 1.4; }
.fc-acoes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }



.fc-anual-bt {
  display: inline-flex; align-items: baseline; gap: 6px; height: 30px; padding: 0 12px;
  border: 1px solid rgba(46, 204, 113, .38); border-radius: 8px; background: rgba(46, 204, 113, .08);
  color: var(--txt); font: inherit; font-size: 13px; cursor: pointer; align-items: center;
  font-variant-numeric: tabular-nums;
}
.fc-anual-bt:hover { background: rgba(46, 204, 113, .14); }
.fc-anual-bt b { font-size: 14px; font-weight: 800; }
.fc-anual-bt s { color: var(--txt-2); font-weight: 700; text-decoration-thickness: 2px; text-decoration-color: rgba(228, 38, 38, .8); }
.fc-anual-bt span { color: var(--txt-2); }
.fc-anual-bt em { font-style: normal; font-size: 11.5px; font-weight: 800; padding: 2px 7px; border-radius: 999px;
  background: rgba(46, 204, 113, .18); color: #7fe0a6; }
.fc-x {
  flex: none; width: 26px; height: 26px; border: 0; border-radius: 6px; background: none;
  color: var(--txt-3); font-size: 18px; line-height: 1; cursor: pointer;
}
.fc-x:hover { background: var(--line); color: var(--txt); }

.fc-fundo {
  position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 16px;
  background: rgba(0, 0, 0, .55); opacity: 0; transition: opacity .18s;
}
.fc-fundo.fc-on { opacity: 1; }
.fc-cartao {
  width: min(460px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; display: flex; flex-direction: column; gap: 10px;
  padding: 24px 24px 16px; border: 1px solid var(--line-2); border-radius: 16px;
  background: var(--bg-2); color: var(--txt); box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
  transform: translateY(8px) scale(.98); transition: transform .18s;
}
.fc-on .fc-cartao { transform: none; }
.fc-prazo {
  align-self: flex-start; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700;
  letter-spacing: .02em; color: #ff8b8b; background: rgba(228, 38, 38, .12); border: 1px solid rgba(228, 38, 38, .35);
}
.fc-titulo { margin: 2px 0 0; font-size: 21px; line-height: 1.25; text-wrap: balance; }
.fc-sub { margin: 0; font-size: 13.5px; color: var(--txt-2); }
.fc-lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.fc-lista li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.4; }
.fc-lista li::before {
  content: ""; position: absolute; left: 3px; top: 4px; width: 10px; height: 6px;
  border-left: 2px solid #7ee2a8; border-bottom: 2px solid #7ee2a8; transform: rotate(-45deg);
}
.fc-perde { margin: 2px 0 0; font-size: 12.5px; color: var(--txt-3); line-height: 1.45; }


.fc-planos { display: block; padding-top: 10px; }
.fc-cartao .jp-planos[data-periodo] { padding-top: 10px; }
.fc-cartao .jp-periodo { position: static; width: 100%; margin: 4px 0 0; }
.fc-cartao .jp-plano { gap: 12px; }
.fc-cartao .fc-lista { margin: 2px 0; }
.fc-email { margin: 0; font-size: 12px; color: var(--txt-3); text-align: center; line-height: 1.45; }
.fc-depois {
  align-self: center; padding: 6px 10px; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 12.5px; color: var(--txt-3);
}
.fc-depois:hover { color: var(--txt); }
@media (max-width: 600px) { .fc-faixa { margin: 8px 12px 0; } }



.sup-liberar { border: 1px solid rgba(46, 204, 113, .32); border-radius: 10px; padding: 12px; background: rgba(46, 204, 113, .05); }
.sup-liberar p { margin: 0 0 6px; font-size: 13px; line-height: 1.45; }
.sup-liberar-dir b { display: inline-block; margin-top: 2px; }
.sup-liberar .btn { width: 100%; justify-content: center; margin-top: 4px; }
.sup-liberar-outro { display: block; margin: 8px auto 0; font-size: 12px; }
.sup-liberar-ok { background: transparent; }
.sup-liberar dl { margin-bottom: 8px; }
.sup-dir-lista { margin: 0 0 8px; padding-left: 18px; display: grid; gap: 4px; font-size: 12.5px; line-height: 1.45; color: var(--txt-2); }
.sup-dir-lista b { color: var(--txt); }
.sup-dir-ok { color: #7ee2a8; }
.sup-dir-aviso { padding: 7px 9px; border-radius: 8px; background: rgba(255, 176, 32, .08); border: 1px solid rgba(255, 176, 32, .3); font-size: 12.5px; }




.sup-dir {
  display: flex; flex-direction: column; gap: 10px; margin: 12px 16px 0; padding: 14px 16px;
  border: 1px solid rgba(255, 176, 32, .4); border-radius: 12px; background: rgba(255, 176, 32, .07);
}
.sup-dir-novo { border-color: rgba(46, 204, 113, .45); background: rgba(46, 204, 113, .08); }
.sup-dir-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sup-dir-txt b { font-size: 16px; line-height: 1.3; color: var(--txt); }
.sup-dir-txt span { font-size: 13.5px; line-height: 1.45; color: var(--txt); }
.sup-dir-txt small, .sup-dir > small { font-size: 12px; color: var(--txt-3); line-height: 1.4; }
.sup-dir-acoes { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; }
.sup-dir-bt {
  height: 38px; padding: 0 18px; font-size: 14px; font-weight: 700; color: #0d1a12;
  background: #2ecc71; border-color: #2ecc71;
}
.sup-dir-bt:hover { background: #27b863; border-color: #27b863; }
.sup-dir-conf { font-size: 12px; color: var(--txt-2); }
.sup-dir .sup-liberar-outro { margin: 0; }
.sup-dir-aviso { margin: 0; padding: 7px 9px; border-radius: 8px; background: rgba(255, 176, 32, .1); border: 1px solid rgba(255, 176, 32, .3); font-size: 12.5px; }
.sup-dir-feito { flex-direction: row; align-items: center; gap: 12px; border-color: rgba(46, 204, 113, .45); background: rgba(46, 204, 113, .08); }
.sup-dir-ic { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #2ecc71; color: #0d1a12; font-weight: 800; }


.ide-suporte { display: block; padding: 10px 12px; border-radius: 9px; border: 1px solid rgba(255, 176, 32, .35);
  background: rgba(255, 176, 32, .08); color: var(--txt); line-height: 1.5; font-size: 13px; }
.ide-suporte-bts { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }
.ide-link { padding: 0; border: 0; background: none; color: var(--txt-2); font: inherit; font-size: 12.5px;
  text-decoration: underline; cursor: pointer; }


.sup-andando { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px;
  border: 1px solid rgba(255, 176, 32, .35); border-radius: 10px; background: rgba(255, 176, 32, .07); font-size: 13px; }
.sup-avaliar { display: flex; flex-direction: column; gap: 8px; margin: 10px 0; padding: 12px; border-radius: 10px;
  border: 1px solid rgba(46, 204, 113, .4); background: rgba(46, 204, 113, .07); font-size: 13.5px; }
.sup-avaliar-bts { display: flex; gap: 8px; flex-wrap: wrap; }
.sup-avaliado { margin: 8px 0; }
.sup-hist { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.sup-hist li { display: flex; flex-direction: column; gap: 1px; font-size: 12.5px; line-height: 1.35; }
.sup-hist li span { color: var(--txt-3); font-size: 11.5px; }
.sup-hist .sup-link { text-align: left; padding: 0; }


.sup-pl { display: flex; flex-direction: column; gap: 12px; }
.sup-pl h4 { margin: 6px 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--txt-3); }
.sup-pl-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.sup-pl-num { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; }
.sup-pl-num b { font-size: 20px; font-variant-numeric: tabular-nums; }
.sup-pl-num span { font-size: 12px; color: var(--txt-3); }
.sup-pl-lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sup-pl-lista li { position: relative; display: flex; justify-content: space-between; gap: 10px; padding: 7px 10px;
  border-radius: 8px; overflow: hidden; font-size: 13px; background: var(--bg-2); }
.sup-pl-lista li i { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); background: rgba(255, 255, 255, .05); }
.sup-pl-lista li span, .sup-pl-lista li b { position: relative; }
.sup-pl-lista li b { font-variant-numeric: tabular-nums; white-space: nowrap; }


#view-conta .cn2 .cn-acesso { display: grid; gap: 5px; margin: 16px 0 0; padding-top: 14px;
  border-top: 1px solid var(--line); font-size: 13px; line-height: 1.5; color: var(--txt-2); }
#view-conta .cn2 .cn-acesso p { margin: 0; }
#view-conta .cn2 .cn-acesso b { color: var(--txt); font-weight: 600; }
.cn-acesso-ok { color: #7ee2a8; font-weight: 600; }
.cn-acesso-nao { color: #ffd27a; font-weight: 600; }
.cn-link { padding: 0; border: 0; background: none; color: var(--txt); font: inherit; text-decoration: underline; cursor: pointer; }


.sup-tut-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 10px 16px 0;
  padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; font-size: 12.5px; }
.sup-tut-rot { color: var(--txt-3); font-weight: 600; }
.sup-tut-bar select { flex: 1 1 220px; min-width: 0; }





#view-conta .cn-compra-campos { display: grid; gap: 6px; max-width: 460px; margin: 0 0 14px; }
#view-conta .cn-compra-rot { display: block; font-size: 14px; line-height: 1.45; color: var(--txt-2); }
#view-conta .cn-compra-rot b { color: var(--txt); font-weight: 600; }
#view-conta .cn-compra-rot span {
  display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 8px;
  border-radius: 50%; vertical-align: 1px;
  background: var(--line-2); color: var(--txt); font: 600 12px/1 var(--fonte, inherit);
}
#view-conta .cn-compra-rot-curso { margin-top: 12px; }
#view-conta .cn-compra-rot-curso b { color: var(--accent-2); }
#view-conta .cn-compra-campos input {
  height: 40px; padding: 0 12px; border-radius: 8px; min-width: 0;
  background: var(--bg); border: 1px solid var(--line-2); color: var(--txt); font: 500 14px/1 var(--fonte, inherit);
}
#view-conta .cn-compra-campos input:focus { outline: none; border-color: var(--accent-2); }
#view-conta .cn-compra-nota { font-size: 12.5px; color: var(--txt-3); }
#view-conta .cn-compra-alerta {
  margin-top: 8px; padding: 14px 16px; border-radius: 10px;
  background: rgba(255,176,32,.12); border: 1px solid rgba(255,176,32,.55);
  font-size: 14px; line-height: 1.5; color: var(--txt-2);
}
#view-conta .cn-compra-alerta[hidden] { display: none; }
#view-conta .cn-compra-alerta > b:first-child { display: block; margin-bottom: 4px; font-size: 17px; color: var(--accent-2); }
#view-conta .cn-compra-alerta b { color: var(--txt); }
#view-conta .cn-compra-alerta span { display: block; margin-top: 8px; font-size: 12.5px; color: var(--txt-3); }