
.view.app{
  --nx-fundo-luz:var(--fundo-3);
  --nx-fundo-borda:color-mix(in srgb,var(--fundo-2) 60%,var(--fundo));
  --nx-fotos-opacidade:.2;
  --nx-nucleo:color-mix(in srgb,var(--superficie) 7%,transparent);
  --nx-letra:color-mix(in srgb,var(--superficie) 13%,transparent);
}
[data-modo="escuro"] .view.app{
  --nx-fundo-luz:color-mix(in srgb,var(--superficie) 26%,var(--fundo));
  --nx-fundo-borda:color-mix(in srgb,var(--fundo) 82%,#000);
  --nx-fotos-opacidade:.08;
  --nx-nucleo:color-mix(in srgb,var(--superficie) 6%,transparent);
  --nx-letra:color-mix(in srgb,var(--superficie) 11%,transparent);
}

.view.app .main{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(90% 85% at 0% 0%,var(--nx-fundo-luz) 0%,transparent 62%),
    radial-gradient(90% 85% at 100% 100%,var(--nx-fundo-luz) 0%,transparent 62%),
    radial-gradient(140% 140% at 50% 50%,var(--fundo) 40%,var(--nx-fundo-borda) 100%) var(--fundo);
}
.view.app .main>.body{background:transparent}
.view.app .main>.top{background:color-mix(in srgb,var(--papel) 86%,transparent)}

.view.app .main{--nx-tam:min(88vmin,860px)}
.view.app .main>.nx-fotos{
  position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  mix-blend-mode:multiply;
}
.view.app .main>.nx-fotos img{
  position:absolute;height:auto;max-width:none;opacity:var(--nx-fotos-opacidade);
  user-select:none;-webkit-user-select:none;
}
[data-modo="escuro"] .view.app .main>.nx-fotos{mix-blend-mode:screen}
[data-modo="escuro"] .view.app .main>.nx-fotos img{filter:grayscale(1) invert(1)}
[data-fundo="neutro"] .view.app .main::before,
[data-fundo="neutro"] .view.app .main::after,
[data-fundo="neutro"] .view.app .main>.nx-fotos{display:none}
.view.app .main::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:calc(var(--nx-tam) * .3);height:calc(var(--nx-tam) * .3);border-radius:50%;
  background:var(--nx-nucleo);color:var(--nx-letra);
  user-select:none;-webkit-user-select:none;
}
.view.app .main::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:calc(var(--nx-tam) * .19);height:calc(var(--nx-tam) * .13);
  background:var(--nx-letra);
  -webkit-mask:var(--nx-w-oficial) center/contain no-repeat;mask:var(--nx-w-oficial) center/contain no-repeat;
}


#v-geral .quando-pronto{container:nx-geral / inline-size}
#v-geral .quando-pronto>.row{flex:0 0 auto !important}
#v-geral #geral-proxima-conq{margin-top:10px !important;padding-top:0 !important}
#v-geral .quando-pronto.pilha{gap:12px}
#v-geral .quando-pronto>.row{
  --nx-cols:4;
  display:grid;grid-template-columns:repeat(var(--nx-cols),minmax(0,1fr));gap:12px;align-items:stretch;
}
#v-geral .quando-pronto>.row>.card{min-width:0}
#v-geral .quando-pronto>.row>.g145{grid-column:span 2}
#v-geral .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo{grid-column:span 2}
#v-geral.boas-vindas .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo{grid-column:span 1}
#v-geral.boas-vindas .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo+.bv{grid-column:span 2}

@container nx-geral (max-width:899px){
  #v-geral .quando-pronto>.row{--nx-cols:2}
  #v-geral .quando-pronto>.row>.codigo,
  #v-geral.boas-vindas .quando-pronto>.row>.codigo+.bv{grid-column:span 1}
  #v-geral .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo,
  #v-geral.boas-vindas .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo{grid-column:span 2}
  #v-geral.boas-vindas .quando-pronto>.row:has(>#geral-comissao[hidden])>.codigo+.bv{grid-column:span 1}
}
@container nx-geral (max-width:540px){
  #v-geral .quando-pronto>.row:not(.pontos){--nx-cols:1}
  #v-geral .quando-pronto>.row>.g145,
  #v-geral .quando-pronto>.row:not(.pontos)>.card{grid-column:span 1}
}

@media (min-width:761px){
  #v-geral .body{padding:8px 20px 10px;gap:10px}
  #v-geral .quando-pronto.pilha,#v-geral .quando-pronto>.row{gap:10px}
  #v-geral .card{padding:9px 14px}
  #v-geral .sub{margin-top:3px}
  #v-geral .sub,#v-geral .carimbo,#v-geral .card.ind .quando,#v-geral .janela-min{line-height:1.35}
  #v-geral .eb{letter-spacing:1px}

  #v-geral .lvlband{padding:6px 18px;gap:20px}
  #v-geral .lvlband .now{min-width:0;gap:12px}
  #v-geral .lvlband .now .name{font-size:var(--t30);line-height:1.05;margin-top:0}
  #v-geral .lvlband .now .sub{margin-top:2px}
  #v-geral .track .lbls{margin-bottom:4px}
  #v-geral .track .ends{margin-top:3px}
  #v-geral .janela-min{margin-top:2px}
  #v-geral .chama{width:18px;height:24px}
  #v-geral .pips{margin-top:6px}
  #v-geral .pips span{height:14px}

  #v-geral .card.pt .sub.collection{margin-top:4px;padding-top:4px}
  #v-geral .comissao .sub.anterior{margin-top:4px;padding-top:4px}
  #v-geral .carimbo{margin-top:6px}
  #v-geral .cod{margin:6px 0}

  #v-geral .chart{min-height:96px;padding-top:18px}
  #v-geral .hr{margin:7px 0}
  #v-geral .hb{margin-bottom:0}
  #v-geral .rank{margin-top:1px}
  #v-geral .rank .p{font-size:var(--t18);line-height:1.25}
  #v-geral .rank+.sub.apurado{margin-top:4px}
}

#v-geral .card.ind{container:nx-card / inline-size}
#v-geral .card.ind .kpi{white-space:nowrap}
#v-geral .card.ind .kpi[data-nx-frase]{white-space:normal;font-size:var(--t14);line-height:1.35;color:var(--ink-3)}
#v-geral .card.pt .kpi:not([data-nx-frase]){font-size:clamp(16px,calc(100cqi / 6.6),22px)}

