:root{--cp-bg:#121318;--cp-texto:#f2f2ee;--cp-borda:#26282f;--cp-borda2:#2c2f37;--cp-campo:#1a1c22;--cp-fraco:#8b8f99;--cp-medio:#c5c7cd}[class*=cp-]{--cp-acc:var(--accent,var(--destaque,#f2b705));--cp-tinta:var(--accent-ink,var(--destaque-tinta,#14161c));--cp-acc-texto:var(--accent-text,var(--cp-acc))}html[data-fundo=claro]{--cp-bg:#fff;--cp-texto:#16181d;--cp-borda:#e3e2dc;--cp-borda2:#dcdbd4;--cp-campo:#f4f4f0;--cp-fraco:#6b707b;--cp-medio:#3d4048}.cp-aberto body{overflow:hidden}.cp-veu{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-end;animation:.2s both cp-aparece;display:flex;position:fixed;inset:0}.cp-folha{background:var(--cp-bg);width:100%;max-width:560px;max-height:92dvh;color:var(--cp-texto);border:1px solid var(--cp-borda);border-bottom:0;border-radius:26px 26px 0 0;flex-direction:column;font-family:inherit;animation:.3s cubic-bezier(.2,.8,.2,1) both cp-sobe;display:flex}@media (min-width:700px){.cp-veu{align-items:center}.cp-folha{border-bottom:1px solid var(--cp-borda);border-radius:26px;max-height:86dvh}}.cp-topo{align-items:center;gap:14px;padding:16px 18px 10px;display:flex}.cp-voltar{border:1px solid var(--cp-borda2);width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:24px;line-height:1}.cp-titulo{letter-spacing:.12em;text-transform:uppercase;color:var(--cp-fraco);margin:0 0 8px;font-size:13px}.cp-pontos{gap:6px;margin:0;padding:0;list-style:none;display:flex}.cp-pontos li{background:var(--cp-borda2);border-radius:4px;width:26px;height:4px}.cp-pontos li.feito,.cp-pontos li.agora{background:var(--cp-acc)}.cp-pontos li.agora{width:40px}.cp-ate-agora{color:var(--cp-medio);align-items:center;gap:10px;margin:0 18px;font-size:14px;display:flex}.cp-ate-agora b,.cp-cartao b{background:color-mix(in srgb, var(--cp-acc) 16%, transparent);color:var(--cp-acc-texto);border-radius:999px;padding:2px 10px;font-size:12px}.cp-corpo{padding:8px 18px calc(22px + env(safe-area-inset-bottom));gap:14px;display:grid;overflow-y:auto}.cp-corpo h3{letter-spacing:-.02em;margin:10px 0 0;font-size:28px;font-weight:400}.cp-busca,.cp-form input{border:1px solid var(--cp-borda2);background:var(--cp-campo);width:100%;color:inherit;font:inherit;border-radius:14px;padding:14px 16px;font-size:16px}.cp-busca:focus,.cp-form input:focus{border-color:var(--cp-acc-texto);outline:none}.cp-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cp-grade-p{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:520px){.cp-grade{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-grade-p{grid-template-columns:repeat(4,minmax(0,1fr))}}.cp-grade button{border:1px solid var(--cp-borda2);background:var(--cp-campo);min-height:60px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:10px 14px;font-size:15.5px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.cp-grade-p button{text-align:center;align-items:center;min-height:52px}.cp-grade button small{color:var(--cp-fraco);font-size:12px;font-weight:400}.cp-grade button:hover{border-color:var(--cp-acc-texto)}.cp-grade button.on{background:var(--cp-acc);border-color:var(--cp-acc-texto);color:var(--cp-tinta)}.cp-grade button.on small{color:color-mix(in srgb, var(--cp-tinta) 70%, transparent)}.cp-cores button{text-transform:capitalize;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.cp-cores i{border:1px solid #ffffff59;border-radius:50%;width:22px;height:22px}.cp-cores i[data-cor=branco]{background:#f4f4f4}.cp-cores i[data-cor=prata]{background:#b9bec7}.cp-cores i[data-cor=preto]{background:#0a0a0a}.cp-cores i[data-cor=cinza]{background:#6b7079}.cp-cores i[data-cor=vermelho]{background:#c8262c}.cp-cores i[data-cor=azul]{background:#2f6fe0}.cp-cores i[data-cor=outra]{background:conic-gradient(#c8262c,#f2b705,#2f6fe0,#c8262c)}.cp-form{gap:10px;display:grid}.cp-passo{letter-spacing:.12em;text-transform:uppercase;color:var(--cp-fraco);margin:6px 0 0;font-size:12px}.cp-cartao{border:1px solid var(--cp-acc);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:18px;font-size:17px;display:flex}.cp-placa{text-transform:uppercase}.cp-seguir{background:var(--cp-acc);min-height:56px;color:var(--cp-tinta);font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:16px;font-weight:600}.cp-seguir:disabled{opacity:.4}.cp-campo{min-width:0}.cp-abrir,.cp-escolhido{border:1px dashed color-mix(in srgb, var(--cp-acc) 60%, transparent);background:color-mix(in srgb, var(--cp-acc) 6%, transparent);width:100%;min-height:52px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:15.5px;font-weight:600;display:flex}.cp-escolhido{border-style:solid}.cp-escolhido small{color:var(--cp-acc-texto);font-weight:600}@keyframes cp-aparece{0%{opacity:0}}@keyframes cp-sobe{0%{opacity:.6;transform:translateY(40px)}}.aq-servicos button{min-height:72px}.aq-sub{color:var(--cp-fraco);margin:0}.aq-aviso{color:var(--erro,#ff8a6b);margin:0;font-weight:600}.aq-resumo{align-items:flex-start}.aq-resumo div{gap:4px;display:grid}.aq-resumo span{color:var(--cp-medio);font-size:15px}.aq-feito{text-align:center;justify-items:center;gap:10px;padding:18px 0 6px;display:grid}.aq-feito>span{color:#3fae6a;background:#3fae6a29;border-radius:50%;place-items:center;width:72px;height:72px;font-size:34px;font-weight:700;display:grid}.aq-feito p{margin:0;font-size:16px}.aq-feito .cp-seguir{width:100%;margin-top:8px}@media (max-width:699px){.cp-veu{align-items:stretch}.cp-folha{margin-top:max(28px, env(safe-area-inset-top));flex:1;min-height:0;max-height:none}.cp-corpo{flex:1;align-content:start;min-height:0}}.cp-busca:not(.cp-placa){z-index:1;box-shadow:0 -12px 0 var(--cp-bg), 0 10px 14px -6px var(--cp-bg);position:sticky;top:0}.cp-usar{width:100%}.aq-wa{color:#fff;background:#25d366;place-items:center;text-decoration:none;display:grid}.cp-folha,.cp-folha button,.cp-folha input,.cp-folha select{font-family:var(--zzo-font,var(--font-sans)), var(--font-sans,system-ui), system-ui, sans-serif}.cp-corpo h3{font-family:var(--font-display,var(--zzo-font)), var(--zzo-font,system-ui), system-ui, sans-serif}
