/* Scale X 360 Store — prateleira, produto, carrinho, checkout e configurador.
   Complementa assets/css/site.css (mesmos tokens de cor e tipografia). */
:root{
  --ledger:#06213a;
  --warn:#f2c14e;
  --err:#ff8a80;
  --num:'Roboto',Tahoma,Arial,sans-serif;
}
.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:0}

/* ── Barra da loja (abas + carrinho) ── */
.store-bar{position:sticky;top:var(--nav-h);z-index:50;background:rgba(1,20,36,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.store-bar .wrap{display:flex;align-items:center;gap:16px;height:60px}
.store-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.store-tabs::-webkit-scrollbar{display:none}
.store-tabs a{flex:none;padding:8px 14px;border-radius:var(--r-s);font-family:var(--f-title);font-weight:600;font-size:14.5px;color:var(--t2);white-space:nowrap;border-bottom:2px solid transparent}
.store-tabs a:hover{color:#fff}
.store-tabs a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold);border-radius:0}
a.cart-btn{text-decoration:none}

.store-head{padding:calc(var(--nav-h) + 36px) 0 28px}
.store-head h1{font-size:clamp(2rem,4.2vw,3.1rem);margin:4px 0 12px}
.store-head .lead{max-width:64ch}
.crumbs{font-size:14.5px;color:var(--t3)}
.crumbs a{color:var(--t2)}
.crumbs a:hover{color:var(--gold-2)}
.store-main{padding-bottom:96px}

/* ── Bloco "Construa seu projeto" (loja e prateleira) ── */
.builder-cta{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border:1px solid rgba(224,165,44,.4);border-radius:var(--r-l);background:linear-gradient(135deg,var(--ink-3),var(--ink-2) 60%)}
.builder-cta h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:12px}
.builder-cta p{color:var(--t2);max-width:56ch}
.builder-cta .btn-row{margin-top:22px}
.builder-flow{list-style:none;counter-reset:bf;display:grid;gap:10px}
.builder-flow li{counter-increment:bf;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:rgba(1,20,36,.55)}
.builder-flow li::before{content:counter(bf);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-2);font-family:var(--f-title);font-weight:800;font-size:15px}
.builder-flow b{display:block;font-family:var(--f-title);font-size:15.5px;color:#fff}
.builder-flow span{font-size:14.5px;color:var(--t3)}
@media (max-width:860px){.builder-cta{grid-template-columns:1fr}}
.loja-paths{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ── Prateleira ── */
.shelf{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.shelf-side{position:sticky;top:calc(var(--nav-h) + 76px);max-height:calc(100vh - var(--nav-h) - 96px);overflow-y:auto;scrollbar-width:thin}
.shelf-side h2{font-size:15px;color:var(--t3);font-weight:600;margin:0 0 8px}
.cat-list{list-style:none;margin-bottom:22px}
.cat-list button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--r-s);font-size:15px;color:var(--t2);text-align:left}
.cat-list button:hover{background:var(--ink-2);color:#fff}
.cat-list button[aria-pressed="true"]{background:var(--gold-soft);color:var(--gold-2);font-weight:500}
.cat-list small{color:var(--t3);font-size:13.5px}
.side-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--t2);padding:6px 2px}
.side-check input{width:18px;height:18px;margin-top:4px;accent-color:var(--gold);flex:none}
.shelf-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}
.search{position:relative;flex:1 1 260px}
.search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);stroke:var(--t3);fill:none;stroke-width:2}
.search input{width:100%;min-height:48px;padding:10px 14px 10px 42px;border-radius:var(--r-m);border:1px solid var(--line-2);background:var(--ink-2);font-size:16px}
.search input:focus,.sel:focus{outline:none;border-color:var(--gold)}
.sel{min-height:48px;padding:0 38px 0 14px;border-radius:var(--r-m);border:1px solid var(--line-2);background:var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b9cd' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;appearance:none;-webkit-appearance:none;font-size:15.5px;color:var(--t1)}
.shelf-count{font-size:15px;color:var(--t3);margin-bottom:14px}
.mob-filter{display:none}
.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1180px){.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .shelf{grid-template-columns:1fr}
  .shelf-side{position:static;max-height:none;display:none;padding:16px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ink-2)}
  .shelf-side.is-open{display:block}
  .mob-filter{display:inline-flex}
}
@media (max-width:600px){.shelf-grid{grid-template-columns:1fr}}