#v-geral .card.ind .par{grid-template-columns:minmax(0,1fr);gap:0;margin-top:6px}
#v-geral .card.ind .par .col{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
#v-geral .card.ind .par .col .quando{min-height:0}
#v-geral .card.ind .par .col .kpi{margin-top:0;min-width:0;font-size:clamp(16px,calc((100cqi - 52px) / 7.4),22px)}
#v-geral .card.ind .par .col .kpi[data-nx-frase]{font-size:var(--t14);flex:1 1 100px}
#v-geral .card.ind .par .col .sub{flex:0 0 100%;margin-top:1px}
#v-geral .card.ind .par .col+.col{border-left:none;padding-left:0;border-top:1px solid var(--linha);padding-top:6px;margin-top:6px}
#v-geral .card.ind .par .col[hidden]+.col{border-top:none;padding-top:0;margin-top:0}
@container nx-card (min-width:380px){
  #v-geral .card.ind .par{grid-template-columns:1fr 1fr;gap:8px 20px}
  #v-geral .card.ind .par .col{display:block}
  #v-geral .card.ind .par .col .kpi{font-size:clamp(16px,calc((100cqi - 41px) / 2 / 7.4),22px)}
  #v-geral .card.ind .par .col .quando{min-height:18px}
  #v-geral .card.ind .par .col+.col{border-top:none;padding-top:0;margin-top:0;border-left:1px solid var(--linha);padding-left:20px}
}

#v-geral #geral-comparacao{display:grid;grid-template-columns:minmax(0,max-content) minmax(40px,1fr) max-content;gap:6px 10px;align-items:center}
#v-geral #geral-comparacao>.hb{display:contents}
#v-geral #geral-comparacao>.hb u{width:auto;line-height:1.3}
#v-geral #geral-comparacao>.hb b{width:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
#v-geral #geral-comparacao>:not(.hb){grid-column:1/-1}
#v-geral #geral-comparacao+.sub{margin-top:8px}

#v-geral .chart,#v-geral .xax{gap:6px}
#v-geral .chart.girado{padding-top:18px}
#v-geral .chart.girado .val{writing-mode:horizontal-tb;transform:translateX(-50%)}
#v-geral .chart .val{letter-spacing:-.2px;z-index:1}
#v-geral .chart[data-nx-rotulos] .val .moeda{display:none}
#v-geral .chart[data-nx-rotulos="foco"] .val{visibility:hidden}
#v-geral .chart[data-nx-rotulos="foco"] .val[data-nx-mostra]{visibility:visible}
#v-geral .chart[data-nx-rotulos="foco"] .col{cursor:pointer}

@media (max-width:760px){
  .view.app .main{--nx-tam:min(96vw,420px)}
}
@media print{
  .view.app .main::after,.view.app .main>.nx-fotos{display:none}
}
.view.app#v-admin .main::after,
.view.app#v-admin .main>.nx-fotos{display:none}

.view.app .nx-inteiro{white-space:nowrap}
.view.app .cod:not(.estado){word-break:normal;overflow-wrap:normal;white-space:nowrap}
#v-geral .card.ind .cod:not(.estado){font-size:clamp(11px,calc(100cqi / 12),var(--t14))}
#v-geral.boas-vindas .card.ind .cod:not(.estado){font-size:clamp(12px,calc(100cqi / 13),var(--t24))}

.view.app .top .ajuda-atalho{display:none}
.view.app .top [data-sair]{display:none}
.view.app .top [data-atualizar]{display:none}
[data-espelho="1"] .view.app .top [data-atualizar]{display:inline-flex}

