*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,Arial,sans-serif;color:#333;background:#fff;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:999;background:#ffffff;box-shadow:0 2px 15px rgba(0,0,0,.08)}
header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo img{height:65px}
nav ul{display:flex;gap:30px;margin:0;padding:0}
nav a{color:#1d3557;font-weight:500;transition:.3s}
nav a:hover{color:#00a651}
.btn-header{background:#00a651;color:#fff;padding:12px 24px;border-radius:50px;font-weight:600;transition:.3s;white-space:nowrap}
.btn-header:hover{background:#008b44}
.page{max-width:1180px;margin:auto;padding:22px 20px 72px}.breadcrumb{display:flex;gap:9px;align-items:center;color:#71809a;font-size:10px;margin:3px 0 25px}.breadcrumb a:hover{color:#00ae5d}.breadcrumb strong{color:#071a46;font-weight:600}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.eyebrow,.preview-kicker,.step-label,.section-title>span{font-size:9px;letter-spacing:2px;font-weight:800;color:#00a95a}.intro h1{margin:6px 0 5px;font-size:34px;line-height:1.12;letter-spacing:-.8px;color:#071a46}.intro p{margin:0;color:#65748d;font-size:13px;max-width:650px;line-height:1.65}.ref{font-weight:700;color:#071a46;background:#fff;border:1px solid #dfe5ee;padding:9px 13px;border-radius:8px;font-size:11px;white-space:nowrap}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start;background:#f6f9fd;padding:24px;border-radius:4px;margin-left:-24px;margin-right:-24px}.preview-card,.controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 22px rgba(7,26,70,.06)}.preview-card{padding:17px}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:1px 2px 14px}.preview-kicker,.step-label{color:#00a95a}.preview-head h2{margin:3px 0 0;font-size:17px;color:#071a46}.material-pill{border:1px solid #e1e6ed;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:600;color:#65748d;white-space:nowrap}
#viewer{height:500px;border-radius:9px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 38%,#fff 0,#fbfcfe 52%,#e9edf3 100%)}#viewer canvas{display:block;width:100%!important;height:100%!important}.viewer-help{text-align:center;font-size:10px;color:#71809a;margin:9px 0}.viewer-help span{margin:0 4px;color:#c0c7d1}.reset-view{display:block;margin:0 auto;border:1px solid #dce2ea;border-radius:7px;padding:8px 13px;font-weight:600;cursor:pointer;background:#fff;color:#071a46;font-family:inherit;font-size:11px}.reset-view:hover{border-color:#00ae5d;color:#00a95a}
.controls{padding:18px}.controls-head{margin-bottom:14px}.controls h2{margin:3px 0 4px;font-size:20px;color:#071a46}.controls-head p{margin:0;color:#71809a;font-size:10px;line-height:1.55}.upload-box,.control-card{border:1px solid #e1e6ed;border-radius:9px;padding:12px;margin-bottom:11px;background:#fff}.upload-box{display:flex;gap:10px}.step-number{width:25px;height:25px;border-radius:50%;background:#071a46;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex:0 0 auto}.upload-content{min-width:0;flex:1}.upload-box strong{display:block;font-size:12px;margin-bottom:2px;color:#071a46}.mini-help{display:block;font-size:9px;color:#7a8799;margin-bottom:8px}.upload-btn{display:inline-block;background:#071a46;color:#fff;border-radius:6px;padding:7px 10px;font-weight:600;font-size:10px;cursor:pointer}.upload-btn:hover{background:#0d2a67}#imageInput{display:none}.file-name{font-size:9px;color:#71809a;margin-top:6px;word-break:break-word}
.control-card h3{font-size:12px;color:#071a46;margin:0 0 9px;display:flex;gap:7px;align-items:center}.control-card h3 span{font-size:12px}.control-card label{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;margin-top:8px;color:#071a46}.control-card output{font-weight:400;color:#71809a}.control-card input[type=range]{width:100%;accent-color:#00ae5d;height:4px}.check-row{justify-content:flex-start!important;align-items:center;gap:6px!important;font-weight:400!important;color:#65748d!important}.check-row input{margin:0;accent-color:#00ae5d}.text-input{width:100%;padding:8px 9px;border:1px solid #d5dce5;border-radius:6px;font:inherit;font-size:11px;outline:none;color:#071a46}.text-input:focus{border-color:#00ae5d;box-shadow:0 0 0 2px rgba(0,174,93,.10)}
.clear-btn,.quote-btn{display:block;width:100%;border-radius:7px;padding:9px;margin-top:8px;font-weight:700;cursor:pointer;font-size:11px;font-family:inherit}.clear-btn{background:#f3f5f8;border:1px solid #e3e7ed;color:#4c5b71}.clear-btn:hover{background:#e9edf3}.quote-btn{background:#00ae5d;color:#fff;border:1px solid #00ae5d;box-shadow:0 5px 14px rgba(0,174,93,.16)}.quote-btn:hover{background:#009e54}.quote-btn span{font-size:15px;vertical-align:-1px;margin-left:4px}.tip{background:#f6f8fb;border-radius:8px;padding:10px;font-size:9px;line-height:1.55;color:#66758b;margin-top:10px}.tip strong{color:#071a46}
.how-it-works{margin:0 0 24px;padding:0}.section-title{text-align:center;max-width:680px;margin:0 auto 10px}.section-title h2{font-size:24px;margin:5px 0 3px;color:#071a46}.section-title p{font-size:11px;color:#71809a;margin:0;line-height:1.55}.compact-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compact-steps article{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:12px 14px;min-height:88px;box-shadow:0 4px 15px rgba(7,26,70,.035)}.compact-steps b{font-size:9px;letter-spacing:1px;color:#00a95a}.compact-steps h3{font-size:12px;margin:7px 0 4px;color:#071a46}.compact-steps p{font-size:9px;color:#71809a;line-height:1.45;margin:0}
@media(max-width:1050px){nav ul{gap:15px}.workspace{grid-template-columns:minmax(0,1fr) 330px;margin-left:-14px;margin-right:-14px;padding:18px}.footer-grid{gap:35px}}
@media(max-width:900px){header .container{padding:10px 20px;flex-wrap:wrap;gap:10px}.logo img{height:50px}nav{display:none}.btn-header{margin-left:auto}.page{padding:18px 14px 55px}.workspace{grid-template-columns:1fr;margin-left:-14px;margin-right:-14px;padding:14px}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-grid .footer-col:first-child{grid-column:1/-1}}
@media(max-width:650px){.intro{align-items:flex-start;flex-direction:column;margin-bottom:18px}.intro h1{font-size:29px}.ref{align-self:flex-start}.preview-head{align-items:flex-start;flex-direction:column}.material-pill{display:none}#viewer{height:420px}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding-bottom:0;gap:40px}.footer-grid .footer-col:first-child{grid-column:auto}.footer-bottom-content{flex-direction:column;gap:6px}.logo img{height:50px}.btn-header{font-size:12px;padding:10px 16px}.workspace{padding:10px}.preview-card{padding:12px}.controls{padding:14px}.whatsapp-float{width:60px;height:60px;font-size:30px;right:18px;bottom:18px}}
@media(max-width:420px){header .container{padding:9px 14px}.logo img{height:50px}.btn-header{padding:8px 10px}.intro h1{font-size:26px}.workspace{margin-left:-10px;margin-right:-10px}.footer-bottom-content{padding-left:14px;padding-right:14px}}

@media(max-width:900px){.compact-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.compact-steps{grid-template-columns:1fr}.section-title h2{font-size:22px}}

footer{background:#021124;color:#fff;padding-top:70px}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1.2fr;gap:80px;align-items:start}
.footer-col h3{margin:0 0 20px;font-size:22px;color:#fff}
.footer-col p{color:#b9c9e7;margin:0 0 14px}
.footer-col p i{width:22px;display:inline-block;color:#00c160}
.footer-col ul{margin:0;padding:0}
.footer-col ul li{margin-bottom:14px}
.footer-col ul li a{color:#b9c9e7;transition:.3s}
.footer-col ul li a:hover{color:#00c160}
.footer-logo img{height:60px;margin-bottom:20px}
.footer-social{display:flex;gap:12px;margin-top:25px}
.footer-social a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0a224d;color:#fff;border-radius:8px;transition:.3s}
.footer-social a:hover{background:#00c160}
.footer-whatsapp{display:inline-block;margin-top:20px;padding:14px 24px;background:#00c160;color:#fff;border-radius:10px;font-weight:600;transition:.3s}
.footer-whatsapp:hover{background:#00a651}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:20px;padding:25px 0}
.footer-bottom-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}
.footer-bottom p{color:#8ea4d0;font-size:14px}
.whatsapp-float{position:fixed;right:25px;bottom:25px;width:65px;height:65px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;z-index:9999;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:.3s;animation:pulse 2s infinite}
.whatsapp-float:hover{transform:scale(1.1)}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}


/* V31 — salvamento local da personalização */
.save-btn{
  width:100%;
  border:1px solid #d9deea;
  background:#fff;
  color:#17245f;
  border-radius:12px;
  padding:13px 16px;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:all .2s ease;
  margin-top:4px;
}
.save-btn:hover{background:#f5f7fb;border-color:#17245f;transform:translateY(-1px)}
.save-help{
  margin:5px 0 2px;
  padding:6px 8px;
  border-radius:8px;
  background:#f7f8fa;
  color:#697386;
  font-size:10px;
  line-height:1.45;
  text-align:center;
}
.save-help.saved{background:#eef8f1;color:#287443}