*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin:0;background:#f4f6f8;color:#1b1b1b;line-height:1.45}
main{max-width:60rem;margin:0 auto;padding:1.2rem}
header{display:flex;justify-content:space-between;align-items:center}
h1{font-size:1.5rem;margin:.4rem 0}
h2{font-size:1.15rem;margin:0 0 .6rem}
section{background:#fff;border:1px solid #dde1e6;border-radius:10px;padding:1rem;margin:1rem 0}
label{display:block;margin:.5rem 0;font-weight:500}
input,textarea,select{display:block;width:100%;font:inherit;padding:.5rem;border:1px solid #9aa3ad;border-radius:6px;margin-top:.2rem;font-weight:400}
input[type=color]{width:4rem;height:2.4rem;padding:.1rem}
button{font:inherit;padding:.45rem .9rem;border-radius:6px;border:1px solid #0b5cad;background:#0b5cad;color:#fff;cursor:pointer}
td button{background:#fff;color:#a00;border-color:#a00;padding:.2rem .6rem}
header button{background:#fff;color:#0b5cad}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{text-align:left;padding:.4rem;border-bottom:1px solid #e6e9ed;vertical-align:top}
details{margin:.6rem 0}summary{cursor:pointer;font-weight:600}
pre{background:#f1f3f5;padding:.6rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.aviso{background:#e8f3ff;border:1px solid #9cc7f5;padding:.6rem;border-radius:6px}
.erro{background:#fdecec;border:1px solid #f1a1a1;padding:.6rem;border-radius:6px}
.teste{background:#f8f9fa;border-left:4px solid #0b5cad;padding:.4rem .8rem;margin-top:.6rem}
:focus-visible{outline:3px solid #ffb703;outline-offset:2px}
.planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:.6rem 0}
.plano{border:1px solid #dde1e6;border-radius:10px;padding:1rem;background:#fbfcfd}
.plano h3{margin:0 0 .3rem;font-size:1.05rem}.plano ul{padding-left:1.1rem}.plano form{margin:.4rem 0}
.plano button{width:100%}
.preco{font-size:1.6rem;font-weight:700;margin:.2rem 0}.preco small{font-size:.9rem;font-weight:400}
button.secundario{background:#fff;color:#0b5cad}
button.perigo{background:#a00;border-color:#a00}
label.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400}
label.check input{width:auto;margin-top:.3rem}
a.botao{display:inline-block;padding:.45rem .9rem;border-radius:6px;background:#0b5cad;color:#fff;text-decoration:none}
a{color:#0b4f96}
@media (max-width:36rem){table{display:block;overflow-x:auto}main{padding:.8rem}}