.view.app .nx-carimbo{position:relative;display:inline-flex;align-items:center;font-size:var(--t11);color:var(--muted);min-width:0;cursor:default}
.view.app .nx-carimbo-tx{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.view.app .top .who span.nx-carimbo{width:auto;height:auto}
.view.app .nx-carimbo-icone{display:none;flex:none;width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.view.app .rail .nx-sair svg circle{fill:currentColor}
.view.app .rail .nx-mais{display:none}

@media (max-width:440px){
  .view.app .nx-carimbo-tx{display:none}
  .view.app .nx-carimbo-icone{display:inline-flex}
  .view.app .nx-carimbo{flex-shrink:0;margin-right:8px}
  .view.app .nx-carimbo{min-width:44px;min-height:44px;justify-content:center;margin-right:0}
  .view.app .top .who{flex-shrink:0}
  #v-geral .streak .of-topo{align-items:center}
  .view.app .who .av{margin-left:0}
  #v-geral .top h3{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .view.app .who .av{margin-left:8px}
  .view.app .nx-carimbo[data-nx-dica]{cursor:pointer;user-select:none;-webkit-user-select:none}
  .view.app .nx-carimbo[data-nx-dica]::after{
    content:attr(data-nx-dica);position:absolute;top:calc(100% + 8px);right:0;z-index:40;
    background:var(--ink);color:var(--papel);border-radius:6px;padding:6px 10px;font-size:var(--t11);
    white-space:nowrap;width:max-content;line-height:1.4;
    opacity:0;pointer-events:none;transition:opacity .12s ease;
  }
  .view.app .nx-carimbo[data-nx-dica]:hover::after,
  .view.app .nx-carimbo[data-nx-dica]:focus-visible::after,
  .view.app .nx-carimbo[data-nx-dica][data-nx-aberto]::after{opacity:1}
}

@media (max-width:399px){
  [data-espelho="1"] .view.app .nx-carimbo{display:none}
}

@media (max-width:440px){
  [data-espelho="1"] .view.app .who{flex-shrink:0}
  [data-espelho="1"] #v-geral h3{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media (max-width:760px){
  .view.app .nx-carimbo{font-size:var(--t10)}
  .view.app .rail .nx-mais{display:flex}
  .view.app .rail{position:relative}
  .view.app .rail .rail-fim,.view.app .rail.aberto .rail-fim{display:none}
  .view.app .rail[data-nx-mais] .rail-fim{
    display:flex;flex-direction:column;align-items:stretch;gap:2px;
    position:absolute;right:8px;bottom:calc(100% + 6px);width:auto;min-width:200px;margin:0;
    padding:6px;background:var(--papel);border:1px solid var(--linha);border-radius:8px;
    box-shadow:0 8px 24px var(--sombra);z-index:30;
  }
  .view.app .rail[data-nx-mais] .rail-fim a,
  .view.app .rail[data-nx-mais] .rail-fim button.rail-item{
    width:100%;max-width:none;flex:none;justify-content:flex-start;gap:12px;padding:0 12px;min-height:44px;
  }
  .view.app .rail[data-nx-mais] .rail-fim .rot{
    position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;
    font-size:var(--t13);color:inherit;
  }
}

.view.app [data-alvo="BIBLIOTECA_3D"]{display:none !important}

@media (min-width:761px){
  .view.app .prod-grade{grid-template-columns:repeat(auto-fill,minmax(max(184px,calc((100% - 80px) / 6)),1fr))}
}

.view.app .prod-grade{align-items:stretch}
.view.app .prod-card{height:100%}
.view.app .prod-nome{
  min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.view.app .prod-cat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.view.app .prod-card .prod-selos,
.view.app .prod-card .prod-vendido{display:none !important}
.view.app .prod-linha-selos{
  height:26px;flex:none;display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;
  gap:4px 10px;padding:10px 14px 0;box-sizing:border-box;
  font:600 11px/1.2 var(--fb);text-transform:uppercase;letter-spacing:.06em;
  white-space:nowrap;overflow:hidden;
}
.view.app .prod-selo--lanc{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--teal-dark);font:600 10px/1 var(--fb);letter-spacing:.05em;text-transform:uppercase;
}
.view.app .prod-selo--lanc::before{
  content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--teal);
}
.view.app .prod-selo--collection+.prod-selo--lanc{padding-left:11px}
.view.app .prod-grade:has(.prod-selo--collection+.prod-selo--lanc) .prod-linha-selos{height:42px}
@media (max-width:760px){
  .view.app .prod-linha-selos{padding:10px 10px 0;font-size:10px;letter-spacing:.04em}
}

.view.app .prod-preco{min-height:38px;display:flex;flex-direction:column;justify-content:flex-end;margin-top:4px}
.view.app .prod-preco-de{
  font-size:var(--t11);color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px;
  font-variant-numeric:tabular-nums;line-height:1.3;
}
.view.app .prod-preco-por{font-weight:600;font-size:var(--t15);line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums}
.view.app .prod-preco-vazio{font-size:var(--t12);color:var(--muted);line-height:1.3}
.view.app .prod-preco-nota{margin:2px 0 0;font-size:var(--t10);line-height:1.35;color:var(--muted)}
.view.app .prod-preco-nota a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:2px}
.view.app .prod-preco-nota a:hover{color:var(--ink,inherit)}
.view.app .prod-preco-nota a:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px;border-radius:2px}

.view.app .prod-rodape-card{margin-top:auto;padding:8px 14px 10px;min-height:40px;display:flex;align-items:center;border-top:1px solid var(--linha)}
.view.app .prod-linha-selos,.view.app .prod-rodape-card{user-select:none;-webkit-user-select:none}
.view.app .prod-rodape-card .nx-modelo-3d{
  display:inline-flex;align-items:center;gap:6px;font-size:var(--t10);letter-spacing:1px;text-transform:uppercase;
  font-weight:600;color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px;
}
.view.app .prod-rodape-card .nx-modelo-3d-ic{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.view.app .prod-rodape-card .nx-modelo-3d:hover{color:var(--ink,inherit)}
.view.app .prod-rodape-card .nx-modelo-3d:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px;border-radius:2px}
.view.app .prod-sem-3d{font-size:var(--t11);color:var(--muted)}
.view.app .prod-rodape-card .prod-fora{font-size:var(--t11);color:var(--muted)}

.view.app #prod-conta,
.view.app .prod-menu-n{display:none !important}

@media (max-width:760px){
  .view.app .prod-filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;padding:10px 16px}
  .view.app .prod-filtros #prod-busca{grid-column:1/-1;width:100%;min-height:44px}
  .view.app .prod-filtros .prod-sel{width:100%;min-width:0;max-width:none}
  .view.app#v-produtos .prod-filtros .nx-ord-caixa{grid-column:1/-1}
}

@media (max-width:600px){
  .view.app .prod-filtros #prod-busca{font-size:16px}
}
@media (max-width:760px){
  .view.app .prod-nome{min-height:4.05em;-webkit-line-clamp:3}
}
@media (min-width:761px){
  .view.app .prod-filtros #prod-busca{width:260px}
}

#v-geral .top:has(.nx-periodo) #geral-ano{display:none}
#v-geral .nx-periodo{position:relative;flex:0 0 auto}
#v-geral .nx-periodo-btn{
  display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;
  border:1px solid var(--bege-2);border-radius:6px;background:var(--papel);color:var(--ink);
  font:inherit;font-size:var(--t12);cursor:pointer;white-space:nowrap;
}
#v-geral .nx-periodo-btn:hover{border-color:var(--acento-claro)}
#v-geral .nx-periodo-btn:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
#v-geral .nx-periodo-rot{color:var(--muted);font-size:var(--t11)}
#v-geral .nx-periodo-valor{font-weight:600}
#v-geral .nx-periodo-seta{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(90deg);transition:transform .12s ease}
#v-geral .nx-periodo-btn[aria-expanded="true"] .nx-periodo-seta{transform:rotate(-90deg)}
#v-geral .nx-periodo-menu{
  position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:280px;padding:6px;
  background:var(--papel);border:1px solid var(--linha);border-radius:8px;box-shadow:0 8px 24px var(--sombra);
}
#v-geral .nx-periodo-opcoes{display:flex;flex-direction:column;gap:2px}
#v-geral .nx-periodo-item{
  display:flex;align-items:center;min-height:34px;padding:0 10px;border:0;border-radius:6px;
  background:transparent;color:var(--ink);font:inherit;font-size:var(--t13);text-align:left;cursor:pointer;
}
#v-geral .nx-periodo-item:hover,#v-geral .nx-periodo-item:focus-visible{background:var(--bege);outline:none}
#v-geral .nx-periodo-item[aria-checked="true"]{font-weight:600;color:var(--acento-forte)}
#v-geral .nx-periodo-item[aria-checked="true"]::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--acento)}
#v-geral .nx-periodo-nota{margin:6px 4px 2px;padding-top:8px;border-top:1px solid var(--linha);font-size:var(--t11);line-height:1.45;color:var(--muted)}

