:root{--cor-marca-50: #f2f5fa;--cor-marca-100: #e0e6f3;--cor-marca-200: #becbe7;--cor-marca-300: #91a8d6;--cor-marca-400: #6181c4;--cor-marca-500: #3e60a7;--cor-marca-600: #314f8e;--cor-marca-700: #273e70;--cor-marca-800: #1d3055;--cor-verde-50: #edfaf6;--cor-verde-100: #d7f4ec;--cor-verde-200: #ade9d9;--cor-verde-300: #74dabe;--cor-verde-400: #3ecba5;--cor-verde-500: #2ca383;--cor-verde-600: #21896d;--cor-verde-700: #1a6b55;--cor-neutro-0: #ffffff;--cor-neutro-50: #f7f8f9;--cor-neutro-100: #eef0f2;--cor-neutro-200: #e1e4e8;--cor-neutro-300: #cbd1d8;--cor-neutro-400: #9aa4b0;--cor-neutro-500: #6b7784;--cor-neutro-600: #4c5661;--cor-neutro-700: #343c45;--cor-neutro-800: #1f262d;--cor-neutro-900: #12171c;--cor-sucesso: var(--cor-verde-600);--cor-sucesso-fundo: var(--cor-verde-50);--cor-sucesso-borda: var(--cor-verde-200);--cor-alerta: #9a6700;--cor-alerta-fundo: #fff6e0;--cor-alerta-borda: #f0d9a0;--cor-erro: #b3261e;--cor-erro-fundo: #fdecea;--cor-erro-borda: #f3c3bf;--cor-info: var(--cor-marca-600);--cor-info-fundo: var(--cor-marca-50);--cor-info-borda: var(--cor-marca-200);--fundo: var(--cor-neutro-50);--superficie: var(--cor-neutro-0);--superficie-2: var(--cor-neutro-50);--borda: var(--cor-neutro-200);--borda-forte: var(--cor-neutro-300);--texto: var(--cor-neutro-800);--texto-suave: var(--cor-neutro-500);--texto-inverso: var(--cor-neutro-0);--acento: var(--cor-marca-500);--acento-forte: var(--cor-marca-600);--acento-suave: var(--cor-marca-50);--acento-2: var(--cor-verde-500);--acento-2-forte: var(--cor-verde-600);--acento-2-suave: var(--cor-verde-50);--e-1: 4px;--e-2: 8px;--e-3: 12px;--e-4: 16px;--e-5: 20px;--e-6: 24px;--e-8: 32px;--e-10: 40px;--e-12: 48px;--fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--fonte-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--t-xs: 11px;--t-sm: 12px;--t-md: 13px;--t-base: 14px;--t-lg: 16px;--t-xl: 20px;--t-2xl: 26px;--peso-medio: 500;--peso-semi: 600;--peso-forte: 700;--raio-sm: 5px;--raio: 8px;--raio-lg: 12px;--raio-pill: 999px;--sombra-1: 0 1px 2px rgba(18, 23, 28, .06);--sombra-2: 0 4px 12px rgba(18, 23, 28, .08);--sombra-3: 0 12px 32px rgba(18, 23, 28, .14);--transicao: .14s cubic-bezier(.2, .8, .3, 1);--anel-foco: 0 0 0 3px var(--cor-marca-200);--camada-cabecalho: 20;--camada-topo: 30;--camada-carrinho: 35;--camada-nav: 40;--camada-cortina: 49;--camada-lateral: 50;--camada-sobreposicao: 70;--camada-dialogo: 71;--camada-flutuante: 80;--camada-toast: 100;--largura-lateral: 232px;--altura-topo: 60px}:root[data-tema=escuro]{--fundo: var(--cor-neutro-900);--superficie: #181f25;--superficie-2: #1f272e;--borda: #2b343c;--borda-forte: #3a454f;--texto: #e8ecef;--texto-suave: #98a3ae;--acento: var(--cor-marca-300);--acento-forte: var(--cor-marca-200);--acento-suave: rgba(145, 168, 214, .14);--acento-2: var(--cor-verde-300);--acento-2-forte: var(--cor-verde-200);--acento-2-suave: rgba(116, 218, 190, .14);--cor-sucesso-fundo: rgba(44, 163, 131, .16);--cor-sucesso-borda: rgba(44, 163, 131, .42);--cor-sucesso: var(--cor-verde-300);--cor-alerta-fundo: rgba(154, 103, 0, .16);--cor-alerta-borda: rgba(154, 103, 0, .4);--cor-alerta: #e0b155;--cor-erro-fundo: rgba(179, 38, 30, .16);--cor-erro-borda: rgba(179, 38, 30, .42);--cor-erro: #f08279;--cor-info-fundo: rgba(62, 96, 167, .18);--cor-info-borda: rgba(62, 96, 167, .45);--cor-info: var(--cor-marca-300);--sombra-1: 0 1px 2px rgba(0, 0, 0, .3);--sombra-2: 0 4px 14px rgba(0, 0, 0, .38);--sombra-3: 0 14px 36px rgba(0, 0, 0, .5);--anel-foco: 0 0 0 3px rgba(145, 168, 214, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}code{font-family:var(--fonte-mono);font-size:var(--t-sm);background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio-sm);padding:1px 5px}.pilha{display:flex;flex-direction:column;gap:var(--e-3)}.linha{display:flex;align-items:center;gap:var(--e-2)}.linha-fim{display:flex;align-items:center;gap:var(--e-2);justify-content:flex-end}.entre{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3)}.crescer{flex:1}.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}.suave{color:var(--texto-suave)}.pequeno{font-size:var(--t-sm)}.num{text-align:right;font-variant-numeric:tabular-nums}.nada{color:var(--texto-suave);font-size:var(--t-md);padding:var(--e-4) 0;text-align:center}.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--e-4);align-items:start}.largura-total{grid-column:1 / -1}@keyframes surgir{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes entrar-lateral{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes girar{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);box-shadow:var(--sombra-1);padding:var(--e-5);animation:surgir var(--transicao)}.cartao__cabecalho{display:flex;align-items:center;gap:var(--e-2);margin-bottom:var(--e-4)}.cartao__titulo{font-size:var(--t-base);font-weight:var(--peso-semi)}.cartao__legenda{font-size:var(--t-sm);color:var(--texto-suave);font-weight:400}.cartao__icone{color:var(--acento);display:flex}.botao{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);border:1px solid transparent;border-radius:var(--raio);padding:0 var(--e-4);height:36px;font-size:var(--t-md);font-weight:var(--peso-medio);cursor:pointer;white-space:nowrap;transition:background var(--transicao),border-color var(--transicao),color var(--transicao)}.botao:disabled{opacity:.55;cursor:not-allowed}.botao:focus-visible{box-shadow:var(--anel-foco);outline:none}.botao--primario{background:var(--acento);color:#fff}.botao--primario:hover:not(:disabled){background:var(--acento-forte)}.botao--secundario{background:var(--superficie);border-color:var(--borda-forte);color:var(--texto)}.botao--secundario:hover:not(:disabled){background:var(--superficie-2)}.botao--fantasma{background:transparent;color:var(--texto-suave)}.botao--fantasma:hover:not(:disabled){background:var(--superficie-2);color:var(--texto)}.botao--perigo{background:transparent;color:var(--cor-erro);border-color:var(--cor-erro-borda)}.botao--perigo:hover:not(:disabled){background:var(--cor-erro-fundo)}.botao--pequeno{height:28px;padding:0 var(--e-3);font-size:var(--t-sm)}.botao--icone{width:36px;padding:0}.botao--bloco{width:100%}.girando{animation:girar .8s linear infinite}.campo{display:flex;flex-direction:column;gap:5px}.campo__rotulo{font-size:var(--t-sm);color:var(--texto-suave);font-weight:var(--peso-medio)}.campo__dica{font-size:var(--t-xs);color:var(--texto-suave)}.campo__erro{font-size:var(--t-xs);color:var(--cor-erro)}.entrada{height:36px;width:100%;padding:0 var(--e-3);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--raio);color:var(--texto);transition:border-color var(--transicao),box-shadow var(--transicao)}.entrada::placeholder{color:var(--cor-neutro-400)}.entrada:hover:not(:disabled){border-color:var(--cor-neutro-400)}.entrada:focus{outline:none;border-color:var(--acento);box-shadow:var(--anel-foco)}.entrada[aria-invalid=true]{border-color:var(--cor-erro)}.entrada:disabled{background:var(--superficie-2);cursor:not-allowed}.entrada--com-icone{padding-left:34px}.campo__envoltorio{position:relative;display:flex;align-items:center}.campo__icone{position:absolute;left:10px;display:flex;color:var(--texto-suave);pointer-events:none}.campo__acao{position:absolute;right:6px;display:flex;align-items:center;background:none;border:none;color:var(--texto-suave);cursor:pointer;padding:4px;border-radius:var(--raio-sm)}.campo__acao:hover{color:var(--texto);background:var(--superficie-2)}.seletor{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--e-2);height:36px;width:100%;padding:0 var(--e-3);background:var(--superficie);border:1px solid var(--borda-forte);border-radius:var(--raio);font-size:var(--t-base);color:var(--texto);cursor:pointer;text-align:left}.seletor:hover{border-color:var(--cor-neutro-400)}.seletor:focus{outline:none;border-color:var(--acento);box-shadow:var(--anel-foco)}.seletor[data-placeholder]{color:var(--texto-suave)}.seletor__valor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seletor__seta{color:var(--texto-suave);flex-shrink:0}.seletor__conteudo{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra-3);overflow:hidden;z-index:var(--camada-flutuante);max-height:320px}.seletor__lista{padding:var(--e-1)}.seletor__item{display:flex;align-items:center;gap:var(--e-2);padding:7px var(--e-3);border-radius:var(--raio-sm);font-size:var(--t-md);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.seletor__item[data-highlighted]{background:var(--acento-suave);color:var(--acento-forte)}.seletor__item[data-state=checked]{font-weight:var(--peso-semi)}.seletor__indicador{margin-left:auto;color:var(--acento);display:flex}.tabela-envoltorio{overflow-x:auto;margin:0 calc(var(--e-5) * -1) calc(var(--e-5) * -1)}.tabela{width:100%;border-collapse:collapse;font-size:var(--t-md)}.tabela th,.tabela td{text-align:left;padding:9px var(--e-3);border-bottom:1px solid var(--borda);vertical-align:middle}.tabela th:first-child,.tabela td:first-child{padding-left:var(--e-5)}.tabela th:last-child,.tabela td:last-child{padding-right:var(--e-5)}.tabela th{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave);font-weight:var(--peso-semi);background:var(--superficie-2);position:sticky;top:0}.tabela tbody tr{transition:background var(--transicao)}.tabela tbody tr:hover{background:var(--superficie-2)}.tabela tbody tr:last-child td{border-bottom:none}.tabela__riscada td{color:var(--texto-suave);text-decoration:line-through}.etiqueta{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--raio-pill);font-size:var(--t-xs);font-weight:var(--peso-semi);border:1px solid transparent;white-space:nowrap}.etiqueta--sucesso{background:var(--cor-sucesso-fundo);color:var(--cor-sucesso);border-color:var(--cor-sucesso-borda)}.etiqueta--alerta{background:var(--cor-alerta-fundo);color:var(--cor-alerta);border-color:var(--cor-alerta-borda)}.etiqueta--erro{background:var(--cor-erro-fundo);color:var(--cor-erro);border-color:var(--cor-erro-borda)}.etiqueta--info{background:var(--cor-info-fundo);color:var(--cor-info);border-color:var(--cor-info-borda)}.etiqueta--neutra{background:var(--superficie-2);color:var(--texto-suave);border-color:var(--borda)}.aviso{display:flex;gap:var(--e-2);align-items:flex-start;padding:var(--e-3);border-radius:var(--raio);border:1px solid;font-size:var(--t-md)}.aviso--alerta{background:var(--cor-alerta-fundo);border-color:var(--cor-alerta-borda);color:var(--cor-alerta)}.aviso--erro{background:var(--cor-erro-fundo);border-color:var(--cor-erro-borda);color:var(--cor-erro)}.aviso--info{background:var(--cor-info-fundo);border-color:var(--cor-info-borda);color:var(--cor-info)}.aviso__icone{flex-shrink:0;margin-top:1px}.aviso ul{margin:0;padding-left:var(--e-4)}.sobreposicao{position:fixed;inset:0;z-index:var(--camada-sobreposicao);background:#12171c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:surgir var(--transicao)}.dialogo{position:fixed;z-index:var(--camada-dialogo);top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - var(--e-8)));max-height:calc(100vh - var(--e-10));overflow-y:auto;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);box-shadow:var(--sombra-3);padding:var(--e-6);animation:surgir var(--transicao)}.dialogo__titulo{font-size:var(--t-lg);font-weight:var(--peso-semi)}.dialogo__descricao{font-size:var(--t-md);color:var(--texto-suave);margin-top:var(--e-1)}.dialogo__corpo{margin-top:var(--e-5);display:flex;flex-direction:column;gap:var(--e-3)}.dialogo__rodape{margin-top:var(--e-6);display:flex;justify-content:flex-end;gap:var(--e-2)}.dialogo__fechar{position:absolute;top:var(--e-4);right:var(--e-4);background:none;border:none;color:var(--texto-suave);cursor:pointer;padding:var(--e-1);border-radius:var(--raio-sm);display:flex}.dialogo__fechar:hover{background:var(--superficie-2);color:var(--texto)}.toast-area{position:fixed;bottom:var(--e-5);right:var(--e-5);display:flex;flex-direction:column;gap:var(--e-2);width:380px;max-width:calc(100vw - var(--e-8));z-index:var(--camada-toast);list-style:none;margin:0;padding:0}.toast{display:flex;gap:var(--e-3);align-items:flex-start;background:var(--superficie);border:1px solid var(--borda);border-left:3px solid var(--borda-forte);border-radius:var(--raio);box-shadow:var(--sombra-3);padding:var(--e-3) var(--e-4)}.toast[data-state=open]{animation:entrar-lateral var(--transicao)}.toast--ok{border-left-color:var(--cor-sucesso)}.toast--erro{border-left-color:var(--cor-erro)}.toast__icone{flex-shrink:0;margin-top:2px}.toast--ok .toast__icone{color:var(--cor-sucesso)}.toast--erro .toast__icone{color:var(--cor-erro)}.toast__titulo{font-size:var(--t-md);font-weight:var(--peso-semi)}.toast__texto{font-size:var(--t-sm);color:var(--texto-suave);white-space:pre-line;margin-top:2px}.toast__fechar{background:none;border:none;color:var(--texto-suave);cursor:pointer;padding:2px;border-radius:var(--raio-sm);display:flex}.toast__fechar:hover{color:var(--texto)}.dica{background:var(--cor-neutro-800);color:var(--cor-neutro-0);font-size:var(--t-sm);padding:5px 9px;border-radius:var(--raio-sm);box-shadow:var(--sombra-2);z-index:var(--camada-flutuante);max-width:260px}.dica__seta{fill:var(--cor-neutro-800)}.menu{min-width:200px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra-3);padding:var(--e-1);z-index:var(--camada-flutuante)}.menu__item{display:flex;align-items:center;gap:var(--e-2);padding:7px var(--e-3);border-radius:var(--raio-sm);font-size:var(--t-md);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.menu__item[data-highlighted]{background:var(--superficie-2)}.menu__item--perigo{color:var(--cor-erro)}.menu__item--perigo[data-highlighted]{background:var(--cor-erro-fundo)}.menu__rotulo{padding:6px var(--e-3);font-size:var(--t-xs);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em}.menu__separador{height:1px;background:var(--borda);margin:var(--e-1) 0}.cargos{display:flex;flex-direction:column;gap:var(--e-2);margin-bottom:var(--e-3)}.cargos__linha{display:grid;grid-template-columns:1fr auto;gap:var(--e-2);align-items:end}.app{display:grid;grid-template-columns:var(--largura-lateral) 1fr;min-height:100vh}.lateral{background:var(--superficie);border-right:1px solid var(--borda);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.lateral__marca{display:flex;align-items:center;gap:var(--e-3);padding:var(--e-5);border-bottom:1px solid var(--borda);height:var(--altura-topo)}.lateral__logo{width:30px;height:30px;flex-shrink:0;border-radius:var(--raio);background:var(--acento);color:#fff;display:grid;place-items:center}.lateral__nome{font-size:var(--t-md);font-weight:var(--peso-semi);line-height:1.2}.lateral__sub{font-size:var(--t-xs);color:var(--texto-suave)}.lateral__nav{padding:var(--e-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.lateral__grupo{padding:var(--e-4) var(--e-3) var(--e-1);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-suave);font-weight:var(--peso-semi)}.lateral__item{display:flex;align-items:center;gap:var(--e-3);padding:8px var(--e-3);border-radius:var(--raio);color:var(--texto-suave);text-decoration:none;font-size:var(--t-md);font-weight:var(--peso-medio);transition:background var(--transicao),color var(--transicao)}.lateral__item:hover{background:var(--superficie-2);color:var(--texto)}.lateral__item--ativo{background:var(--acento-suave);color:var(--acento-forte)}.lateral__item--ativo svg{color:var(--acento)}.lateral__contagem{margin-left:auto;font-size:var(--t-xs);font-variant-numeric:tabular-nums;background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio-pill);padding:0 6px;color:var(--texto-suave)}.lateral__rodape{padding:var(--e-3);border-top:1px solid var(--borda)}.usuario{display:flex;align-items:center;gap:var(--e-3);width:100%;background:none;border:none;cursor:pointer;padding:var(--e-2);border-radius:var(--raio);text-align:left}.usuario:hover{background:var(--superficie-2)}.usuario__avatar{width:32px;height:32px;flex-shrink:0;border-radius:var(--raio-pill);background:var(--cor-marca-100);color:var(--cor-marca-700);display:grid;place-items:center;font-size:var(--t-sm);font-weight:var(--peso-semi)}.usuario__nome{display:block;font-size:var(--t-md);font-weight:var(--peso-medio);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario__perfil{display:block;font-size:var(--t-xs);color:var(--texto-suave)}.usuario .crescer{min-width:0}.conteudo{display:flex;flex-direction:column;min-width:0}.topo{height:var(--altura-topo);flex-shrink:0;display:flex;align-items:center;gap:var(--e-4);padding:0 var(--e-6);background:var(--superficie);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:var(--camada-cabecalho)}.topo__titulo{font-size:var(--t-lg);font-weight:var(--peso-semi)}.topo__descricao{font-size:var(--t-sm);color:var(--texto-suave)}.pagina{padding:var(--e-6);max-width:1440px;width:100%}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--e-3);margin-bottom:var(--e-5)}.kpi{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);padding:var(--e-4);display:flex;align-items:flex-start;gap:var(--e-3);box-shadow:var(--sombra-1)}.kpi__icone{width:34px;height:34px;flex-shrink:0;border-radius:var(--raio);background:var(--acento-suave);color:var(--acento);display:grid;place-items:center}.kpi__rotulo{font-size:var(--t-xs);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.05em}.kpi__valor{font-size:var(--t-xl);font-weight:var(--peso-semi);font-variant-numeric:tabular-nums;line-height:1.25}.kpi--alerta .kpi__icone{background:var(--cor-alerta-fundo);color:var(--cor-alerta)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--fundo)}.login__vitrine{background:linear-gradient(150deg,var(--cor-marca-700),var(--cor-marca-500) 55%,var(--cor-marca-400));color:#fff;padding:var(--e-12);display:flex;flex-direction:column;justify-content:center;gap:var(--e-5)}.login__titulo{font-size:var(--t-2xl);font-weight:var(--peso-forte);line-height:1.25;max-width:420px}.login__texto{font-size:var(--t-lg);opacity:.9;max-width:420px}.login__cadeia{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2);margin-top:var(--e-4)}.login__elo{background:#ffffff29;border:1px solid rgba(255,255,255,.26);border-radius:var(--raio-pill);padding:4px 13px;font-size:var(--t-md);font-weight:var(--peso-medio)}.login__painel{display:grid;place-items:center;padding:var(--e-8)}.login__caixa{width:min(390px,100%)}.login__marca{display:flex;align-items:center;gap:var(--e-3);margin-bottom:var(--e-6)}.login__form{display:flex;flex-direction:column;gap:var(--e-4)}.credenciais{margin-top:var(--e-6);padding:var(--e-4);background:var(--superficie-2);border:1px dashed var(--borda-forte);border-radius:var(--raio)}.credenciais__titulo{font-size:var(--t-sm);font-weight:var(--peso-semi);margin-bottom:var(--e-2)}.credenciais__lista{display:grid;gap:var(--e-1)}.credenciais__item{display:flex;align-items:center;gap:var(--e-2);background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:var(--raio-sm);font-size:var(--t-sm);color:var(--texto-suave);text-align:left}.credenciais__item:hover{background:var(--superficie);color:var(--texto)}@media(max-width:1000px){.login{grid-template-columns:1fr}.login__vitrine{display:none}}@media(max-width:860px){.app{grid-template-columns:1fr}.lateral{position:fixed;inset:0 auto 0 0;z-index:var(--camada-lateral);width:var(--largura-lateral);transform:translate(-100%);transition:transform var(--transicao);box-shadow:var(--sombra-3)}.lateral--aberta{transform:none}.pagina{padding:var(--e-4)}.grade,.duas-colunas{grid-template-columns:1fr}}@media(min-width:861px){.menu-mobile{display:none}}.cortina{position:fixed;inset:0;z-index:var(--camada-cortina);background:#12171c66}.portal{min-height:100vh;display:flex;flex-direction:column;background:var(--fundo);padding-bottom:76px}.portal__topo{position:sticky;top:0;z-index:var(--camada-topo);background:linear-gradient(135deg,var(--cor-marca-600),var(--cor-marca-500));color:#fff;padding:var(--e-4) var(--e-4) var(--e-5)}.portal__saudacao{font-size:var(--t-sm);opacity:.85}.portal__nome{font-size:var(--t-lg);font-weight:var(--peso-semi);line-height:1.2}.portal__nivel{margin-top:var(--e-4);background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:var(--raio-lg);padding:var(--e-3) var(--e-4)}.portal__nivel-linha{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e-2)}.portal__nivel-nome{font-size:var(--t-lg);font-weight:var(--peso-forte)}.portal__nivel-desconto{background:#fff;color:var(--cor-marca-700);border-radius:var(--raio-pill);padding:2px 10px;font-size:var(--t-sm);font-weight:var(--peso-forte)}.portal__barra{height:6px;margin-top:var(--e-3);background:#ffffff40;border-radius:var(--raio-pill);overflow:hidden}.portal__barra span{display:block;height:100%;background:#fff;transition:width var(--transicao)}.portal__falta{font-size:var(--t-sm);margin-top:6px;opacity:.9}.portal__corpo{flex:1;padding:var(--e-4);display:flex;flex-direction:column;gap:var(--e-4)}.portal__titulo{font-size:var(--t-base);font-weight:var(--peso-semi)}.portal__nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--camada-nav);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--superficie);border-top:1px solid var(--borda);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.portal__nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:var(--raio);color:var(--texto-suave);text-decoration:none;font-size:10px;font-weight:var(--peso-medio)}.portal__nav a.ativo{color:var(--acento);background:var(--acento-suave)}.catalogo{display:grid;gap:var(--e-3)}.produto-cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);padding:var(--e-4);box-shadow:var(--sombra-1)}.produto-cartao__nome{font-weight:var(--peso-semi);line-height:1.3}.produto-cartao__unidade{font-size:var(--t-xs);color:var(--texto-suave);margin-top:2px}.produto-cartao__precos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e-2);margin:var(--e-3) 0;padding:var(--e-3) 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}.produto-cartao__preco span{display:block;font-size:10px;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em}.produto-cartao__preco strong{font-size:var(--t-base);font-variant-numeric:tabular-nums}.produto-cartao__preco--lucro strong{color:var(--cor-sucesso)}.produto-cartao__acoes{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-2)}.produto-cartao__saldo{font-size:var(--t-xs);color:var(--texto-suave);margin-top:var(--e-2);text-align:center}.resumo{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e-3)}.resumo__item{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-lg);padding:var(--e-3) var(--e-4)}.resumo__rotulo{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-suave)}.resumo__valor{font-size:var(--t-lg);font-weight:var(--peso-semi);font-variant-numeric:tabular-nums}.lista{display:grid;gap:var(--e-2)}.lista__item{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:var(--e-3) var(--e-4);display:flex;align-items:center;gap:var(--e-3)}.lista__principal{flex:1;min-width:0}.lista__titulo{font-weight:var(--peso-medio);font-size:var(--t-base)}.lista__detalhe{font-size:var(--t-sm);color:var(--texto-suave);margin-top:2px}.lista__valor{font-variant-numeric:tabular-nums;font-weight:var(--peso-semi);text-align:right}.carrinho-flutuante{position:fixed;bottom:84px;left:var(--e-4);right:var(--e-4);z-index:var(--camada-carrinho);background:var(--acento);color:#fff;border:none;border-radius:var(--raio-lg);padding:var(--e-3) var(--e-4);display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);box-shadow:var(--sombra-3);cursor:pointer;font:inherit;font-weight:var(--peso-semi);animation:surgir var(--transicao)}.carrinho-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--e-2);align-items:center;padding:var(--e-2) 0;border-bottom:1px solid var(--borda)}.carrinho-item:last-of-type{border-bottom:none}.carrinho-qtd{display:flex;align-items:center;gap:var(--e-1)}.carrinho-qtd button{width:30px;height:30px;border-radius:var(--raio-sm);border:1px solid var(--borda-forte);background:var(--superficie);cursor:pointer;font-size:var(--t-lg);line-height:1;color:var(--texto)}.carrinho-qtd span{min-width:26px;text-align:center;font-variant-numeric:tabular-nums}.carrinho-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--e-3);margin-top:var(--e-2);border-top:2px solid var(--borda);font-weight:var(--peso-semi)}.carrinho-total strong{font-size:var(--t-xl)}@media(min-width:720px){.portal{max-width:560px;margin:0 auto;border-left:1px solid var(--borda);border-right:1px solid var(--borda)}.portal__nav{max-width:560px;left:50%;transform:translate(-50%)}.carrinho-flutuante{max-width:528px;left:50%;transform:translate(-50%);right:auto;width:calc(100% - var(--e-8))}.catalogo{grid-template-columns:1fr 1fr}}.produto-cartao__foto{display:grid;place-items:center;margin:calc(var(--e-2) * -1) 0 var(--e-3)}.abas-catalogo{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--e-1);padding:var(--e-1);background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio)}.abas-catalogo button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px var(--e-2);border:none;border-radius:var(--raio-sm);background:none;color:var(--texto-suave);cursor:pointer;font:inherit;font-size:var(--t-md);font-weight:var(--peso-medio);transition:background var(--transicao),color var(--transicao)}.abas-catalogo button[aria-selected=true]{background:var(--superficie);color:var(--acento);box-shadow:var(--sombra-1)}.kit-cartao{background:var(--superficie);border:1px solid var(--cor-marca-200);border-radius:var(--raio-lg);padding:var(--e-4);box-shadow:var(--sombra-1);position:relative;overflow:hidden}.kit-cartao:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cor-marca-500),var(--cor-verde-500))}.kit-cartao__selo{position:absolute;top:var(--e-3);right:var(--e-3);background:var(--cor-verde-500);color:#fff;border-radius:var(--raio-pill);padding:2px 10px;font-size:var(--t-xs);font-weight:var(--peso-forte)}.kit-cartao__nome{font-size:var(--t-lg);font-weight:var(--peso-semi);padding-right:80px}.kit-cartao__descricao{font-size:var(--t-sm);color:var(--texto-suave);margin-top:2px}.kit-cartao__itens{display:flex;gap:var(--e-2);flex-wrap:wrap;margin:var(--e-3) 0;padding:var(--e-3) 0;border-top:1px solid var(--borda);border-bottom:1px solid var(--borda)}.kit-cartao__item{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px}.kit-cartao__item span{font-size:10px;color:var(--texto-suave);text-align:center;line-height:1.2}.kit-cartao__precos{display:flex;align-items:baseline;gap:var(--e-2);margin-bottom:var(--e-3)}.kit-cartao__cheio{text-decoration:line-through;color:var(--texto-suave);font-size:var(--t-sm)}.kit-cartao__preco{font-size:var(--t-xl);font-weight:var(--peso-forte)}.kit-cartao__nota{font-size:var(--t-xs);color:var(--texto-suave);margin-top:var(--e-2);text-align:center}