:root{--petroleo: #21333f;--petroleo-2: #2c4150;--ouro: #c49a66;--ouro-escuro: #8c5d2a;--creme: #faf8f4;--salvia: #c1c3ba;--tinta: #2a3440;--suave: #5e6975;--linha: #e4e2db;--linha-2: #eceae4;--cinza-btn: #e8eae4;--borda: #cfd2ca;--desab: #a3abb2;--ok: #1f4e80;--ok-bg: #dde8f5;--erro: #8e2424;--erro-bg: #f3dada;--aviso: #8a4b0f;--aviso-bg: #fce9d2}*{box-sizing:border-box}html,body{margin:0;background:var(--creme);color:var(--tinta);font-family:Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--petroleo);text-decoration:none}button,input,textarea,select{font-family:inherit}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--ouro);outline-offset:1px}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--creme)}.faixa{background:var(--petroleo);padding:10px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5}.faixa.grande{padding:18px 20px 20px;gap:12px}.logo-cliente{border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:var(--petroleo);font-weight:600}.conteudo{flex:1;padding:6px 20px 96px;display:flex;flex-direction:column;gap:14px}.titulo-pag{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}.titulo-pag h1{font-size:15px;font-weight:600;margin:0;flex:1}.rotulo{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}.codigo{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--ouro-escuro)}.cartao{background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.btn{border:0;border-radius:14px;min-height:52px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px}.btn.primario{background:var(--petroleo);color:var(--creme)}.btn.primario:disabled{background:var(--desab);cursor:default}.btn.secundario{background:var(--cinza-btn);color:var(--petroleo)}.btn.peq{min-height:40px;font-size:13px;border-radius:10px;padding:0 12px}.btn.link{background:transparent;color:var(--petroleo);font-size:14px;min-height:44px}.icone-btn{width:44px;height:44px;border:0;background:transparent;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--petroleo)}.campo{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}.campo input,.campo textarea,.busca{font-size:16px;padding:10px 14px;border:1.5px solid var(--borda);border-radius:12px;background:#fff;min-height:46px;color:var(--tinta);width:100%}.campo textarea{resize:none}.campo input.ok{border-color:var(--ok)}.campo input.erro{border-color:var(--erro)}.msg{font-size:12px;font-weight:500}.msg.ok{color:var(--ok)}.msg.erro{color:var(--erro)}.aviso{font-size:13px;font-weight:600;color:var(--ok);background:var(--ok-bg);border-radius:10px;padding:10px 12px}.aviso.erro{color:var(--erro);background:var(--erro-bg)}.selo{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.contador{width:26px;height:26px;border-radius:13px;background:var(--ouro);color:var(--petroleo);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.seg{display:flex;gap:4px;background:var(--cinza-btn);border-radius:12px;padding:4px}.seg a,.seg button{flex:1;text-align:center;font-size:13px;font-weight:600;border-radius:9px;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--petroleo);background:transparent;border:0;cursor:pointer}.seg .ativo{background:var(--petroleo);color:var(--creme)}.menu{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid var(--linha);padding:6px 2px calc(10px + env(safe-area-inset-bottom));z-index:10}.menu a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:10.5px;color:var(--suave)}.menu a.ativo{color:var(--petroleo);font-weight:600}.sobrepor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#21333f73;display:flex;align-items:flex-end;justify-content:center}.sobrepor.centro{align-items:center;padding:20px}.folha{width:100%;max-width:520px;background:#fff;border-radius:20px 20px 0 0;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden}.dialogo{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px}.check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--petroleo);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}.check.on{background:var(--petroleo)}.vazio{font-size:14px;color:var(--suave);text-align:center;padding:28px 0}