#v-geral.boas-vindas .nx-periodo{display:none !important}

#v-geral.nx-trocando .quando-carregando{display:none !important}
#v-geral.nx-trocando .quando-pronto[hidden]{display:flex !important}
#v-geral.nx-trocando .quando-pronto{opacity:.55;pointer-events:none;transition:opacity .12s ease}

@media (max-width:760px){
  #v-geral .nx-periodo-rot{display:none}
  #v-geral .nx-periodo-btn{height:44px}
  #v-geral .nx-periodo-menu{
    position:fixed;left:12px;right:12px;top:56px;width:auto;
    max-height:calc(100dvh - 56px - 12px);overflow:auto;
  }
  #v-geral .nx-periodo-menu.nx-esp-ativo{
    top:calc(var(--esp-altura) + 56px);
    max-height:calc(100dvh - var(--esp-altura) - 56px - 12px);
  }
}

.view.app #adm-especificadores table.dt th:last-child,
.view.app #adm-especificadores table.dt td:last-child{position:sticky;right:0;z-index:1}
.view.app #adm-especificadores table.dt th:last-child{background:var(--bege-2)}
.view.app #adm-especificadores table.dt td:last-child{background:var(--papel)}
.view.app #adm-especificadores table.dt tbody tr:nth-child(even) td:last-child{background:var(--bege)}
.view.app #adm-especificadores table.dt th:last-child::before,
.view.app #adm-especificadores table.dt td:last-child::before{
  content:'';position:absolute;left:-8px;top:0;bottom:0;width:8px;
  background:linear-gradient(to left,var(--sombra),transparent);pointer-events:none
}
@media (max-width:760px){
  .view.app #adm-especificadores .card:has(>.tabela)::after{
    content:'Arraste para ver mais colunas.';display:block;padding:8px 14px;
    font-size:var(--t11);color:var(--muted);background:var(--bege-2);border-top:1px solid var(--bege-2)
  }
}
.view.app #adm-especificadores table.dt td:nth-child(1),
.view.app #adm-especificadores table.dt td:nth-child(3),
.view.app #adm-especificadores table.dt th:nth-child(8),
.view.app #adm-especificadores table.dt td:nth-child(8){white-space:nowrap}
.view.app #adm-especificadores table.dt th,
.view.app #adm-especificadores table.dt td{padding:10px 14px}
.view.app #adm-especificadores table.dt th:nth-child(4),
.view.app #adm-especificadores table.dt td:nth-child(4),
.view.app #adm-especificadores table.dt th:nth-child(5),
.view.app #adm-especificadores table.dt td:nth-child(5){padding-inline:8px}
.view.app #adm-especificadores table.dt th:last-child,
.view.app #adm-especificadores table.dt td:last-child{padding-inline:10px}
.view.app #adm-especificadores table.dt .adm-acoes{gap:4px}
.view.app #adm-especificadores table.dt .adm-acoes .btn{padding-inline:9px}

.view.app #adm-auditoria table.dt td{vertical-align:top}
.view.app #adm-auditoria table.dt td:nth-child(5),
.view.app #adm-auditoria table.dt td:nth-child(6){white-space:normal;overflow-wrap:anywhere;max-width:320px}
.view.app #adm-auditoria table.dt td:nth-child(6){min-width:180px}
@media (max-width:1152px){
  .view.app #adm-auditoria table.dt td:nth-child(2){white-space:normal;overflow-wrap:anywhere}
}

@media (max-width:760px){
  .view.app#v-admin #adm-busca{flex:1 1 100%;width:100%;min-width:0}
}

.view.app .tot-mosaico>.tot-larga{min-width:0}

.view.app .xax span{min-width:0}

@media (max-width:1080px){
  .view.app .tot-grade{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}

.view.app .tot-link{margin-left:-13px}

@media (max-width:760px){
  .view.app .tot-canal-estado{margin-left:0}
}
.view.app .ajuda-secao{scroll-margin-top:72px}
.view.app .ajuda-secao h4[tabindex="-1"]{scroll-margin-top:72px;outline-offset:4px}
.view.app .ajuda-secao h4[tabindex="-1"]:focus:not(:focus-visible){outline:none}

.view.app #prod-atualizado{display:none !important}
.view.app .prod-nome{overflow-wrap:break-word;word-break:normal;hyphens:manual}
.view.app .prod-nome a{overflow-wrap:break-word;word-break:normal}

@media (max-width:599.98px){
  .view.app .prod-filtros.nx-fr-compacta{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 16px}
  .view.app .prod-filtros.nx-fr-compacta #prod-busca{flex:1 1 auto;width:auto;min-width:0;min-height:44px;font-size:16px}
}

.view.app#v-extrato .filters>.reservado{display:none !important}
.view.app#v-extrato #ext-total-topo{
  display:inline-block;padding:4px 10px;border-radius:6px;
  background:var(--papel);border:1px solid var(--bege-2);
}

.view.app .nx-agenda-lista{display:none}
@media (max-width:760px){
  .view.app .agenda-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}
  .view.app .agenda-cab{display:block;padding:6px 0;font-size:var(--t11)}
  .view.app .agenda-dia,
  .view.app .agenda-dia.fora,
  .view.app .agenda-dia:not(.tem-evento){display:flex}
  .view.app .agenda-dia{min-height:46px;padding:5px 0 4px;flex-direction:column;align-items:center;gap:3px}
  .view.app .agenda-n{justify-content:center;margin:0;font-size:var(--t13);color:var(--ink)}
  .view.app .agenda-dia.fora .agenda-n{color:var(--muted)}
  .view.app .agenda-n .agenda-semana{display:none}
  .view.app .agenda-evs{display:none}
  .view.app .agenda-dia.tem-evento:not(.fora)::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--acento)}
  .view.app .agenda-dia.tem-evento:not(.fora) .agenda-n b{font-weight:600}
  .view.app .nx-agenda-lista{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;flex:none}
  .view.app .nx-agenda-lista[hidden]{display:none}
  .view.app .nx-agenda-ev{
    display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 14px;text-align:left;
    border:1px solid var(--linha);border-radius:8px;background:var(--papel);color:var(--ink);cursor:pointer;
    font-family:var(--fb);user-select:none;-webkit-user-select:none;
  }
  .view.app .nx-agenda-ev:hover{border-color:var(--acento-claro);background:var(--tinte-1)}
  .view.app .nx-agenda-ev:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
  .view.app .nx-agenda-data{display:flex;flex-direction:column;align-items:center;flex:none;width:36px;line-height:1.1}
  .view.app .nx-agenda-data b{font:500 var(--t21)/1.1 var(--fd);color:var(--teal-dark)}
  .view.app .nx-agenda-data span{font-size:var(--t11);color:var(--muted);text-transform:lowercase}
  .view.app .nx-agenda-corpo{display:flex;flex-direction:column;gap:2px;min-width:0}
  .view.app .nx-agenda-titulo{font-size:var(--t14);font-weight:600;line-height:1.35;color:var(--ink)}
  .view.app .nx-agenda-hora{font-size:var(--t12);color:var(--muted);font-variant-numeric:tabular-nums}
}

