:root{--creme:#f6f0e6;--areia:#e8dcc8;--petroleo:#1f5f5b;--petroleo-escuro:#163f3c;--grafite:#2b2b2b;--texto-2:#4a4743;--texto-3:#6b665e;--terracota:#d9734e;--erro:#9b2c1f;--erro-fundo:#f8e3dc;--ok:#1f5f5b;--vidro:#fffcf6b8;--vidro-forte:#fffcf6db;--vidro-borda:#ffffffd9;--vidro-desfoque:blur(24px) saturate(170%);--sombra-vidro:inset 0 1px 0 #fff, 0 8px 24px #2b2b2b0f;--sombra-botao:inset 0 1px 0 #ffffff52, inset 0 -1px 0 #00000026, 0 10px 22px -10px #163f3cb3, 0 1px 2px #2b2b2b1f;--raio-cartao:28px;--raio-campo:14px;--fonte:-apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif;--fonte-titulo:-apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", system-ui, sans-serif;--barra-altura:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--fonte);letter-spacing:-.01em;color:var(--grafite);background-color:var(--creme);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 45% at 100% 0,#1f5f5b2e,#f6f0e600 70%),radial-gradient(70% 40% at 0 100%,#d9734e24,#f6f0e600 70%);background-attachment:fixed;margin:0;font-size:17px;line-height:1.45}a{color:var(--petroleo)}a:hover{color:var(--petroleo-escuro)}:focus-visible{outline:3px solid var(--grafite);outline-offset:3px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tela{max-width:560px;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px calc(env(safe-area-inset-bottom,0px) + var(--barra-altura) + 40px);flex-direction:column;gap:18px;margin:0 auto;display:flex}.tela--sem-barra{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}.topo{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.topo__titulo{flex-direction:column;gap:2px;min-width:0;display:flex}h1,.h1{font-family:var(--fonte-titulo);letter-spacing:-.03em;margin:0;font-size:32px;font-weight:700;line-height:1.1}h2,.h2{font-family:var(--fonte-titulo);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.2}h3,.h3{margin:0;font-size:17px;font-weight:600}p{margin:0}.sub{color:var(--texto-2)}.fraco{color:var(--texto-3);font-size:15px}.mini{color:var(--texto-3);font-size:13px}.pilha{flex-direction:column;gap:12px;display:flex}.pilha--8{gap:8px}.pilha--4{gap:4px}.linha{align-items:center;gap:12px;display:flex}.linha--entre{justify-content:space-between}.linha--quebra{flex-wrap:wrap}.cresce{flex:1;min-width:0}.numero{font-variant-numeric:tabular-nums}.forte{font-weight:600}.direita{text-align:right}.vidro{background:var(--vidro);-webkit-backdrop-filter:var(--vidro-desfoque);backdrop-filter:var(--vidro-desfoque);border:1px solid var(--vidro-borda);box-shadow:var(--sombra-vidro);border-radius:var(--raio-cartao)}.cartao{padding:18px}.cartao--compacto{border-radius:24px;padding:14px}.cartao--areia{background:var(--areia);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#0000}@media (prefers-reduced-transparency:reduce){.vidro,.barra,.botao--vidro,.pilula{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fffcf6!important}}.botao{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:17px;font-weight:600;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex}.botao:hover{filter:brightness(1.05);transform:translateY(-1px)}.botao:active{filter:brightness(.96);transform:translateY(1px)scale(.98)}.botao:disabled{cursor:default;opacity:.5;filter:none;transform:none}.botao--principal{color:#fff;background-color:var(--petroleo);min-height:56px;box-shadow:var(--sombra-botao);background-image:linear-gradient(#fff3,#fff0 55%)}.botao--principal:hover{color:#fff}.botao--vidro{color:var(--grafite);background:var(--vidro-forte);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);border:1px solid #ffffffe6;box-shadow:inset 0 1px #fff,0 8px 20px -8px #2b2b2b40,0 0 0 .5px #2b2b2b14}.botao--vidro:hover{color:var(--grafite)}.botao--texto{color:var(--petroleo);background:0 0;padding:0 8px}.botao--perigo{color:var(--erro);background:0 0;border:1px solid #9b2c1f59}.botao--largo{width:100%}.botao--icone{width:44px;padding:0}.botao--pequeno{min-height:36px;padding:0 14px;font-size:15px}@media (prefers-reduced-motion:reduce){.botao{transition:none}.botao:hover,.botao:active{transform:none}}.campo{flex-direction:column;gap:6px;display:flex}.campo label,.campo__rotulo{color:var(--texto-2);font-size:15px;font-weight:600}.entrada{border-radius:var(--raio-campo);background:#fff;border:1px solid #2b2b2b24;width:100%;min-height:48px;padding:0 14px;font-size:17px}.entrada:focus{border-color:var(--petroleo);outline-offset:0;outline:3px solid #1f5f5b40}.entrada[aria-invalid=true]{border-color:var(--erro)}textarea.entrada{resize:vertical;min-height:96px;padding:12px 14px}.campo__ajuda{color:var(--texto-3);font-size:13px}.campo__erro{color:var(--erro);font-size:13px;font-weight:600}.busca{position:relative}.busca .entrada{border-radius:999px;padding-left:44px}.busca svg{color:var(--texto-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.grade-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grade-3-1{grid-template-columns:3fr 1fr;gap:12px;display:grid}.marcar{color:var(--texto-2);align-items:flex-start;gap:12px;font-size:15px;display:flex}.marcar input{width:22px;height:22px;accent-color:var(--petroleo);flex-shrink:0;margin:1px 0 0}.segmentos{background:#2b2b2b0f;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmentos button{cursor:pointer;min-height:40px;color:var(--texto-2);background:0 0;border:0;border-radius:999px;font-size:15px;font-weight:600}.segmentos button[aria-pressed=true]{color:var(--grafite);background:#fff;box-shadow:0 1px 3px #2b2b2b1f}.aviso{border-radius:20px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.aviso--erro{background:var(--erro-fundo);color:var(--erro)}.aviso--info{background:var(--areia);color:var(--grafite)}.aviso--ok{color:var(--petroleo-escuro);background:#1f5f5b1f}.aviso svg{flex-shrink:0;margin-top:2px}.vazio{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.pilula{color:var(--texto-2);white-space:nowrap;background:#2b2b2b12;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.pilula--ok{color:var(--petroleo-escuro);background:#1f5f5b21}.pilula--atencao{background:var(--areia);color:var(--grafite)}.pilula--erro{background:var(--erro-fundo);color:var(--erro)}.pilula__ponto{background:currentColor;border-radius:50%;width:7px;height:7px}.pilula--atencao .pilula__ponto{background:var(--terracota)}.trilha{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.trilha li{color:var(--texto-3);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.trilha li:before{content:"";background:#2b2b2b1f;border-radius:3px;height:6px}.trilha li[data-feito=true]{color:var(--petroleo-escuro)}.trilha li[data-feito=true]:before{background:var(--petroleo)}.trilha li[data-problema=true]{color:var(--erro)}.trilha li[data-problema=true]:before{background:var(--terracota)}.barra{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:min(100% - 28px,520px);height:var(--barra-altura);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--vidro-borda);z-index:20;background:#fffcf69e;border-radius:999px;justify-content:space-around;align-items:center;padding:0 6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #fff,0 10px 24px #2b2b2b1f}.barra a{height:52px;color:var(--texto-3);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.barra a[aria-current=page]{color:var(--petroleo-escuro);background:#1f5f5b1f}.acao-flutuante{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + var(--barra-altura) + 24px);z-index:19;width:min(100% - 28px,520px);position:fixed;transform:translate(-50%)}.produto{grid-template-columns:84px 1fr;align-items:center;gap:14px;display:grid}.foto{background-image:linear-gradient(140deg, var(--areia), #f3e4da);border-radius:18px;flex-shrink:0;width:84px;height:84px;overflow:hidden;box-shadow:inset 0 0 0 .5px #2b2b2b0f}.foto img{object-fit:cover;width:100%;height:100%}.foto--pequena{border-radius:14px;width:56px;height:56px}.atributos{flex-wrap:wrap;gap:6px;display:flex}.divisao{flex-direction:column;gap:8px;display:flex}.divisao__barra{background:var(--areia);border-radius:7px;height:14px;position:relative;overflow:visible}.divisao__dist{background:#2b2b2b2e;border-radius:7px 0 0 7px;position:absolute;inset:0 auto 0 0}.divisao__ganho{background-color:var(--petroleo);background-image:linear-gradient(#ffffff40,#fff0 60%);border-radius:0 7px 7px 0;transition:left .25s,right .25s;position:absolute;top:0;bottom:0}.divisao__minimo{background:var(--terracota);border-radius:2px;width:3px;position:absolute;top:-4px;bottom:-4px}.divisao__legenda{color:var(--texto-3);justify-content:space-between;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){.divisao__ganho{transition:none}}.passo{background:#2b2b2b0f;border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.passo button{cursor:pointer;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:20px;font-weight:600;box-shadow:0 1px 3px #2b2b2b1f}.passo button:disabled{opacity:.4;cursor:default}.passo output{text-align:center;font-variant-numeric:tabular-nums;min-width:32px;font-weight:600}.folha-fundo{z-index:40;background:#2b2b2b47;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.folha{background:var(--creme);width:min(100%,560px);max-height:92dvh;padding:10px 18px calc(env(safe-area-inset-bottom,0px) + 22px);border-radius:32px 32px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #2b2b2b2e}.folha__alca{background:#2b2b2b33;border-radius:3px;align-self:center;width:40px;height:5px}.lista{margin:0;padding:0;list-style:none}.lista>li+li{border-top:1px solid #2b2b2b14}.lista>li>a,.lista>li>button,.lista__item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:14px 0;text-decoration:none;display:flex}.esqueleto{background:linear-gradient(90deg,#e8dcc880,#e8dcc8e6,#e8dcc880) 0 0/200% 100%;border-radius:24px;animation:1.4s linear infinite brilho}@keyframes brilho{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.esqueleto{animation:none}}.marca{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.marca__simbolo{background:var(--petroleo);width:34px;height:34px;box-shadow:var(--sombra-botao);border-radius:11px;position:relative}.marca__simbolo:after{content:"";background:var(--terracota);border-radius:50%;width:8px;height:8px;position:absolute;bottom:7px;right:7px}.pontos{gap:6px;display:flex}.pontos span{background:#2b2b2b29;border-radius:4px;width:8px;height:8px}.pontos span[data-atual=true]{background:var(--petroleo);width:24px}.pontos span[data-feito=true]{background:var(--petroleo)}.cartao.lista{padding:4px 18px}.tela--larga{max-width:980px}.barra--painel{width:min(100% - 28px,640px)}.grade-cartoes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.indicador{color:inherit;flex-direction:column;gap:6px;text-decoration:none;display:flex}.indicador__valor{font-family:var(--fonte-titulo);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1}.indicador[data-alerta=true] .indicador__valor{color:var(--petroleo-escuro)}.indicador[data-alerta=true]:after{content:"";background:var(--terracota);border-radius:2px;width:28px;height:4px}.rolagem-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.segmentos--rolar{display:flex;overflow-x:auto}.segmentos--rolar button{flex:none;padding:0 14px}.duas-colunas{gap:18px;display:grid}@media (min-width:860px){.duas-colunas{grid-template-columns:1.2fr 1fr;align-items:start}}