:root{--azul:#0d134c;--azul2:#1b2470;--ouro:#e8c162;--tinta:#1c2340;--suave:#5b6180;--fundo:#f4f5fa;--linha:#e3e6f2;--verde:#16a34a;--verdef:#dcfce7;--amb:#b45309;--ambf:#fef3c7;--verm:#b91c1c;--vermf:#fee2e2}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Helvetica,Arial,sans-serif;color:var(--tinta);background:var(--fundo);line-height:1.5}
a{color:var(--azul)}.topo{background:var(--azul);color:#fff;padding:14px 16px}.topo .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}
.topo a{color:#fff;text-decoration:none;font-weight:800}.topo a.cta-topo{background:var(--ouro);color:var(--azul);padding:7px 14px;border-radius:999px;font-size:14px;white-space:nowrap}
.wrap{max-width:920px;margin:0 auto;padding:0 16px}.hero{background:linear-gradient(160deg,var(--azul),var(--azul2));color:#fff;padding:38px 0 34px}
.hero h1{font-size:clamp(26px,5vw,40px);line-height:1.15;margin:10px 0 12px}.hero p{max-width:640px;margin:0;color:#dfe3ff}
.selo{display:inline-block;background:var(--ouro);color:var(--azul);font-weight:800;font-size:13px;border-radius:999px;padding:5px 12px}
.card{background:#fff;border-radius:16px;padding:20px;margin:18px 0;box-shadow:0 6px 24px #0d134c14}
h2{color:var(--azul);font-size:clamp(20px,3.6vw,26px);line-height:1.25;margin:34px 0 8px}.card h2{margin-top:0}h3{color:var(--azul);margin:22px 0 8px}
.pequeno{font-size:13px;color:var(--suave)}.escolha{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end}
.escolha label{display:grid;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--suave)}
.escolha select{width:100%;padding:12px;border:1px solid #cfd3e6;border-radius:10px;font-size:16px;background:#fff;color:var(--tinta)}
.inverter{width:46px;height:46px;border-radius:50%;border:1px solid #cfd3e6;background:#eef0fa;font-size:20px;cursor:pointer;color:var(--azul)}
.resultado{border-left:6px solid var(--linha)}.resultado.alto{border-left-color:var(--verde)}.resultado.medio{border-left-color:#d97706}.resultado.baixo{border-left-color:#f59e0b}.resultado.nenhum{border-left-color:var(--verm)}
.numero{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.anel{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
background:radial-gradient(closest-side,#fff 78%,transparent 80% 100%),conic-gradient(var(--ouro) calc(var(--p)*1%),#e8ebf5 0)}.anel b{font-size:24px;color:var(--azul)}
.frase{font-size:18px;margin:0;flex:1 1 300px}.veredito{font-size:21px;color:var(--azul);margin:14px 0 4px;font-weight:800}
.fatos{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.fatos span{background:#eef0fa;border-radius:8px;padding:6px 10px;font-size:14px}
.tag{border-radius:999px!important;font-weight:700;font-size:13px!important}.tag-ok{background:var(--verdef)!important;color:#166534}.tag-at{background:var(--ambf)!important;color:#92400e}
.colunas{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}.colunas ul{list-style:none;margin:0;padding:0}.colunas li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--linha)}
.colunas li span:last-child{color:var(--suave);font-size:14px;white-space:nowrap}.falta ul:first-of-type li span:first-child::before{content:"+ ";color:var(--amb);font-weight:800}
.botao{display:inline-block;text-align:center;background:linear-gradient(180deg,#fff0a8,#f6d566 20%,#e0ac25 55%,#b98209);color:#1a1300;font-weight:800;font-size:17px;padding:14px 22px;border-radius:12px;border:1px solid #8f6a08;text-decoration:none;cursor:pointer}
.botao-claro{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid #cfd3e6;background:#fff;font-weight:700;text-decoration:none}
.botoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.cta{background:var(--azul);color:#fff}.cta h2{color:#fff}.cta p{color:#dfe3ff}
.destaques{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.destaques div{background:#fff;border-radius:14px;padding:16px;box-shadow:0 4px 16px #0d134c12}
.destaques b{display:block;font-size:34px;color:var(--azul);line-height:1.1}.abas{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.abas button{border:1px solid #cfd3e6;background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;cursor:pointer;color:var(--suave)}.abas button[aria-selected=true]{background:var(--azul);color:#fff;border-color:var(--azul)}
.barras{list-style:none;margin:0;padding:0;counter-reset:n}.barras li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:8px 0;border-bottom:1px solid var(--linha)}
.barras li::before{counter-increment:n;content:counter(n,decimal-leading-zero);position:absolute;opacity:0}.barras i{grid-column:1/-1;height:7px;border-radius:999px;background:#e8ebf5;overflow:hidden}.barras i em{display:block;height:100%;background:linear-gradient(90deg,#e0ac25,#b98209)}
.tabela{width:100%;border-collapse:collapse;font-size:15px}.tabela th,.tabela td{padding:9px 8px;text-align:center;border-bottom:1px solid var(--linha)}.tabela th:first-child,.tabela td:first-child{text-align:left}
.rolar{overflow-x:auto}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.grade a{display:block;background:#fff;border-radius:12px;padding:14px;text-decoration:none;color:var(--tinta);box-shadow:0 4px 16px #0d134c12}.grade a b{color:var(--azul)}
.exemplo .pct{font-size:28px;font-weight:800;color:var(--azul)}details{background:#fff;border-radius:12px;padding:14px 16px;margin:10px 0;box-shadow:0 4px 16px #0d134c10}summary{cursor:pointer;font-weight:700;color:var(--azul)}
.bloq{position:relative;margin-top:10px}.bloq ol{filter:blur(5px);user-select:none;max-height:180px;overflow:hidden;margin:0}.bloq .portao{position:absolute;inset:20px 0 auto;margin:auto;max-width:420px;background:#fff;border:2px solid var(--ouro);border-radius:14px;padding:16px;text-align:center;box-shadow:0 16px 50px #0d134c33}
.livre{margin:0 0 6px;padding-left:22px}.oculto{display:none}
@media(max-width:420px){.topo a{font-size:15px}.topo a.cta-topo{font-size:12px;padding:6px 10px}}
@media(max-width:700px){.escolha{grid-template-columns:1fr}.inverter{justify-self:center;transform:rotate(90deg)}.colunas{grid-template-columns:1fr}}