.view.app #rec-lista{align-items:stretch}
.view.app #rec-lista>.rec-card{height:100%}
.view.app #rec-lista>.rec-card>.prem-corpo{flex:1 1 auto}
.view.app #rec-lista .prem-corpo>h5{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.view.app #rec-lista>.rec-card .rec-acao{margin-top:auto;justify-content:flex-start}

@media (max-width:599.98px){
  .view.app#v-extrato .filters.nx-fr-compacta{flex-wrap:nowrap;gap:8px;padding:10px 16px}
  .view.app#v-extrato .filters.nx-fr-compacta #ext-pedido{flex:1 1 auto;width:auto !important;min-width:0;min-height:44px !important;font-size:16px}
}

.view.app#v-niveis .nx-niveis-falta{display:none}
@media (max-width:760px){
  .view.app#v-niveis .quando-pronto>.tile{flex-wrap:wrap;align-items:center;gap:8px 12px}
  .view.app#v-niveis .quando-pronto>.tile>.tx{flex:1 1 100%;min-width:0}
  .view.app#v-niveis .quando-pronto>.tile>.btn{flex:0 1 auto}
  .view.app#v-niveis .step.done,
  .view.app#v-niveis .step.next{
    display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:2px;align-items:center;padding:12px 16px;
  }
  .view.app#v-niveis .step.done .rn,
  .view.app#v-niveis .step.next .rn{grid-row:1 / span 2;width:30px;height:30px;margin:0;font-size:var(--t12)}
  .view.app#v-niveis .step.done h5,
  .view.app#v-niveis .step.next h5{font-size:var(--t18);line-height:1.2;padding-right:28px}
  .view.app#v-niveis .step.done .when{margin:0}
  .view.app#v-niveis .step.done .entra,
  .view.app#v-niveis .step.done ul,
  .view.app#v-niveis .step.done .keep,
  .view.app#v-niveis .step.done .gate,
  .view.app#v-niveis .step.next .when,
  .view.app#v-niveis .step.next .entra,
  .view.app#v-niveis .step.next ul,
  .view.app#v-niveis .step.next .keep{display:none}
  .view.app#v-niveis .step.next .gate{margin:0;padding:0;font-size:var(--t12);color:var(--ink-3)}
  .view.app#v-niveis .step.next .lk{top:14px;right:14px}
  .view.app#v-niveis .trail{gap:10px}
  .view.app#v-niveis .nx-niveis-falta{display:block;margin:8px 0 0;font-size:var(--t13);font-weight:600;color:var(--ink)}
}

.view.app#v-niveis .step .rn.nx-selo-nivel{font-weight:700}
.view.app#v-niveis .step .rn.nx-selo-nivel[data-tema="BRONZE"]{background:#A24B18;color:#FFFFFF}
.view.app#v-niveis .step .rn.nx-selo-nivel[data-tema="PRATA"]{background:#6F8FAE;color:#1A1A1A}
.view.app#v-niveis .step .rn.nx-selo-nivel[data-tema="OURO"]{background:#C98607;color:#1A1A1A}
.view.app#v-niveis .step .rn.nx-selo-nivel[data-tema="ESMERALDA"]{background:#22A05B;color:#1A1A1A}
.view.app#v-niveis .step .rn.nx-selo-nivel[data-tema="DIAMANTE"]{background:#4659CA;color:#FFFFFF}
.view.app#v-niveis .step.next .rn.nx-selo-nivel{color:#1A1A1A}
.view.app#v-niveis .step.next .rn.nx-selo-nivel[data-tema="BRONZE"]{background:color-mix(in srgb,#B4531B 16%,var(--papel));box-shadow:inset 0 0 0 1px color-mix(in srgb,#B4531B 45%,transparent)}
.view.app#v-niveis .step.next .rn.nx-selo-nivel[data-tema="PRATA"]{background:color-mix(in srgb,#6F8FAE 16%,var(--papel));box-shadow:inset 0 0 0 1px color-mix(in srgb,#6F8FAE 45%,transparent)}
.view.app#v-niveis .step.next .rn.nx-selo-nivel[data-tema="OURO"]{background:color-mix(in srgb,#C98607 16%,var(--papel));box-shadow:inset 0 0 0 1px color-mix(in srgb,#C98607 45%,transparent)}
.view.app#v-niveis .step.next .rn.nx-selo-nivel[data-tema="ESMERALDA"]{background:color-mix(in srgb,#22A05B 16%,var(--papel));box-shadow:inset 0 0 0 1px color-mix(in srgb,#22A05B 45%,transparent)}
.view.app#v-niveis .step.next .rn.nx-selo-nivel[data-tema="DIAMANTE"]{background:color-mix(in srgb,#4E60CC 16%,var(--papel));box-shadow:inset 0 0 0 1px color-mix(in srgb,#4E60CC 45%,transparent)}
[data-modo="escuro"] .view.app#v-niveis .step.next .rn.nx-selo-nivel{color:#F2F2F2}
.view.app#v-niveis .step.cur h5{line-height:1}
.view.app#v-niveis:has(#niveis-cmp-vazio:not([hidden])) .step ul:has(>li.sem-beneficio:only-child){display:none}
.view.app#v-niveis .tile>.btn.plain[data-ir="ajuda"]{
  border:1px solid var(--teal);background:transparent;color:var(--teal-dark);padding:6px 12px;
}
.view.app#v-niveis .tile>.btn.plain[data-ir="ajuda"]:hover{background:var(--tinte-1)}