.card{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ink-2);min-width:0}
.card:hover{border-color:var(--line-2)}
.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.card .cat{font-family:var(--f-title);font-weight:600;font-size:13.5px;color:var(--gold-2)}
.card h3{font-size:1.15rem;margin:6px 0 8px}
.card h3 a:hover{color:var(--gold-2)}
.card-desc{font-size:15px;color:var(--t2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.card-media{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.card-media img{width:64px;mix-blend-mode:lighten}
.price{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.price-main{font-family:var(--f-title);font-weight:700;font-size:1.25rem;color:#fff;line-height:1.2}
.price-main small{font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--t3)}
.price-sub{font-size:14px;color:var(--t2);margin-top:2px}
.price-sub b{color:var(--t1);font-weight:500}
.price-pend{font-size:15px;color:var(--warn)}
.card .sel{width:100%;min-height:44px;margin-top:10px;font-size:15px}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.card-actions .btn{min-height:44px;padding:0 10px;font-size:14.5px}
.card-actions .btn:only-child{grid-column:1/-1}
.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;margin-top:12px;font-size:14.5px}
.card-links a,.card-links button{color:var(--t2);font-size:14.5px;text-decoration:underline;text-underline-offset:3px}
.card-links a:hover,.card-links button:hover{color:var(--gold-2)}
.site-tag{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--t2);margin-top:8px;overflow-wrap:anywhere}
.site-tag svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.site-tag:hover{color:var(--gold-2)}
.cmp{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--t3);cursor:pointer}
.cmp input{width:16px;height:16px;accent-color:var(--gold)}
.empty-state{padding:48px 24px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-l);color:var(--t2)}
.empty-state .btn{margin-top:14px}

/* Comparação */
.cmp-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:820;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 18px;border-radius:999px;background:var(--ink-3);border:1px solid var(--gold);box-shadow:0 12px 30px rgba(0,0,0,.45);font-size:15px;max-width:calc(100% - 24px)}
.cmp-bar[hidden]{display:none}
dialog.sheet{margin:auto;width:min(1080px,calc(100% - 24px));max-height:calc(100% - 40px);border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--ink-2);color:var(--t1);padding:0}
dialog.sheet::backdrop{background:rgba(0,6,14,.75)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--ink-2)}
.sheet-head h2{font-size:1.3rem}
.sheet-body{padding:18px 22px 24px;overflow:auto}
.x-btn{width:40px;height:40px;border-radius:var(--r-s);border:1px solid var(--line-2);display:grid;place-items:center;flex:none}
.x-btn svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2}
.cmp-table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.cmp-table th,.cmp-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--line)}
.cmp-table thead th{font-family:var(--f-title);font-size:16px;color:#fff}
.cmp-table tbody th{color:var(--t3);font-weight:500;width:150px}
.cmp-table td{color:var(--t2)}
.cmp-table ul{padding-left:16px}

/* ── Página de produto ── */
.pd-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:clamp(24px,4vw,56px);align-items:start}
.pd-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:8px 0 14px}
.pd-hero .lead{max-width:56ch}
.pd-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px;font-size:15px;color:var(--t2)}
.pd-meta a{color:var(--gold-2);font-family:var(--f-title);font-weight:600}
.buy-box{position:sticky;top:calc(var(--nav-h) + 80px);padding:22px;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--ink-2)}
.buy-box h2{font-size:1.15rem;margin-bottom:12px}
.plan-list{list-style:none;display:grid;gap:8px}
.plan{position:relative}
.plan input{position:absolute;opacity:0;inset:0}
.plan label{display:block;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r-m);cursor:pointer}
.plan input:checked + label{border-color:var(--gold);background:var(--gold-soft)}
.plan input:focus-visible + label{outline:2px solid var(--gold-2);outline-offset:2px}
.plan b{display:block;font-family:var(--f-title);font-size:15px;color:#fff}
.plan span{display:block;font-size:14px;color:var(--t2)}
.plan small{display:block;font-size:13px;color:var(--t3)}
.buy-box .ledger{margin-top:14px}
.buy-box .btn{width:100%;margin-top:10px}
.pd-sec{padding-top:56px}
.pd-sec > h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:16px}
.pd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pd-block{padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ink-2)}
.pd-block h3{font-size:16px;margin-bottom:8px}
.pd-block ul{padding-left:18px;color:var(--t2);font-size:15.5px;line-height:1.6}
.pd-block.no{border-style:dashed}
.pd-note{margin-top:14px;font-size:14.5px;color:var(--t3);max-width:80ch}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 0;font-family:var(--f-title);font-weight:600;font-size:16px;color:#fff;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold-2);font-size:20px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 16px;color:var(--t2);max-width:75ch}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:960px){.pd-hero{grid-template-columns:1fr}.buy-box{position:static}.rel-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pd-grid,.rel-grid{grid-template-columns:1fr}}
.talk{display:flex;flex-wrap:wrap;gap:10px}

