/* FISP Anúncios — página de vendas, quiz e apresentação. Base de cores e botões em fisp-ui.css */
:root{--wrap:1120px;--zapg:#25D366;--fb:#1877F2}
body{background:var(--paper);overflow-x:hidden}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;z-index:200}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.narrow{max-width:680px}
.center{text-align:center}
.screen{display:none}.screen.active{display:block}
mark{background:linear-gradient(transparent 58%,var(--sign) 58%);color:inherit;padding:0 2px}
.micro{font-size:13px;color:var(--steel-2);line-height:1.45;margin:10px 0 0}
.card{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:20px;box-shadow:6px 6px 0 var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:14px 26px;background:var(--sign);color:var(--ink);border:2px solid var(--ink);border-radius:12px;font:800 17px/1.1 var(--f-display);letter-spacing:-.01em;cursor:pointer;box-shadow:0 4px 0 var(--ink);text-decoration:none;transition:transform .08s,box-shadow .08s,background .15s}
.btn:hover{background:#FFD23D}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.btn[disabled]{opacity:.6;cursor:wait}
.btn-wide{width:100%}.btn-sm{min-height:46px;padding:10px 16px;font-size:15px}
.btn-pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 4px 0 var(--ink),0 0 0 0 rgba(255,196,0,.6)}50%{box-shadow:0 4px 0 var(--ink),0 0 0 10px rgba(255,196,0,0)}}
.link{background:none;border:0;padding:10px 0;font:700 15px var(--f-body);color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}
.h1{font:800 clamp(2.05rem,8.4vw,3.7rem)/1.02 var(--f-display);letter-spacing:-.045em;margin:14px 0 14px}
.h1-sm{font-size:clamp(1.75rem,6.8vw,2.7rem)}
.h2{font:800 clamp(1.7rem,6.6vw,2.6rem)/1.06 var(--f-display);letter-spacing:-.04em;margin:12px 0 14px}
.h3{font:800 22px/1.15 var(--f-display);letter-spacing:-.03em;margin:6px 0 10px}
.lead{font-size:17.5px;line-height:1.55;color:var(--steel);margin:0 0 18px}
.kicker{display:inline-block;background:var(--sign);border:2px solid var(--ink);border-radius:8px;padding:4px 10px;font:800 13px var(--f-body);box-shadow:2px 2px 0 var(--ink)}
.kicker-y{box-shadow:2px 2px 0 #000}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 14px;font:700 14px var(--f-body)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--sign);border:2px solid var(--ink);display:inline-block}.dot.ok{background:var(--zapg)}

/* topo */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:6px}
.brand{display:flex;align-items:center;gap:9px;font:800 20px var(--f-display);color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.brand i{width:15px;height:15px;border-radius:4px;background:var(--sign);border:2px solid var(--ink)}
.brand span{background:var(--ink);color:var(--sign);padding:1px 7px;border-radius:6px}
.top-pill{font:700 13px var(--f-body);border:2px solid var(--ink);border-radius:999px;padding:5px 11px;background:#fff}

/* hero */
.hero{background-image:radial-gradient(rgba(19,23,29,.13) 1.2px,transparent 1.2px);background-size:22px 22px;padding:18px 0 40px}
.hero-grid{display:grid;gap:34px;align-items:center}
.hero-form{display:grid;gap:10px;margin-top:4px}
.hero-form label{font:700 16px var(--f-body)}
.inp,.hero-form input{width:100%;min-height:58px;padding:0 16px;border:2px solid var(--ink);border-radius:12px;background:#fff;font:500 18px var(--f-body);color:var(--ink)}
.inp:focus,.hero-form input:focus{outline:none;box-shadow:0 0 0 4px var(--yellow-soft);border-color:var(--ink)}
select.inp{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%2313171D' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:38px}
.resume{margin-top:16px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#DDF5E6;border:2px solid var(--zap);border-radius:14px;padding:12px 14px;font-size:15.5px}
.resume[hidden]{display:none}

/* telefone de demonstração */
.hero-visual{position:relative;display:grid;place-items:center;padding:6px 0 18px}
.phone{width:min(330px,86vw);background:#fff;border:3px solid var(--ink);border-radius:28px;padding:12px 0 14px;box-shadow:10px 10px 0 var(--sign),10px 10px 0 3px var(--ink);overflow:hidden}
.ig-head{display:flex;align-items:center;gap:10px;padding:2px 14px 10px}
.ig-head .av{width:34px;height:34px;border-radius:50%;background:var(--sign);border:2px solid var(--ink);display:grid;place-items:center;font:800 12px var(--f-body)}
.ig-head b{display:block;font-size:14px}.ig-head small{font-size:12px;color:var(--steel-2)}.ig-head .more{margin-left:auto;color:var(--steel-2)}
.ig-media{aspect-ratio:4/5;background:var(--ink);position:relative;overflow:hidden}
.ig-media img{width:100%;height:100%;object-fit:cover;display:block}
.demo-art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;background:radial-gradient(circle at 85% 12%,var(--sign) 0 26%,transparent 26.5%),radial-gradient(rgba(255,255,255,.09) 1.3px,transparent 1.3px) 0 0/16px 16px,var(--ink);color:#fff}
.demo-tag{align-self:flex-start;background:var(--sign);color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:3px 8px;font:800 11.5px var(--f-body)}
.demo-art b{font:800 27px/1.03 var(--f-display);letter-spacing:-.03em}
.demo-zap{background:var(--zapg);color:#063015;border:2px solid var(--ink);border-radius:10px;padding:11px 12px;font:800 15px var(--f-display)}
.ig-cta{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-bottom:1px solid #eee;font:700 14px var(--f-body);color:#0b57d0}
.ig-meta{padding:10px 14px 0;font-size:13.5px;line-height:1.4}
.float-msg{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:9px 12px;box-shadow:4px 4px 0 var(--ink);max-width:230px;animation:bob 4s ease-in-out infinite}
.float-msg b{display:block;font-size:13.5px}.float-msg small{font-size:12.5px;color:var(--steel)}
.float-msg.f1{left:-4px;top:30%}.float-msg.f2{right:-4px;bottom:12%;animation-delay:-2s}
.zap-ic{flex:0 0 30px;height:30px;border-radius:50%;background:var(--zapg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3a9 9 0 0 0-7.8 13.5L3 21l4.6-1.2A9 9 0 1 0 12 3z'/%3E%3C/svg%3E") center/18px no-repeat;border:2px solid var(--ink)}
@keyframes bob{50%{transform:translateY(-6px)}}

/* faixa */
.ticker{background:var(--ink);color:#fff;overflow:hidden;border-block:3px solid var(--ink)}
.ticker-track{display:flex;gap:12px;width:max-content;padding:14px 0;animation:tick 32s linear infinite}
.ticker span{display:inline-flex;align-items:center;gap:10px;border:2px solid #3a414c;border-radius:999px;padding:8px 16px;font:700 14.5px var(--f-body);white-space:nowrap}
.ticker span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--sign) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%2313171D' stroke-width='2.6' fill='none'/%3E%3C/svg%3E") center/13px no-repeat}
@keyframes tick{to{transform:translateX(-50%)}}

/* abas de seção */
.tabs-nav{display:flex;gap:8px;overflow-x:auto;padding-top:18px;padding-bottom:6px;scrollbar-width:none;position:sticky;top:0;z-index:20;background:var(--paper)}
.tabs-nav::-webkit-scrollbar{display:none}
.tabs-nav a{flex:0 0 auto;border:2px solid var(--ink);border-radius:999px;padding:9px 15px;font:700 14px var(--f-body);color:var(--ink);text-decoration:none;background:#fff;min-height:42px;display:inline-flex;align-items:center}
.tabs-nav a.on{background:var(--ink);color:var(--sign)}

/* seções */
.sec{padding:56px 0;border-bottom:3px solid var(--ink)}
.sec-alt{background:#fff}
.sec-ink{background:var(--ink);color:#fff}.sec-ink .lead{color:#c5ccd6}
.two{display:grid;gap:28px;align-items:center}
.steps3{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:14px}
.steps3 li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;background:#fff;border:2px solid var(--ink);border-radius:16px;padding:18px}
.steps3 b{width:52px;height:52px;border-radius:12px;background:var(--ink);color:var(--sign);display:grid;place-items:center;font:800 24px var(--f-display)}
.steps3 h3{font:800 19px/1.2 var(--f-display);margin:2px 0 6px;letter-spacing:-.02em}
.steps3 p{margin:0;color:var(--steel);line-height:1.5}
.deliv{display:grid;gap:16px;margin:22px 0 10px}
.dv h3{font:800 20px/1.2 var(--f-display);letter-spacing:-.02em;margin:10px 0 6px}.dv p{margin:0;color:var(--steel);line-height:1.5}
.dv .ic{width:52px;height:52px;border-radius:12px;border:2px solid var(--ink);display:grid;place-items:center;font-size:25px;background:var(--sign)}
.dv-hl{background:var(--sign)}.dv-hl .ic{background:#fff}.dv-hl p{color:var(--ink)}
.note{font:700 15px var(--f-body);margin:14px 0 0}
.est-demo .est-top{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.est-demo .est-top b{font:800 26px var(--f-display)}
.est-bar{height:12px;border:2px solid var(--ink);border-radius:999px;margin:12px 0 16px;overflow:hidden;background:var(--soft)}.est-bar i{display:block;height:100%;background:var(--sign)}
.est-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.est-grid div{border:2px solid var(--ink);border-radius:12px;padding:12px}.est-grid small{display:block;color:var(--steel);font-size:13px}.est-grid b{font:800 22px var(--f-display);letter-spacing:-.02em}
.seal{width:200px;height:200px;margin:0 auto;border-radius:50%;background:var(--sign);color:var(--ink);border:4px solid #fff;display:grid;place-content:center;text-align:center;box-shadow:0 0 0 8px var(--sign);transform:rotate(-8deg)}
.seal b{font:800 68px/1 var(--f-display);letter-spacing:-.05em}.seal span{font:800 14px/1.2 var(--f-body);max-width:130px;margin:4px auto 0}
.ticks-dark li::before{border-color:#fff}
.chips-static{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.chips-static span{border:2px solid var(--ink);border-radius:999px;padding:9px 15px;font:700 15px var(--f-body);background:#fff}
.faq{display:grid;gap:10px;margin-top:16px}
.faq details{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:0 16px}
.faq summary{cursor:pointer;list-style:none;font:800 17px/1.3 var(--f-display);padding:16px 26px 16px 0;position:relative;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:24px}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 16px;color:var(--steel);line-height:1.55}
.final{background:var(--sign)}.final .lead{color:var(--ink)}
.foot{padding:28px 0 110px;font-size:14px;color:var(--steel)}.foot a{color:var(--ink)}
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(241,244,247,.96);border-top:3px solid var(--ink);z-index:50;transform:translateY(110%);transition:transform .25s}
.sticky.show{transform:none}

/* quiz */
.quiz-top{display:flex;align-items:center;gap:14px;padding-top:16px;padding-bottom:8px;max-width:680px}
.back{flex:0 0 46px;height:46px;border:2px solid var(--ink);border-radius:12px;background:#fff;font:800 20px var(--f-display);cursor:pointer}
.qprog{flex:1}.qprog-row{display:flex;justify-content:space-between;font:700 14px var(--f-body);margin-bottom:6px}
.qbar{height:12px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.qbar i{display:block;height:100%;width:16%;background:var(--sign);transition:width .3s}
.quiz{padding-top:18px;padding-bottom:120px}
.q{display:none;border:0;margin:0;padding:0;min-width:0}.q.active{display:block;animation:in .25s ease}
@keyframes in{from{opacity:0;transform:translateY(8px)}}
.qh{font:800 clamp(1.6rem,6.6vw,2.2rem)/1.08 var(--f-display);letter-spacing:-.035em;margin:0 0 8px;padding:0}
.qs{color:var(--steel);font-size:16.5px;line-height:1.5;margin:0 0 18px}
.lbl{display:block;font:700 15px var(--f-body);margin:16px 0 6px}
.row-city{display:grid;grid-template-columns:1fr 96px;gap:10px}.row-city .lbl{margin-top:0}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{min-height:46px;padding:9px 15px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:700 15px var(--f-body);color:var(--ink);cursor:pointer}
.chips button.on{background:var(--ink);color:var(--sign)}
.chips-wrap{margin-top:12px}
.hint{font-size:14px;color:var(--steel);margin:10px 0 0;line-height:1.45}
.err{display:none;color:var(--bad);font-weight:700;margin:10px 0 0}.err.show{display:block}
.add-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.taglist{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.taglist li{display:inline-flex;align-items:center;gap:6px;background:var(--sign);border:2px solid var(--ink);border-radius:999px;padding:6px 6px 6px 14px;font:700 15px var(--f-body)}
.taglist button{width:30px;height:30px;border-radius:50%;border:0;background:var(--ink);color:#fff;font:700 15px var(--f-body);cursor:pointer}
.seg{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border:2px dashed var(--ink);border-radius:12px;font-size:15px;background:#fff}
.seg[hidden]{display:none}
.seg-change{position:relative;font-weight:700;text-decoration:underline;cursor:pointer}
.seg-change select{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop{display:grid;place-items:center;min-height:220px;border:3px dashed var(--ink);border-radius:18px;background:#fff;cursor:pointer;overflow:hidden;position:relative}
.drop-in{text-align:center;display:grid;gap:4px;padding:20px}.drop-in b{font:800 18px var(--f-display)}.drop-in small{color:var(--steel)}
.drop-in::before{content:"📷";font-size:38px}
.drop img{width:100%;height:280px;object-fit:cover;display:block}
.status{min-height:22px;font-weight:600;margin:10px 0 0}.status.err2{color:var(--bad)}
.qnav{position:fixed;left:0;right:0;bottom:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:rgba(241,244,247,.96);border-top:3px solid var(--ink);z-index:40}
.qnav .btn{max-width:640px;margin:0 auto;display:flex}

/* montagem */
.build{position:fixed;inset:0;background:var(--paper);z-index:120;display:grid;place-items:center;padding:24px}
.build[hidden]{display:none}
.build-box{max-width:420px;width:100%;text-align:center}
.ring{position:relative;width:130px;height:130px;margin:0 auto 14px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke:#fff;stroke-width:10}.ring #ringFg{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:276.5;transition:stroke-dashoffset .2s}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 28px var(--f-display)}
.build-steps{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px;text-align:left}
.build-steps li{border:2px solid var(--line);border-radius:12px;padding:12px 14px 12px 44px;position:relative;color:var(--steel);font-weight:600;background:#fff}
.build-steps li::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--line)}
.build-steps li.on{border-color:var(--ink);color:var(--ink)}.build-steps li.on::before{border-color:var(--ink);border-top-color:transparent;animation:spin .8s linear infinite}
.build-steps li.done{border-color:var(--ink);color:var(--ink)}.build-steps li.done::before{background:var(--zapg);border-color:var(--ink);animation:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* apresentação */
.pv-head{padding-top:12px}
.pv-grid{display:grid;gap:22px;padding-bottom:26px}
.seg-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--soft);border:2px solid var(--ink);border-radius:14px;padding:5px}
.seg-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;font:800 15px var(--f-display);color:var(--ink);cursor:pointer}
.seg-tabs button.on{background:var(--ink);color:var(--sign)}
.var-tabs{display:flex;gap:8px;justify-content:center;margin:12px 0 14px;flex-wrap:wrap}
.var-tabs button{min-height:40px;padding:6px 14px;border:2px solid var(--ink);border-radius:999px;background:#fff;font:700 14px var(--f-body);cursor:pointer}
.var-tabs button.on{background:var(--sign)}
.mock{display:grid;place-items:center;min-height:420px}
/* feed Facebook */
.fbp{width:min(360px,100%);background:#fff;border:1px solid #dadde1;border-radius:12px;overflow:hidden;font-family:Helvetica,Arial,system-ui,sans-serif;color:#050505;box-shadow:0 8px 26px -12px rgba(0,0,0,.35)}
.fbp-h{display:flex;gap:9px;align-items:center;padding:11px 12px 8px}
.pav{width:38px;height:38px;border-radius:50%;background:var(--sign);border:2px solid var(--ink);display:grid;place-items:center;font:800 13px var(--f-body);color:var(--ink);flex:0 0 auto;overflow:hidden}
.pav img{width:100%;height:100%;object-fit:cover}
.fbp-h b{display:block;font-size:14.5px}.fbp-h small{font-size:12.5px;color:#65676b}
.fbp-h .x{margin-left:auto;color:#65676b;font-size:18px;letter-spacing:1px}
.fbp-t{padding:0 12px 10px;font-size:14.5px;line-height:1.38;white-space:pre-line}
.fbp-t .more{color:#65676b;font-weight:600;cursor:pointer}
.fbp img.cr,.igp img.cr{width:100%;display:block;background:#eee}
.fbp-b{display:flex;align-items:center;gap:10px;background:#f0f2f5;padding:10px 12px}
.fbp-b div{flex:1;min-width:0}.fbp-b small{display:block;font-size:12px;color:#65676b;text-transform:uppercase;letter-spacing:.02em}
.fbp-b b{display:block;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#e4e6eb;color:#050505;border-radius:6px;padding:9px 11px;font:700 13.5px Helvetica,Arial,sans-serif;white-space:nowrap}
.wa-btn::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--zapg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 5a7 7 0 0 0-6 10.6L5 19l3.5-1A7 7 0 1 0 12 5z'/%3E%3C/svg%3E") center/12px no-repeat}
.fbp-f{display:flex;justify-content:space-around;padding:9px 4px;border-top:1px solid #e4e6eb;color:#65676b;font-size:13.5px;font-weight:600}
/* feed Instagram */
.igp{width:min(360px,100%);background:#fff;border:1px solid #dbdbdb;border-radius:12px;overflow:hidden;font-family:-apple-system,Helvetica,Arial,system-ui,sans-serif;color:#000;box-shadow:0 8px 26px -12px rgba(0,0,0,.35)}
.igp-h{display:flex;gap:9px;align-items:center;padding:10px 12px}.igp-h .pav{width:32px;height:32px;font-size:11px}
.igp-h b{display:block;font-size:13.5px}.igp-h small{font-size:12px;color:#737373}.igp-h .x{margin-left:auto}
.igp-cta{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:#0095f6;color:#fff;font-size:14px;font-weight:600}
.igp-i{display:flex;gap:14px;padding:10px 12px 4px;font-size:22px}
.igp-t{padding:2px 12px 14px;font-size:13.5px;line-height:1.4;white-space:pre-line}
/* stories */
.stp{width:min(270px,78vw);aspect-ratio:9/16;border-radius:22px;overflow:hidden;position:relative;background:#000;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);border:3px solid var(--ink)}
.stp img{width:100%;height:100%;object-fit:cover;display:block}
.stp-top{position:absolute;left:0;right:0;top:0;padding:10px 10px 30px;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff}
.stp-bars{display:flex;gap:3px;margin-bottom:8px}.stp-bars i{flex:1;height:2.5px;background:rgba(255,255,255,.45);border-radius:2px}.stp-bars i:first-child{background:#fff}
.stp-u{display:flex;gap:8px;align-items:center;font:600 13px -apple-system,Helvetica,Arial,sans-serif}.stp-u .pav{width:28px;height:28px;font-size:10px}
.stp-u small{opacity:.85;font-weight:400}
.stp-cta{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#fff;color:#000;border-radius:999px;padding:9px 16px;font:700 13px -apple-system,Helvetica,Arial,sans-serif;white-space:nowrap;display:flex;gap:6px;align-items:center}
.stp-cta::before{content:"⌃";font-weight:800}

.proj .proj-seg{margin:0 0 12px;color:var(--steel);font-size:15px}
.budget{border:2px solid var(--ink);border-radius:14px;padding:14px;background:var(--paper)}
.budget output{display:block;font:800 34px/1 var(--f-display);letter-spacing:-.04em}
.budget small{color:var(--steel);font-size:13.5px}
.budget input[type=range]{width:100%;margin:14px 0 4px;accent-color:var(--ink);height:30px}
.budget-scale{display:flex;justify-content:space-between;font-size:12.5px;color:var(--steel-2)}
.est{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.est div{border:2px solid var(--ink);border-radius:12px;padding:12px;background:#fff}
.est small{display:block;font-size:12.5px;color:var(--steel);line-height:1.3}
.est b{display:block;font:800 22px/1.15 var(--f-display);letter-spacing:-.02em;margin-top:4px}
.est .est-hl{grid-column:1/-1;background:var(--sign)}.est .est-hl small{color:var(--ink);font-weight:700}.est .est-hl b{font-size:32px}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:120px;border-bottom:2px solid var(--ink);padding:0 2px;margin-top:4px}
.week .wb{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.week .wb i{display:block;border:2px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;background:repeating-linear-gradient(45deg,var(--sign) 0 6px,#ffe07a 6px 12px)}
.week .wb i.lo{background:var(--ink);border-radius:0;border-top:0}
.week .wb span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11.5px;color:var(--steel)}
.month{margin:4px 0 8px;font-size:15px;line-height:1.5}
.gar-badge{margin:8px 0;padding:10px 12px;border-radius:12px;font-weight:700;font-size:14.5px;line-height:1.4;border:2px solid var(--zap);background:#DDF5E6}
.gar-badge.off{border-color:var(--bad);background:#FDECEC}
.offer{margin:8px 0 18px;background:#fff}
.offer .ticks li{font-size:16px}
.price{margin:18px 0 14px;border-top:2px dashed var(--ink);padding-top:16px}
.price small{font:700 14px var(--f-body);color:var(--steel)}
.price b{display:block;font:800 clamp(3rem,13vw,4rem)/1 var(--f-display);letter-spacing:-.05em}
.price span{font-size:15px;color:var(--steel)}
.gar{border:2px solid var(--ink);border-radius:14px;padding:14px;background:var(--sign);margin-bottom:16px}
.gar b{font:800 18px var(--f-display)}.gar p{margin:6px 0 0;line-height:1.5}
.pv-foot{padding-bottom:110px}

@media(min-width:760px){
  .hero{padding:34px 0 64px}
  .hero-grid{grid-template-columns:1.1fr .9fr}
  .two{grid-template-columns:1fr 1fr}
  .deliv{grid-template-columns:repeat(3,1fr)}
  .steps3{grid-template-columns:repeat(3,1fr)}.steps3 li{grid-template-columns:1fr}
  .pv-grid{grid-template-columns:1fr 1fr;align-items:start}
  .sticky{display:none}
  .foot{padding-bottom:40px}.pv-foot{padding-bottom:40px}
  .float-msg.f1{left:0}.float-msg.f2{right:0}
}
@media(max-width:380px){.float-msg{display:none}.est .est-hl b{font-size:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.final .btn{background:var(--ink);color:var(--sign);box-shadow:0 4px 0 #000}.final .btn:hover{background:#262c35}
.var-tabs{flex-wrap:nowrap;gap:6px}.var-tabs button{padding:6px 12px;font-size:13.5px;flex:1 1 0;max-width:120px}
.hero-cta{margin-top:6px;max-width:460px}.hero-cta .btn{min-height:62px;font-size:19px}
/* oferta */
.of-ex{background:#fff;border:2px dashed var(--ink);border-radius:14px;padding:14px;margin-bottom:6px}
.of-ex .chips button{min-height:40px;font-size:14px;padding:7px 12px}
.of-count{margin:8px 0 0;font-size:14px;font-weight:700;color:var(--steel)}
.of-count.ok{color:var(--zap)}.of-count.long{color:#B45309}
.of-prev{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px;border-radius:14px;background:var(--ink);color:#c5ccd6;font-size:13px}
.of-prev span{flex:1;max-width:120px;line-height:1.35}
.of-prev b{flex:0 1 auto;max-width:190px;background:var(--sign);color:var(--ink);border:2px solid #000;border-radius:14px;padding:10px 14px;font:800 17px/1.1 var(--f-display);transform:rotate(-4deg);text-align:center;overflow-wrap:anywhere}
.lbl small{font-weight:500;color:var(--steel)}
/* fotos e vídeo */
.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ph{position:relative;aspect-ratio:1;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph .rm{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:var(--ink);color:#fff;font:700 14px var(--f-body);cursor:pointer}
.ph .cap{position:absolute;left:5px;bottom:5px;background:var(--sign);border:2px solid var(--ink);border-radius:6px;padding:1px 6px;font:800 11px var(--f-body)}
.ph.up::after{content:"Enviando…";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.75);font:700 13px var(--f-body)}
.ph-add{aspect-ratio:1;border:3px dashed var(--ink);border-radius:12px;background:#fff;display:grid;place-content:center;text-align:center;gap:2px;cursor:pointer;font:800 14px var(--f-display);color:var(--ink)}
.ph-add::before{content:"＋";font-size:28px;line-height:1}
.ph-add small{font:600 12px var(--f-body);color:var(--steel)}
.ph-grid.empty{grid-template-columns:1fr}.ph-grid.empty .ph-add{aspect-ratio:auto;min-height:170px}
.vd-add{width:100%;min-height:64px;border:3px dashed var(--ink);border-radius:12px;background:#fff;font:800 15px var(--f-display);cursor:pointer;color:var(--ink)}
.vd-item{position:relative;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:#000;max-width:220px}
.vd-item video{display:block;width:100%;max-height:300px}
.vd-item .rm{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%;border:2px solid #fff;background:var(--ink);color:#fff;cursor:pointer}
.vd-bar{height:10px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;margin-top:8px}.vd-bar i{display:block;height:100%;width:0;background:var(--sign)}
.mock video{width:100%;display:block;background:#000}
.stp video{width:100%;height:100%;object-fit:cover}
.var-tabs button[hidden]{display:none}
.var-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:2px}.var-tabs::-webkit-scrollbar{display:none}
.var-tabs button{flex:0 0 auto;max-width:none;white-space:nowrap}
@media(min-width:420px){.var-tabs{justify-content:center}}
.of-ex .chips{gap:6px}.of-ex .chips button{font-size:13.5px;padding:6px 11px;min-height:38px}
.pv-grid{grid-template-columns:minmax(0,1fr)}.pv-grid>*{min-width:0}
.mock{min-width:0}.mock video,.mock img{max-width:100%}
@media(min-width:760px){.pv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}