.view.app .agenda-dia.fora.hoje .agenda-n b{
  display:inline;width:auto;height:auto;border-radius:0;background:none;color:inherit;font-weight:400;
}
.view.app .agenda-topo .btn.out,
.view.app .agenda-topo #agenda-ir-hoje{background:var(--papel)}
.view.app .agenda-topo #agenda-ir-hoje{border:1px solid var(--teal);color:var(--teal-dark);padding:6px 12px}
.view.app .agenda-topo .btn.out:hover,
.view.app .agenda-topo #agenda-ir-hoje:hover{background:var(--tinte-1)}

.view.app #rec-lista{grid-template-columns:repeat(auto-fill,minmax(max(232px,calc((100% - 64px) / 5)),1fr))}
.view.app #rec-lista>.rec-card .rec-acao:has(>.nx-rec-bloqueado){flex-direction:column;align-items:flex-start;gap:8px}

.view.app#v-extrato #ext-linhas td:nth-child(4):empty::before{content:"Sem categoria";color:var(--muted)}
.view.app .agenda-vazio{padding-left:0;padding-right:0}
.view.app #prod-vazio,
.view.app #rec-vazio,
.view.app #agenda-vazio{
  background:var(--papel);border:1px solid var(--bege-2);border-radius:8px;padding:32px 20px;
}
.view.app #agenda-vazio:has(+ #agenda-legenda:not([hidden])){border-radius:8px 8px 0 0;padding-bottom:16px}
.view.app #agenda-vazio:not([hidden]) + #agenda-legenda:not([hidden]){
  background:var(--papel);border:1px solid var(--bege-2);border-top:none;border-radius:0 0 8px 8px;
  margin:0;padding:0 20px 20px;
}
.view.app .who .av{color:#586365}
[data-modo="escuro"] .view.app .who .av{color:var(--muted)}
.view.app .rail.nx-rail-sem-transicao{transition:none}

@media (max-width:760px){
  .view.app #rec-lista>.rec-card .rec-acao>.btn{min-width:120px;padding-left:24px;padding-right:24px;justify-content:center}
}

@media (max-width:599.98px){
  .view.app#v-extrato:has(.filters.nx-fr-compacta) #ext-chips>.chip{display:none}
  .view.app#v-extrato:has(.filters.nx-fr-compacta) #ext-chips>.tot{flex:1 1 100%;margin-left:0;text-align:right}
  .view.app#v-extrato:has(.filters.nx-fr-compacta) .main>#ext-chips{display:none}
}

.view.app#v-produtos .main,
.view.app#v-extrato .main,
.view.app#v-niveis .main,
.view.app#v-ajuda .main{container:nx-conteudo / inline-size}

.view.app#v-produtos .prod-filtros:not(.nx-fr-compacta) #prod-busca{width:100%;min-width:0}
.view.app#v-produtos .prod-filtros:not(.nx-fr-compacta) .prod-sel{width:100%;min-width:0;max-width:none}

.view.app#v-extrato .main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto minmax(0,1fr)}
.view.app#v-extrato .main>*{grid-column:1 / -1}
.view.app#v-extrato .main>.top{grid-row:1}
.view.app#v-extrato .main>.filters{grid-row:2}
.view.app#v-extrato .main>.body{grid-row:5}
.view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-pedido{width:100% !important;min-width:0}
.view.app#v-extrato .filters:not(.nx-fr-compacta) .envolve{min-width:0}
.view.app#v-extrato .filters:not(.nx-fr-compacta) .fld{width:100%;min-width:0;overflow:hidden}
.view.app#v-extrato .filters:not(.nx-fr-compacta) .fld::after{margin-left:auto}
.view.app#v-extrato .filters:not(.nx-fr-compacta) .fld>:is(b,.nx-fr-valor){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container nx-conteudo (min-width:600px){
  .view.app#v-extrato .filters:not(.nx-fr-compacta){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:center}
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-pedido,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-periodo,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) .envolve{grid-column:span 2}
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-situacao,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-canal{grid-column:span 3}
}
@container nx-conteudo (min-width:780px){
  .view.app#v-extrato .main>#ext-chips:not(:has(>.chip)){display:none}
}
@container nx-conteudo (min-width:960px){
  .view.app#v-extrato .filters:not(.nx-fr-compacta){grid-template-columns:minmax(140px,auto) repeat(4,minmax(0,auto))}
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-pedido,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-periodo,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) .envolve,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-situacao,
  .view.app#v-extrato .filters:not(.nx-fr-compacta) #ext-canal{grid-column:auto}
}

.view.app .agenda-dia.fora .agenda-n{color:var(--muted)}

@container nx-conteudo (min-width:600px) and (max-width:899.98px){
  .view.app#v-niveis .trail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .view.app#v-niveis .trail:has(>.step.cur:nth-child(odd)){grid-template-columns:repeat(2,minmax(0,1fr))}
  .view.app#v-niveis .trail>.step.cur:nth-child(odd){grid-column:1 / -1}
}

@supports (grid-template-rows:subgrid){
  .view.app #rec-lista{row-gap:0}
  .view.app #rec-lista>.rec-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;height:auto;margin-bottom:16px}
  .view.app #rec-lista>.rec-card>.prem-img{grid-row:1}
  .view.app #rec-lista>.rec-card>.prem-corpo{display:grid;grid-row:2 / span 6;grid-template-rows:subgrid;row-gap:0}
  .view.app #rec-lista>.rec-card>.prem-corpo>h5{grid-row:1}
  .view.app #rec-lista>.rec-card>.prem-corpo>.prem-para{grid-row:2;margin-top:6px}
  .view.app #rec-lista>.rec-card>.prem-corpo>.rec-custo{grid-row:3;margin-top:6px}
  .view.app #rec-lista>.rec-card>.prem-corpo>.prem-desc{grid-row:4;margin-top:6px}
  .view.app #rec-lista>.rec-card>.prem-corpo>.prem-meta{grid-row:5;margin-top:6px}
  .view.app #rec-lista>.rec-card>.prem-corpo>.rec-acao{grid-row:6;align-self:end}
}