/* ── Ledger (resumo financeiro) ── */
.ledger{border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--ledger);padding:4px 16px}
.ledger div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--t2)}
.ledger div:last-child{border-bottom:0}
.ledger dd{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--t1);text-align:right;white-space:nowrap}
.ledger .tot{padding:12px 0;border-top:2px solid var(--gold);border-bottom:0;margin-top:2px}
.ledger .tot dt{font-family:var(--f-title);font-weight:700;color:#fff}
.ledger .tot dd{font-family:var(--f-title);font-weight:800;font-size:1.3rem;color:var(--gold-2)}
.ledger .recur dd{color:#fff}
.ledger .pend dt,.ledger .pend dd{color:var(--warn)}
.ledger-note{font-size:13.5px;color:var(--t3);margin-top:8px}

/* ── Carrinho ── */
.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,3vw,44px);align-items:start}
.cart-aside{position:sticky;top:calc(var(--nav-h) + 80px)}
.cart-aside h2{font-size:1.2rem;margin-bottom:12px}
.cart-aside .btn{width:100%;margin-top:12px}
@media (max-width:960px){.cart-layout{grid-template-columns:1fr}.cart-aside{position:static}}
.cart-list{list-style:none;border-top:1px solid var(--line)}
.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:18px 0;border-bottom:1px solid var(--line)}
.cart-line h3{font-size:1.05rem}
.cart-line h3 a:hover{color:var(--gold-2)}
.cart-line .cat{font-size:13.5px;color:var(--gold-2);font-family:var(--f-title);font-weight:600}
.cart-line .det{font-size:14.5px;color:var(--t2);margin-top:4px}
.cart-line .note{font-size:13.5px;color:var(--t3)}
.cart-line .sel{min-height:40px;font-size:14.5px;margin-top:8px;max-width:100%}
.cart-line .amt{text-align:right}
.cart-line .amt b{display:block;font-family:var(--num);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;color:#fff;white-space:nowrap}
.cart-line .amt small{display:block;font-size:13px;color:var(--t3);white-space:nowrap}
.line-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.rm-btn{font-size:14.5px;color:var(--t3);text-decoration:underline}
.rm-btn:hover{color:var(--err)}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r-s)}
.stepper button{width:36px;height:36px;font-size:18px}
.stepper span{min-width:52px;text-align:center;font-size:15px}
.pending-box{margin-top:22px;padding:16px 18px;border:1px dashed rgba(242,193,78,.5);border-radius:var(--r-m)}
.pending-box h3{font-size:15.5px;color:var(--warn);margin-bottom:6px}
.pending-box ul{padding-left:18px;font-size:15px;color:var(--t2)}
.cart-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* ── Checkout ── */
.steps-ind{list-style:none;display:flex;gap:8px;margin-bottom:26px}
.steps-ind li{flex:1;padding-top:10px;border-top:3px solid var(--line-2);font-size:14.5px;color:var(--t3);font-family:var(--f-title);font-weight:600}
.steps-ind li.on{border-top-color:var(--gold);color:#fff}
.steps-ind li.done{border-top-color:rgba(224,165,44,.55);color:var(--t2)}
.panel[hidden]{display:none}
.panel h2{font-size:1.4rem;margin-bottom:6px}
.panel > p.muted{margin-bottom:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.form-grid .full{grid-column:1/-1}
@media (max-width:620px){.form-grid{grid-template-columns:1fr}}
.field .hint{font-size:13.5px;color:var(--t3);margin-top:4px}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-m);padding:3px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:block;padding:9px 18px;border-radius:7px;font-size:15px;color:var(--t2);cursor:pointer}
.seg input:checked + span{background:var(--gold);color:#1b1102;font-weight:500}
.seg input:focus-visible + span{outline:2px solid var(--gold-2)}
.review-list{list-style:none;border-top:1px solid var(--line);margin-bottom:18px}
.review-list li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.review-list li span{color:var(--t3);display:block;font-size:14px}
.review-list li b{font-weight:500;color:#fff}
.review-list .num{white-space:nowrap;color:var(--t1)}
.buyer-card{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);font-size:15px;color:var(--t2);margin-bottom:18px}
.buyer-card b{color:#fff;font-weight:500}
.pay-opts{display:grid;gap:10px;margin:8px 0 18px}
.pay-opt{position:relative}
.pay-opt input{position:absolute;opacity:0;inset:0}
.pay-opt label{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-m);cursor:pointer}
.pay-opt label::before{content:"";grid-row:1/3;width:20px;height:20px;margin-top:2px;border-radius:50%;border:2px solid var(--line-2)}
.pay-opt input:checked + label{border-color:var(--gold);background:var(--gold-soft)}
.pay-opt input:checked + label::before{border-color:var(--gold);background:radial-gradient(var(--gold) 45%,transparent 50%)}
.pay-opt input:focus-visible + label{outline:2px solid var(--gold-2);outline-offset:2px}
.pay-opt input:disabled + label{opacity:.5;cursor:not-allowed}
.pay-opt b{font-family:var(--f-title);font-size:15.5px;color:#fff}
.pay-opt span{font-size:14.5px;color:var(--t2)}
.notice{padding:14px 16px;border-radius:var(--r-m);font-size:15px;margin:12px 0}
.notice.info{background:rgba(34,106,224,.12);border:1px solid rgba(34,106,224,.4);color:#cfe0ff}
.notice.warn{background:rgba(242,193,78,.1);border:1px solid rgba(242,193,78,.45);color:#fbe2a6}
.notice.ok{background:rgba(60,201,139,.1);border:1px solid rgba(60,201,139,.45);color:#bff0d9}
.notice.err{background:rgba(255,138,128,.1);border:1px solid rgba(255,138,128,.45);color:#ffd2cd}
.notice[hidden]{display:none}
.pix-box{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--ledger)}
.pix-box[hidden]{display:none}
#pix-qr{background:#fff;padding:8px;border-radius:8px;width:216px;min-height:216px}
.pix-box textarea{width:100%;min-height:96px;padding:10px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--ink);font-size:13px;color:var(--t2);resize:none;word-break:break-all}
@media (max-width:620px){.pix-box{grid-template-columns:1fr}#pix-qr{margin:0 auto}}
.order-id{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--gold-2);font-weight:500}
.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.spin{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* ── Status do pedido ── */
.status-card{max-width:720px;margin:0 auto;padding:clamp(24px,4vw,40px);border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--ink-2)}
.status-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.status-ico svg{width:28px;height:28px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.status-ico.ok{background:rgba(60,201,139,.15)}.status-ico.ok svg{stroke:var(--ok)}
.status-ico.wait{background:rgba(242,193,78,.14)}.status-ico.wait svg{stroke:var(--warn)}
.status-ico.no{background:rgba(255,138,128,.14)}.status-ico.no svg{stroke:var(--err)}
.status-card h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:10px}
.status-card p{color:var(--t2)}
.status-card dl{margin-top:18px}

/* ── Configurador (Construa seu projeto) ── */
.cfg{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,3vw,44px);align-items:start}
.cfg-aside{position:sticky;top:calc(var(--nav-h) + 80px)}
.cfg-aside h2{font-size:1.15rem;margin-bottom:4px}
.cfg-aside .muted{font-size:14px;margin-bottom:12px}
.cfg-aside .sel-list{list-style:none;margin:12px 0 0;font-size:14.5px;max-height:240px;overflow:auto}
.cfg-aside .sel-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--t2)}
.cfg-aside .sel-list li span:last-child{color:var(--t3);white-space:nowrap}
@media (max-width:1000px){.cfg{grid-template-columns:1fr}.cfg-aside{position:static;order:2}}
.progress{display:flex;gap:6px;margin-bottom:8px}
.progress span{flex:1;height:4px;border-radius:2px;background:var(--line-2)}
.progress span.on{background:var(--gold)}
.progress-label{font-size:14.5px;color:var(--t3);margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0}
.chips span{display:inline-block;padding:10px 16px;border:1px solid var(--line-2);border-radius:999px;font-size:15px;color:var(--t2);cursor:pointer}
.chips input:checked + span{border-color:var(--gold);background:var(--gold);color:#1b1102}
.chips input:focus-visible + span{outline:2px solid var(--gold-2);outline-offset:2px}
.q-block{padding:18px 0;border-bottom:1px solid var(--line)}
.q-block > p{font-family:var(--f-title);font-weight:600;font-size:16px;color:#fff;margin-bottom:10px}
.q-block.invalid > p{color:var(--err)}
.yn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.yn .q-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--t2)}
@media (max-width:700px){.yn{grid-template-columns:1fr}}
.rec-list{display:grid;gap:12px;margin-bottom:28px}
.rec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:16px 18px;border:1px solid rgba(224,165,44,.45);border-radius:var(--r-m);background:var(--gold-soft)}
.rec h3{font-size:1.02rem}
.rec p{font-size:14.5px;color:var(--t2)}
.rec .why{color:var(--t1)}
.rec-actions{display:flex;gap:8px;align-items:start}
.rec.is-taken{border-color:var(--ok);background:rgba(60,201,139,.07)}
.rec.is-dismissed{opacity:.55}
.mod-group{margin-top:26px}
.mod-group > h3{font-size:1.1rem;margin-bottom:10px;display:flex;justify-content:space-between;gap:12px}
.mod-group > h3 small{font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--t3)}
.mod{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(200px,auto);gap:6px 14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
.mod > input{width:20px;height:20px;margin-top:3px;accent-color:var(--gold)}
.mod h4{font-size:15.5px;color:#fff}
.mod p{font-size:14.5px;color:var(--t2)}
.mod .site-tag{margin-top:2px}
.mod .sel{min-height:40px;font-size:14.5px;width:100%}
.mod .hrs{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;color:var(--t3)}
.mod .hrs input{width:72px;min-height:36px;padding:4px 8px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--ink)}
.mod.is-on{background:linear-gradient(90deg,var(--gold-soft),transparent 70%)}
@media (max-width:700px){.mod{grid-template-columns:24px minmax(0,1fr)}.mod .mod-plan{grid-column:2}}
.warns{display:grid;gap:8px;margin-top:12px}
.warns .notice{margin:0;display:flex;justify-content:space-between;gap:12px;align-items:center}
.warns .notice button{flex:none;text-decoration:underline;color:inherit}
.result-head{padding:22px;border:1px solid var(--gold);border-radius:var(--r-l);background:linear-gradient(135deg,var(--ink-3),var(--ink-2));margin-bottom:22px}
.result-head h2{font-size:clamp(1.4rem,2.8vw,2rem);margin-bottom:6px}
.result-sec{margin-top:22px}
.result-sec h3{font-size:1.05rem;margin-bottom:8px}
.result-sec ul{padding-left:18px;color:var(--t2);font-size:15.5px}
.res-table{width:100%;border-collapse:collapse;font-size:15px}
.res-table th,.res-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.res-table th{color:var(--t3);font-weight:500;font-size:14px}
.res-table td{color:var(--t2)}
.res-table td b{color:#fff;font-weight:500}
.res-table .num{text-align:right;white-space:nowrap;color:var(--t1)}
.tbl-wrap{overflow-x:auto}
.wiz-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}

/* Impressão do projeto (PDF) */
.print-only{display:none}
@media print{
  :root{color-scheme:light}
  body{background:#fff;color:#111;font-size:12pt}
  .nav,.drawer,.store-bar,.foot,.wa-float,.cart-bar,.cfg-aside,.wiz-nav,.progress,.progress-label,.no-print,.cmp-bar,.toast,.skip{display:none !important}
  .store-head{padding:0 0 12px}
  .result-head{border:1px solid #999;background:none}
  h1,h2,h3,h4,.res-table td b{color:#111}
  .res-table td,.res-table th,.result-sec ul,.muted,.lead{color:#333}
  .ledger{background:none;border-color:#999}
  .ledger dd,.ledger .tot dt,.ledger .tot dd{color:#111}
  .cfg{display:block}
  .print-only{display:block}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* ── Página de obrigado ── */
.thanks{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,56px);align-items:start;max-width:1120px;margin:0 auto}
.thanks > .status-card{grid-column:1/-1;max-width:720px}
.ty-main h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:12px}
.ty-main .lead{max-width:56ch}
.ty-h{font-size:1.2rem;margin:32px 0 12px}
.ty-steps{list-style:none;counter-reset:ty;display:grid;gap:0;border-left:2px solid var(--line-2);margin-left:15px}
.ty-steps li{counter-increment:ty;position:relative;padding:0 0 20px 30px}
.ty-steps li::before{content:counter(ty);position:absolute;left:-16px;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);border:2px solid var(--gold);color:var(--gold-2);font-family:var(--f-title);font-weight:800;font-size:14px}
.ty-steps li:last-child{padding-bottom:0}
.ty-steps b{display:block;font-family:var(--f-title);font-size:16px;color:#fff;padding-top:3px}
.ty-steps span{color:var(--t2);font-size:15.5px}
.ty-side{position:sticky;top:calc(var(--nav-h) + 80px);padding:22px;border:1px solid var(--line-2);border-radius:var(--r-l);background:var(--ink-2)}
.ty-side h2{font-size:1.1rem;margin-bottom:10px}
@media (max-width:960px){.thanks{grid-template-columns:1fr}.ty-side{position:static}}
@media print{.ty-side{position:static;border-color:#999;background:none}.ty-steps span,.ty-main .lead{color:#333}.ty-steps b{color:#111}}

/* ── Sequência de crescimento (loja) ── */
.seq{padding-top:64px;scroll-margin-top:calc(var(--nav-h) + 72px)}
.seq-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seq-list > li{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ink-2)}
.seq-head{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.seq-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold-2);font-family:var(--f-title);font-weight:800;font-size:15px}
.seq-head h3{font-size:1.05rem;margin-bottom:4px}
.seq-head p{font-size:14.5px;color:var(--t2)}
.seq-items{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.seq-items a{display:inline-block;padding:5px 10px;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;color:var(--t2)}
.seq-items a:hover{border-color:var(--gold);color:#fff}
.seq-list .link{margin-top:auto;font-size:15px}
@media (max-width:1000px){.seq-list{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.seq-list{grid-template-columns:1fr}}
.stage-head{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start;padding:22px 0 4px;border-top:1px solid var(--line);margin-top:10px}
.stage-head:first-child{border-top:0;margin-top:0;padding-top:0}
.stage-head h2{font-size:1.25rem;margin-bottom:2px}
.stage-head p{font-size:15px;color:var(--t2);max-width:70ch}

/* ── Páginas de área (Consultoria, Treinamentos, Scale Tools, Equipe Comercial) ── */
.area-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center;padding:calc(var(--nav-h) + 40px) 0 40px}
.area-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:8px 0 14px}
.area-hero .lead{max-width:52ch}
.area-hero .btn-row{margin-top:22px}
.area-hero figure{margin:0;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:var(--ink-2)}
.area-hero figure img{width:100%;height:100%;object-fit:cover;display:block}
.area-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:15px;color:var(--t2)}
.area-points li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:8px;vertical-align:middle}
@media (max-width:900px){.area-hero{grid-template-columns:1fr;padding-top:calc(var(--nav-h) + 24px)}.area-hero figure{order:-1}}
.area-sec{padding:44px 0}
.area-sec > h2{font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:8px}
.area-sec > .lead{max-width:70ch;margin-bottom:22px}
.steps3{list-style:none;counter-reset:s3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.steps3 li{counter-increment:s3;padding:20px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--ink-2)}
.steps3 li::before{content:counter(s3);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold);color:var(--gold-2);font-family:var(--f-title);font-weight:800;margin-bottom:10px}
.steps3 b{display:block;font-family:var(--f-title);color:#fff;font-size:16px;margin-bottom:4px}
.steps3 span{color:var(--t2);font-size:15px}
@media (max-width:760px){.steps3{grid-template-columns:1fr}}
.entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.entry{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--ink-2)}
.entry img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.entry div{padding:20px}
.entry h3{font-size:1.25rem;margin-bottom:6px}
.entry p{color:var(--t2);font-size:15.5px;margin-bottom:14px}
.entry:hover{border-color:var(--gold)}
@media (max-width:760px){.entries{grid-template-columns:1fr}}
.abar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;margin-bottom:12px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.abar button{flex:none;padding:9px 16px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--f-title);font-weight:600;font-size:14.5px;color:var(--t2)}
.abar button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#1b1102}
.astages{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:14.5px;color:var(--t3)}
.astages button{padding:6px 12px;border-radius:var(--r-s);border:1px solid var(--line);color:var(--t2);font-size:14.5px}
.astages button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold-2);background:var(--gold-soft)}
.agroup{padding-top:26px}
.agroup-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:6px}
.agroup-head h2{font-size:1.35rem}
.agroup-head span,.agroup-desc{color:var(--t3);font-size:14.5px}
.agroup-desc{margin-bottom:14px}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1080px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.agrid{grid-template-columns:1fr}}
.acard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;background:var(--ink-2);min-width:0}
.acard:hover{border-color:var(--line-2)}
.acard-img{display:block;aspect-ratio:16/9;background:var(--ink-3);overflow:hidden}
.acard-img img{width:100%;height:100%;object-fit:cover;display:block}
.acard-img img.emb{object-fit:contain;padding:18px;mix-blend-mode:lighten}
.acard-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.acard-type{font-family:var(--f-title);font-weight:600;font-size:13px;color:var(--gold-2)}
.acard h3{font-size:1.1rem;margin:4px 0 6px}
.acard h3 a:hover{color:var(--gold-2)}
.acard-desc{color:var(--t2);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.tags span{font-size:12.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--t2)}
.acard-price{margin-top:auto;padding-top:12px;font-family:var(--f-title);font-weight:700;color:#fff;font-size:1.05rem}
.acard-price small{display:block;font-family:var(--f-body);font-weight:400;font-size:13.5px;color:var(--t3)}
.acard-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.acard-actions .btn:only-child{grid-column:1/-1}
.acard-more{margin-top:10px;font-size:14.5px;color:var(--t2);text-decoration:underline;text-underline-offset:3px}
.amore{margin-top:14px}
.pd-photo{margin:28px 0 0;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9}
.pd-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cta-band{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px;border:1px solid rgba(224,165,44,.45);border-radius:var(--r-l);background:linear-gradient(135deg,var(--ink-3),var(--ink-2))}
.cta-band h2{font-size:1.4rem;margin-bottom:4px}
.cta-band p{color:var(--t2)}