:root{--azul:#2d5f95;--azul-escuro:#1f4672;--azul-claro:#dfeaf5;--tinta:#1b2b42;--texto-2:#4f5b6e;--fundo:#f4f6f9;--cartao:#ffffff;--borda:#d6dce5;--borda-forte:#a7b2c2;--magenta:#d6006f;--magenta-claro:#fbddee;--amarelo:#ffdd00;--amarelo-claro:#fff8c9;--amarelo-texto:#5a4800;--verde:#00795a;--verde-claro:#d6f2e9;--vermelho:#d42027;--vermelho-claro:#fbdedc;--raio:16px;--fonte-titulo:"Baloo 2",system-ui,sans-serif;--fonte:"Figtree",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte);font-size:16px;-webkit-tap-highlight-color:transparent}a{color:var(--azul)}.tela{min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px}.cabecalho .sobre{font-size:14px;font-weight:500;color:var(--texto-2)}.titulo,h1{font-family:var(--fonte-titulo);font-weight:700;font-size:28px;line-height:1.1;margin:0}h2{font-size:18px;margin:0}.logo{width:120px;height:40px;object-fit:contain;object-position:right center}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.cartao.escuro{background:var(--tinta);color:#fff;border:none}.cartao.escuro .sobre{color:#c8d4e4}.rotulo{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--texto-2);text-transform:uppercase}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:14px;font-weight:600;color:var(--texto-2)}.campo input,.campo select{height:52px;border-radius:14px;border:1px solid var(--borda-forte);background:#fff;padding:0 14px;font:inherit;font-size:18px;color:var(--tinta);width:100%}.campo input:focus,.campo select:focus{outline:3px solid var(--azul-claro);border-color:var(--azul)}.campo input.pin{font-family:var(--fonte-titulo);font-size:32px;letter-spacing:.4em;text-align:center;height:64px}.opcoes{display:flex;flex-wrap:wrap;gap:8px}.opcao{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--borda);background:#fff;font-weight:600;cursor:pointer}.opcao input{position:absolute;opacity:0;pointer-events:none}.opcao:has(input:checked){background:var(--tinta);color:#fff;border-color:var(--tinta)}.opcao:has(input:focus-visible){outline:3px solid var(--azul-claro)}.botao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 20px;border-radius:16px;border:none;background:var(--azul);color:#fff;font:inherit;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer;width:100%}.botao:hover{background:var(--azul-escuro)}.botao:disabled{background:#e6eaf0;color:var(--texto-2);cursor:default}.botao.secundario{background:#fff;color:var(--tinta);border:1px solid var(--borda)}.botao.amarelo{background:var(--amarelo);color:var(--tinta)}.botao.verde{background:var(--verde)}.botao.pequeno{min-height:44px;font-size:15px;width:auto}.aviso{border-radius:14px;padding:12px 14px;font-size:15px;line-height:1.4}.aviso.erro{background:var(--vermelho-claro);color:#8e1418}.aviso.ok{background:var(--verde-claro);color:#00543f}.aviso.atencao{background:var(--amarelo-claro);color:var(--amarelo-texto);border:1px solid #e9cf1f}.aviso.info{background:var(--azul-claro);color:var(--azul-escuro)}.selo{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.selo.ok{background:var(--verde-claro);color:var(--verde)}.selo.pendente{background:#fff1a0;color:var(--amarelo-texto)}.selo.erro{background:var(--vermelho-claro);color:#b01a20}.selo.neutro{background:#e6eaf0;color:#33435a}.lista{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.linha{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-decoration:none}.linha .nome{font-weight:700}.linha .detalhe{font-size:13px;color:var(--texto-2)}.mascote{width:120px;height:148px;object-fit:contain;align-self:center}.espaco{flex:1 1}.texto-2{color:var(--texto-2)}.centro{text-align:center}.passos{margin:0;padding-left:20px;flex-direction:column;line-height:1.45}.copiar,.passos{display:flex;gap:8px}.copiar input{flex:1 1;min-width:0}