.view.app#v-ajuda .ajuda-indice,
.view.app#v-ajuda .ajuda-secao{font-size:var(--t13);max-width:calc(76ch + 50px);margin-inline:auto}
.view.app#v-ajuda .ajuda-indice .btn.out{background:var(--papel)}
.view.app#v-ajuda .ajuda-indice .btn.out:hover{background:color-mix(in srgb,var(--acento) 9%,var(--papel))}
.view.app#v-ajuda .ajuda-corpo :is(ol,ul,dl)+p{margin-top:12px}

@media (min-width:761px){
  .view.tela-cheia.login .form{position:static;justify-content:flex-start}
  .view.tela-cheia.login .form>.cab{margin-top:auto}
  .view.tela-cheia.login .form>.link-aviso{margin-bottom:auto}
  .view.tela-cheia.login .form{padding-left:36px;padding-right:36px}
  .view.tela-cheia.login .form>:not(.entrada-modo){width:100%;max-width:440px;margin-left:auto;margin-right:auto}
  .view.tela-cheia.login .otp{scroll-margin-top:160px;scroll-margin-bottom:16px}
}
@media (min-width:761px) and (max-height:860px){
  .view.tela-cheia.login .form{padding-top:20px;padding-bottom:20px;gap:10px}
  .view.tela-cheia.login .etapa-corpo{gap:10px;padding-top:8px}
  .view.tela-cheia.login .etapa-codigo form{gap:10px}
  .view.tela-cheia.login .otp{min-height:44px;padding-top:4px;padding-bottom:4px;font-size:22px}
  .view.tela-cheia.login .lembrar{padding-top:6px;padding-bottom:6px;min-height:auto}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .cab p,
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden]))>.fine{display:none}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) #form-login .campo{margin-bottom:0}
}
@media (min-width:761px){
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])){
    justify-content:center;overflow-y:hidden;gap:clamp(6px,1.2vh,10px);
    padding-top:clamp(10px,1.8vh,20px);padding-bottom:clamp(10px,1.8vh,20px);
  }
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .cab{margin-top:0;gap:4px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .cab h4{font-size:22px;line-height:1.15}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) #form-login{margin-bottom:0}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) #form-login label{font-size:11px;margin-bottom:2px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) #login-email{min-height:38px;padding:6px 12px;font-size:13px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .etapa-corpo{gap:clamp(6px,1.2vh,10px);padding-top:clamp(4px,0.8vh,8px)}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .etapa-codigo form{gap:clamp(6px,1.2vh,10px)}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .etapa-codigo .destaque{padding:8px 12px;font-size:12px;line-height:1.35;margin:0}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .otp{min-height:42px;padding:4px 10px;font-size:20px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .ajuda{font-size:11px;line-height:1.25;margin-top:2px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .lembrar{padding:6px 12px;min-height:auto;gap:8px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .lembrar-texto b{font-size:12px;line-height:1.25}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .lembrar-apoio{font-size:11px;line-height:1.2}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .go{min-height:42px;padding:8px;font-size:13px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .saidas{gap:6px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .saidas .btn{min-height:30px;padding:4px 10px;font-size:11px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .link-aviso{margin:0 auto;padding:2px 0;font-size:11px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden]))>nav.entrada-rodape{margin:4px auto 0;padding-top:6px}
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden])) .entrada-rodape .rodape-link{min-height:24px;font-size:11px}
}

.view.app#v-extrato #ext-total-topo{display:none}
@media (min-width:1081px){
  #v-geral .lvlband .streak.of-v2{grid-template-areas:"chama cab . meses" "chama num . periodo" "chama num . frase" "chama rec . frase";grid-template-rows:auto auto auto auto}
  #v-geral .lvlband .streak.of-v2 .of-recorde{align-self:start;margin-top:0;white-space:nowrap}
  #v-geral .quando-pronto>.lvlband{padding-top:8px;padding-bottom:8px}
}
@container nx-conteudo (min-width:1300px){
  .view.app#v-ajuda .body{display:grid;grid-template-columns:220px repeat(2,minmax(0,1fr));gap:16px 20px;align-items:start;grid-auto-flow:row dense}
  .view.app#v-ajuda .ajuda-indice{grid-column:1;grid-row:1 / span 40;position:sticky;top:0;max-width:none;margin:0}
  .view.app#v-ajuda .ajuda-secao{max-width:none;margin:0}
}

@container nx-conteudo (min-width:600px) and (max-width:1399.98px){
  .view.app#v-niveis .step ul{line-height:1.45}
  .view.app#v-niveis .step ul li+li{margin-top:6px}
  .view.app#v-niveis .step ul li:before{top:.7em}
  .view.app#v-niveis .step .when{margin-bottom:10px}
}

@media (min-width:761px){
  .view.app#v-agenda .body{gap:12px}
  .view.app#v-agenda .agenda-grade{flex:1 1 0;grid-template-rows:auto;grid-auto-rows:minmax(auto,1fr)}
  .view.app#v-agenda .agenda-dia{min-height:84px}
  .view.app#v-agenda .agenda-ev{
    white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    padding:0;border-width:4px 6px;border-color:var(--tinte-1);outline:1px solid var(--tinte-3);outline-offset:-1px;
  }
  .view.app#v-agenda .agenda-ev:hover{border-color:var(--tinte-2)}
  .view.app#v-agenda .agenda-ev:focus-visible{outline:2px solid var(--teal-dark);outline-offset:1px}
  .view.app#v-agenda #agenda-vazio{padding:14px 20px}
  .view.app#v-agenda #agenda-vazio:not([hidden]) + #agenda-legenda:not([hidden]){margin-top:-12px;padding:10px 20px 12px}
  .view.app#v-agenda #agenda-vazio[hidden] + #agenda-legenda{padding:0 2px}
}

