/* Páginas do site (vendas e institucionais). Usa as cores e fontes de app.css. */
.site{max-width:760px;margin:0 auto;padding:0 18px 40px}
.site header.topo{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:12px}
.site .marca{font-family:var(--f-disp);font-weight:700;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:.02em}
.site .marca b{color:var(--accent)}
.site a.botao{display:inline-block;text-align:center;text-decoration:none;font-weight:700;border-radius:12px;padding:13px 18px;border:1px solid var(--line);background:var(--panel2);color:var(--ink)}
.site a.botao.principal{background:var(--accent);border-color:var(--accent);color:#04252c}
.site a.botao.pequeno{padding:8px 14px;font-size:14px}
.site section{padding:28px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.site section:first-of-type{border-top:0}
.site h1{font-size:clamp(34px,7vw,52px);line-height:1}
.site h2{font-size:28px}
.site p{margin:0}
.site .lead{font-size:19px;color:var(--mute);max-width:56ch}
.site .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.site .grade .card h3{color:var(--accent)}
.site .prova{font-family:var(--f-num);font-size:13px;color:var(--xp)}
.site .cargos{display:flex;flex-wrap:wrap;gap:8px}
.site .cargos label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;background:var(--panel)}
.site .cargos input{accent-color:var(--accent)}
.site .cargos label:has(input:checked){border-color:var(--accent);background:var(--panel2)}
.site .planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;align-items:stretch}
.site .plano{display:flex;flex-direction:column;gap:10px;position:relative}
.site .plano.dest{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.site .plano .selo{position:absolute;top:-11px;right:14px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.site .plano .preco{font-family:var(--f-num);font-size:32px;font-weight:700;line-height:1}
.site .plano .preco small{font-size:14px;color:var(--mute);font-weight:500}
.site .plano ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;flex:1}
.site details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.site details summary{font-weight:700;cursor:pointer}
.site details p{margin-top:8px;color:var(--mute)}
.site footer.rodape{border-top:1px solid var(--line);padding:22px 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--mute)}
.site footer.rodape a{color:var(--mute)}
.site .texto{display:flex;flex-direction:column;gap:12px;max-width:68ch}
.site .texto h2{margin-top:10px}
.site .texto ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.links-site{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:13px;padding:8px 0}
.links-site a{color:var(--mute)}
@media (max-width:600px){.site .planos{grid-template-columns:1fr}}