.view.app .mark.nx-marca-oficial{
  background-color:var(--nx-marca-fundo,oklch(from var(--superficie) var(--pp-capa-l,.37) calc(c * var(--pp-capa-croma,.5)) calc(h + var(--pp-capa-giro,0))));
  background-image:none !important;color:var(--nx-marca-tinta,#F6EEDC);font-size:0;
}
.view.app .mark.nx-marca-oficial .marca-letra,.view.app .mark.nx-marca-oficial>.marca-w{display:none}
.view.app .mark.nx-marca-oficial .nx-marca-w{display:block;width:74%;height:auto;flex:0 0 auto;pointer-events:none}

.view.tela-cheia.login .form>nav.entrada-rodape{
  display:flex;flex-direction:column;gap:0;
  width:auto;max-width:440px;margin:8px auto 0;padding-top:10px;border-top:1px solid var(--linha);
  user-select:none;-webkit-user-select:none;
}
.view.tela-cheia.login .entrada-rodape .rodape-par{display:flex;flex-wrap:wrap;gap:0 22px}
.view.tela-cheia.login .entrada-rodape .rodape-link{
  display:inline-flex;align-items:center;gap:6px;min-height:30px;align-self:flex-start;
  font-size:12px;line-height:1.35;color:var(--muted);text-decoration:none;cursor:pointer;border-radius:3px;
}
.view.tela-cheia.login .entrada-rodape .rodape-acao{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.view.tela-cheia.login .entrada-rodape .rodape-link.forte .rodape-acao{color:var(--teal-dark);font-weight:500}
.view.tela-cheia.login .entrada-rodape .rodape-link svg{
  width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.view.tela-cheia.login .entrada-rodape .rodape-link:hover,
.view.tela-cheia.login .entrada-rodape .rodape-link:hover .rodape-acao{color:var(--ink)}
.view.tela-cheia.login .entrada-rodape .rodape-link:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
@media (min-width:761px){
  .view.tela-cheia.login .form>nav.entrada-rodape{
    position:absolute;left:calc(60% + 36px);right:36px;bottom:18px;margin:0 auto;
  }
  .view.tela-cheia.login .form:has(.etapa-codigo:not([hidden]))>nav.entrada-rodape{
    position:static;margin:8px auto 0;
  }
}
@media (min-width:761px) and (max-height:700px){
  .view.tela-cheia.login .form>nav.entrada-rodape{
    position:static;margin:8px auto 0;
  }
}
@media (max-width:760px){
  .view.tela-cheia.login .form>nav.entrada-rodape{max-width:none;width:100%;margin:8px 0 0;padding-top:4px}
  .view.tela-cheia.login .entrada-rodape .rodape-par{flex-direction:column;gap:0}
  .view.tela-cheia.login .entrada-rodape .rodape-link{display:flex;min-height:44px;font-size:13px;width:100%}
}

.view.app#v-produtos .nx-esp-faixa{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 24px 0;flex-shrink:0;background:var(--bege);
  user-select:none;-webkit-user-select:none;
}
.view.app#v-produtos .nx-esp-abas{display:inline-flex;max-width:100%;padding:3px;gap:2px;background:var(--papel);border:1px solid var(--linha);border-radius:8px;overflow-x:auto}
.view.app#v-produtos .nx-esp-aba{
  flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:0;border-radius:6px;background:transparent;
  font:500 var(--t13)/1.2 var(--fb);color:var(--ink-2);cursor:pointer;white-space:nowrap;
}
.view.app#v-produtos .nx-esp-aba:hover{background:var(--tinte-1)}
.view.app#v-produtos .nx-esp-aba[aria-pressed="true"]{background:var(--ink);color:var(--papel)}
.view.app#v-produtos .nx-esp-aba:focus-visible{outline:2px solid var(--teal-dark);outline-offset:1px}
.view.app#v-produtos .nx-esp-aba-curto{display:none}
.view.app#v-produtos .nx-esp-nota{margin:0;font-size:var(--t12);line-height:1.4;min-height:calc(var(--t12)*1.4);color:var(--ink-3)}
.view.app#v-produtos .nx-esp-nota:empty{visibility:hidden}
.view.app#v-produtos .nx-esp-aba-n{margin-left:6px;font-size:var(--t11);opacity:.7;font-variant-numeric:tabular-nums}
.view.app#v-produtos .nx-esp-faixa+.body{padding-top:12px}
@media (max-width:760px){
  .view.app#v-produtos .nx-esp-faixa{padding:10px 16px 0}
  .view.app#v-produtos .nx-esp-abas{flex-wrap:wrap;overflow-x:visible;padding:3px 4px}
  .view.app#v-produtos .nx-esp-aba{min-height:44px}
  .view.app#v-produtos .nx-esp-aba-longo{display:none}
  .view.app#v-produtos .nx-esp-aba-curto{display:inline}
}

.view.app .prod-card[data-nx-especial] .nx-esp-selos{
  position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;
  pointer-events:none;user-select:none;-webkit-user-select:none;
}
.view.app .nx-esp-selo{
  display:inline-flex;flex-direction:column;max-width:70%;padding:4px 8px;border-radius:4px;
  background:var(--teal-dark);color:var(--sobre-acento);font:500 var(--t11)/1.25 var(--fb);
}
.view.app .nx-esp-selo b{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:var(--t10)}
.view.app .nx-esp-desconto{
  flex:none;padding:4px 8px;border-radius:4px;background:#B3162B;color:#FFFFFF;
  font:700 var(--t12)/1.25 var(--fb);font-variant-numeric:tabular-nums;
}

.view.app#v-extrato #ext-linhas .nx-camp-marca{
  display:flex;align-items:center;gap:6px;margin-top:2px;font:400 var(--t12)/1.4 var(--fb);color:var(--ink-3);
  cursor:default;user-select:none;-webkit-user-select:none;
}
.view.app#v-extrato #ext-linhas .nx-camp-marca i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.view.app#v-extrato #ext-linhas .nx-camp-marca-m{display:none}
@media (max-width:760px){
  .view.app#v-extrato #ext-linhas .nx-camp-marca-d{display:none}
  .view.app#v-extrato #ext-linhas .nx-camp-marca-m{display:flex;align-items:flex-start}
  .view.app#v-extrato #ext-linhas .nx-camp-marca-m i{margin-top:.5em}
  .view.app#v-extrato .tbfoot{flex-wrap:wrap;row-gap:4px}
  .view.app#v-extrato .tbfoot #btn-contestar{padding-left:0;margin-right:auto}
}
.view.tela-cheia.login .lk-aviso-contato{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500}
.view.tela-cheia.login .lk-aviso-contato:hover{color:var(--ink)}
.view.tela-cheia.login .lk-aviso-contato:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
