*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter,system-ui,sans-serif;background:#e9ebef;color:#1c2230;-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea{font:inherit;color:inherit}
.app{max-width:480px;margin:0 auto;height:100dvh;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.08)}
.screen{position:absolute;inset:0;display:none;flex-direction:column}
.screen.on{display:flex}
/* CHAT */
.chat-head{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eef0f3;background:#fff;z-index:2}
.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0f1f33,#2f5a8f);color:#e9c987;display:grid;place-items:center;font-family:"Playfair Display",serif;font-weight:700;font-size:17px;position:relative;flex-shrink:0}
.avatar:after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#2e9d5b;border:2px solid #fff}
.chat-head b{display:block;font-size:15px}
.chat-head small{color:#2e9d5b;font-size:12px}
.eye{margin-left:auto;display:none;align-items:center;gap:6px;background:#0f1f33;color:#fff;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px}
.eye.on{display:flex}
.eye i{width:7px;height:7px;border-radius:50%;background:#e9c987;animation:blink 1.4s infinite}
.progress{height:3px;background:#eef0f3}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c9a45c,#e9c987);transition:width .5s}
.msgs{flex:1;overflow-y:auto;padding:18px 14px 12px;display:flex;flex-direction:column;gap:10px;background:#f6f7f9}
.b{max-width:86%;padding:11px 14px;border-radius:18px;font-size:15px;line-height:1.45;white-space:pre-line;animation:pop .25s ease}
.b.bot{background:#fff;border:1px solid #eceef2;border-bottom-left-radius:6px;align-self:flex-start}
.b.me{background:#0f1f33;color:#fff;border-bottom-right-radius:6px;align-self:flex-end}
.b.me.skip{background:#dfe3ea;color:#5b6475;font-style:italic}
.b.me img{display:block;max-width:130px;max-height:150px;border-radius:12px}
.b.me img.lg{background:#0f1f33;padding:8px;max-height:70px}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.typing{display:flex;gap:4px;padding:14px 16px}
.typing i{width:7px;height:7px;border-radius:50%;background:#a6adba;animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
.b.snapb{padding:6px;cursor:pointer;white-space:normal}
.snap{width:250px;overflow:hidden;border-radius:13px;position:relative;background:#f3f2ef}
.snap-in{width:390px;transform-origin:0 0;pointer-events:none}
.snap .floatwrap{display:none}
.snap-tag{font-size:12px;color:#5b6475;text-align:center;padding:7px 4px 3px}
.steps-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:6px}
.steps-list li{display:flex;gap:8px;align-items:center;color:#8a93a3;font-size:14px;white-space:normal}
.steps-list li.ok{color:#1c2230}
.steps-list li:before{content:"○";width:16px;text-align:center}
.steps-list li.ok:before{content:"✓";color:#2e9d5b;font-weight:700}
.composer{border-top:1px solid #eef0f3;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;max-height:52%;overflow-y:auto}
.composer:empty{display:none}
.row{display:flex;gap:8px;align-items:flex-end}
.field{flex:1;border:1.5px solid #dfe3ea;border-radius:22px;padding:11px 16px;font-size:16px;outline:none;resize:none;background:#fff;max-height:120px;min-width:0}
.field:focus{border-color:#2f5a8f}
.send{width:44px;height:44px;border-radius:50%;background:#0f1f33;color:#fff;display:grid;place-items:center;flex-shrink:0}
.send svg{width:20px;height:20px}
.err{color:#c0392b;font-size:13px;margin:6px 6px 0}
.err:empty{display:none}
.skipbtn{display:block;margin:10px auto 0;color:#5b6475;font-size:14px;text-decoration:underline}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:10px 14px;border-radius:999px;border:1.5px solid #dfe3ea;font-size:14px;font-weight:500;background:#fff;transition:.15s;text-align:left}
.chip.sel{background:#0f1f33;border-color:#0f1f33;color:#fff}
.chip.ghost{border-style:dashed;color:#2f5a8f;border-color:#a9bdd6}
.chip.pri{background:linear-gradient(135deg,#f3dca2,#d4a857 55%,#b78a43);border-color:transparent;color:#1a1408;font-weight:700}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:14px;background:#0f1f33;color:#fff;font-weight:600;font-size:15px;margin-top:10px}
.btn:disabled{opacity:.4}
.btn.sec{background:#eef1f6;color:#0f1f33}
.btn.gold{background:linear-gradient(135deg,#f3dca2,#d4a857 55%,#b78a43);color:#1a1408;font-weight:700}
.btn.green{background:#1f9d55}
.sw{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.sw button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#5b6475}
.sw span{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #dfe3ea;position:relative;overflow:hidden}
.sw span:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:50%;background:var(--a)}
.sw button.sel span{box-shadow:0 0 0 2.5px #0f1f33}
.sw button.sel{color:#0f1f33;font-weight:600}
.slugbox{display:flex;align-items:center;border:1.5px solid #dfe3ea;border-radius:14px;overflow:hidden}
.slugbox span{padding:12px 4px 12px 14px;color:#8a93a3;font-size:15px;white-space:nowrap}
.slugbox input{flex:1;border:0;outline:0;padding:12px 14px 12px 0;font-size:16px;font-weight:600;min-width:0}
.hint{font-size:13px;margin:7px 4px 0;min-height:18px}
.hint.ok{color:#1f9d55}.hint.no{color:#c0392b}
/* cards dentro do chat */
.b.card{white-space:normal;max-width:92%;padding:16px}
.card h4{font-family:"Playfair Display",serif;font-size:19px;margin-bottom:10px}
.inc{list-style:none;display:grid;gap:8px;font-size:14px;margin-bottom:14px}
.inc li{display:flex;gap:9px;align-items:flex-start}
.inc li:before{content:"✓";width:20px;height:20px;border-radius:50%;background:#e7f6ee;color:#1f7a45;font-weight:800;font-size:11px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}
.price{border-top:1px dashed #dfe3ea;padding-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.price b{font-size:26px;font-family:"Playfair Display",serif}
.price small{color:#5b6475;font-size:12.5px;text-align:right}
.perday{font-size:12.5px;color:#1f7a45;background:#e7f6ee;border-radius:8px;padding:6px 10px;margin-top:10px;text-align:center}
.qr{width:170px;height:170px;margin:6px auto 12px;display:block;border:8px solid #fff;box-shadow:0 0 0 1px #eceef2;border-radius:10px}
.copia{display:flex;gap:8px;background:#f6f7f9;border-radius:12px;padding:10px 12px;font-size:12px;color:#5b6475;align-items:center}
.copia code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copia button{color:#2f5a8f;font-weight:600;font-size:13px}
.note{font-size:12.5px;color:#8a93a3;text-align:center;margin-top:10px;line-height:1.5}
.linkbox{border:1.5px solid #1f9d55;background:#f0faf4;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;margin-top:4px}
.linkbox b{flex:1;font-size:15px;word-break:break-all}
.linkbox button{background:#1f9d55;color:#fff;border-radius:10px;padding:8px 11px;font-weight:600;font-size:13px}
.inp{width:100%;border:1.5px solid #dfe3ea;border-radius:12px;padding:11px 13px;font-size:16px;outline:none;margin-top:8px}
.inp:focus{border-color:#2f5a8f}
.lbl2{display:block;font-size:12px;font-weight:600;color:#5b6475;margin-top:12px}
/* PRÉVIA */
.topbar{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid #eef0f3;background:#fff;z-index:3}
.topbar b{font-size:15px}
.topbar .back{width:34px;height:34px;border-radius:50%;background:#f1f3f6;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.badge{margin-left:auto;font-size:11px;font-weight:600;padding:5px 9px;border-radius:999px;background:#fff6e0;color:#8a5a00;white-space:nowrap}
.urlbar{display:flex;align-items:center;gap:8px;flex:1;background:#f1f3f6;border-radius:10px;padding:8px 12px;font-size:13px;color:#5b6475;overflow:hidden;white-space:nowrap}
.urlbar:before{content:"🔒";font-size:11px}
.scroll{flex:1;overflow-y:auto;position:relative;background:#fff}
.wm{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.6}
.bottombar{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eef0f3;background:#fff}
.bottombar .btn{margin:0}
/* MODAIS */
.modal{position:absolute;inset:0;background:rgba(10,15,25,.6);z-index:40;display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.mbox{background:#fff;border-radius:22px;padding:18px;width:100%;max-width:400px;animation:pop .25s ease;max-height:100%;overflow-y:auto}
.mbox h3{font-size:17px}
.mbox p{font-size:13.5px;color:#5b6475;margin:4px 0 14px}
.cframe{position:relative;margin:0 auto;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#e6e8ec 0 25%,#f5f6f8 0 50%) 0 0/18px 18px;touch-action:none;cursor:grab;box-shadow:0 0 0 2px #d4a857}
.cframe img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
.cframe .grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.5) 33%,rgba(255,255,255,.5) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,rgba(255,255,255,.5) 66%,rgba(255,255,255,.5) calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(transparent 33%,rgba(255,255,255,.5) 33%,rgba(255,255,255,.5) calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,rgba(255,255,255,.5) 66%,rgba(255,255,255,.5) calc(66% + 1px),transparent calc(66% + 1px))}
.zoom{display:flex;align-items:center;gap:10px;margin:16px 4px 4px;color:#5b6475;font-weight:700}
.zoom input,.mbox input[type=range]{flex:1;accent-color:#0f1f33;width:100%}
.row2{display:flex;gap:8px}
.row2 .btn{flex:1}
.lprev{background:#0f1f33;border-radius:14px;min-height:130px;display:grid;place-items:center;padding:16px}
.lprev .brand{display:flex;flex-direction:column;align-items:center;color:#fff}
.lprev .brand b{font-family:"Playfair Display",serif;font-weight:600;font-size:16px;letter-spacing:.6px;text-transform:uppercase;margin-top:6px}
.ck{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:12px}
.ck input{width:20px;height:20px;accent-color:#0f1f33}
.sheet{position:absolute;inset:0;background:rgba(10,15,25,.5);z-index:40;display:none;align-items:flex-end}
.sheet.on{display:flex}
.sheet-in{background:#fff;width:100%;border-radius:22px 22px 0 0;max-height:90%;display:flex;flex-direction:column;animation:up .25s ease}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid #eef0f3}
.sheet-h b{font-size:17px}
.sheet-h button{color:#5b6475;font-size:14px}
.sheet-b{overflow-y:auto;padding:6px 16px 10px}
.sheet-b .grp{font-size:11.5px;font-weight:700;color:#b78a43;text-transform:uppercase;letter-spacing:.8px;margin:18px 0 2px}
.sheet-b label{display:block;font-size:12.5px;color:#5b6475;margin-top:10px;font-weight:600}
.sheet-b textarea{width:100%;border:1.5px solid #dfe3ea;border-radius:12px;padding:10px 12px;font-size:15px;outline:none;resize:vertical;margin-top:5px;line-height:1.4}
.sheet-b textarea:focus{border-color:#2f5a8f}
.sheet-f{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eef0f3}
.sheet-f .btn{margin:0}
.toast{position:absolute;left:50%;top:66px;transform:translateX(-50%);background:#1c2230;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;z-index:60;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap}
.toast.on{opacity:1}
/* PAINEL */
.pn-head{background:linear-gradient(135deg,#0f1f33,#1c3356);color:#fff;padding:22px 18px 26px}
.pn-head small{color:#e9c987;font-size:11px;letter-spacing:2px;font-weight:700}
.pn-head h2{font-family:"Playfair Display",serif;font-size:24px;margin-top:6px}
.pn-head p{opacity:.8;font-size:14px}
.pn{padding:16px;display:grid;gap:12px;margin-top:-14px}
.pc{background:#fff;border:1px solid #eceef2;border-radius:16px;padding:16px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.pc .st{display:flex;align-items:center;gap:8px;font-weight:700;color:#1f7a45;font-size:14px}
.pc .st:before{content:"";width:9px;height:9px;border-radius:50%;background:#1f9d55}
.pc .url{font-size:16px;font-weight:600;margin:8px 0 2px;word-break:break-all}
.pc .exp{font-size:13px;color:#5b6475}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pgrid button{background:#fff;border:1px solid #eceef2;border-radius:16px;padding:16px 12px;text-align:left;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.pgrid button span{font-size:22px}
.pgrid button small{font-weight:400;color:#8a93a3;font-size:12px}
.pgrid button.wide{grid-column:span 2;background:#0f1f33;color:#fff;border-color:#0f1f33}
.pgrid button.wide small{color:#c5cede}
.snap-lbl{font-size:13px;font-weight:700;padding:6px 6px 8px;color:#0f1f33}
.cmp{display:grid;gap:8px;margin-bottom:14px}
.cmp-r{border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4}
.cmp-r b{display:block;font-size:13.5px;margin-bottom:2px}
.cmp-r.bad{background:#f6f7f9;color:#6b7280}
.cmp-r.bad b{color:#6b7280;text-decoration:line-through}
.cmp-r.good{background:#fdf6e6;border:1.5px solid #d4a857;color:#5a4410}
.cmp-r.good b{color:#1c2230}
.price .pm{text-align:right;font-size:12.5px;color:#5b6475}
.price .pm b{font-size:17px;font-family:Inter,sans-serif;color:#1f7a45}
/* ---------- SITE DO ADVOGADO ---------- */
.site{--p:#0f1f33;--p2:#1c3356;--a:#d4a857;--g:linear-gradient(135deg,#f3dca2,var(--a) 55%,#a87a35);color:#1c2230;font-size:15px;line-height:1.55;background:#f3f2ef;position:relative}
.site .top{background:var(--p);display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px;position:relative;z-index:6}
.site .brand{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center}
.site .brand svg{width:34px;height:30px;color:var(--a);margin-bottom:3px}
.site .brand b{font-family:var(--ft);font-weight:600;font-size:16px;letter-spacing:.6px;text-transform:uppercase;line-height:1.1}
.site .brand small{display:flex;align-items:center;gap:6px;color:var(--a);font-size:9px;letter-spacing:3px;font-weight:600;margin-top:4px}
.site .brand small:before,.site .brand small:after{content:"";width:16px;height:1px;background:var(--a)}
.site .burger{width:42px;height:42px;display:grid;place-items:center;color:var(--a)}
.site .burger svg{width:28px;height:28px}
.site .menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--p);padding:4px 20px 14px;box-shadow:0 12px 20px rgba(0,0,0,.25)}
.site.open .menu{display:grid}
.site .menu button{color:#fff;text-align:left;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.site .hero{position:relative;background:radial-gradient(120% 90% at 85% 15%,var(--p2),var(--p) 70%);color:#fff;padding:22px 20px 52px;overflow:hidden}
.site .hero-art{position:absolute;right:-34px;top:26px;width:230px;color:var(--a);opacity:.14}
.site .hero-tx{position:relative;z-index:1}
.site .hero h1{font-family:var(--ft);font-weight:600;font-size:28px;line-height:1.16;border-left:3px solid var(--a);padding-left:14px;margin-bottom:14px}
.site .hero h1 em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.site .hero p{font-size:14.5px;opacity:.88;margin:0 0 22px 17px}
.site .gold-btn{display:inline-flex;align-items:center;gap:10px;background:var(--g);color:#1a1408;font-weight:700;padding:13px 18px;border-radius:999px;text-decoration:none;font-size:14.5px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.site .gold-btn svg{width:20px;height:20px;flex-shrink:0}
.site .qbar{position:relative;z-index:2;margin-top:-26px;background:linear-gradient(var(--p2),var(--p));border-radius:22px 22px 0 0;display:grid;padding:14px 4px 16px;border-top:1px solid rgba(212,168,87,.25)}
.site .qbar a{display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;text-decoration:none;font-size:12.5px;padding:2px}
.site .qbar a+a{border-left:1px solid rgba(212,168,87,.35)}
.site .qbar svg{width:26px;height:26px;color:var(--a)}
.site .sec{padding:30px 20px}
.site .sec.w{background:#fff}
.site h2{font-family:var(--ft);font-weight:600;font-size:25px;color:#111827;line-height:1.2}
.site h2.c{display:flex;align-items:center;gap:14px;justify-content:center;text-align:center;margin-bottom:20px}
.site h2.c:before,.site h2.c:after{content:"";flex:1;max-width:56px;height:1px;background:var(--a)}
.site .sobre{display:grid;gap:16px;align-items:center}
.site .sobre.ph{grid-template-columns:1.1fr .9fr}
.site .sobre h2:after{content:"";display:block;width:44px;height:2px;background:var(--a);margin:10px 0 12px}
.site .sobre p{font-size:14.5px;color:#374151}
.site .sobre .more{display:none}
.site .sobre.x .more{display:inline}
.site .sobre.x .out-btn{display:none}
.site .out-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1.5px solid var(--a);border-radius:999px;padding:9px 15px;font-weight:600;font-size:13px;color:#1c2230}
.site .out-btn svg{width:16px;height:16px}
.site .ph2{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:30px 6px 6px 6px;border:3px solid var(--a)}
.site .areas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.site .ar{background:linear-gradient(160deg,var(--p2),var(--p));border-radius:12px;padding:14px 12px;color:#fff;box-shadow:0 4px 12px rgba(15,31,51,.18)}
.site .ar:last-child:nth-child(odd){grid-column:span 2}
.site .ar svg{width:30px;height:30px;color:var(--a);display:block;margin-bottom:8px}
.site .ar b{display:block;font-size:14px;line-height:1.25;margin-bottom:4px}
.site .ar p{font-size:12.5px;opacity:.75;line-height:1.4}
.site .dif{background:linear-gradient(90deg,var(--p),var(--p2));color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:14px;align-items:center;padding:24px 18px;position:relative;overflow:hidden}
.site .dif .gv{position:absolute;left:-18px;bottom:-14px;width:96px;color:var(--a);opacity:.22}
.site .dif h3{font-family:var(--ft);font-size:23px;line-height:1.1;font-weight:600;padding-right:12px;border-right:1px solid rgba(212,168,87,.5);position:relative}
.site .dif h3 em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.site .dif ul{list-style:none;display:grid;gap:9px;font-size:13px;line-height:1.35}
.site .dif li{display:flex;gap:9px;align-items:flex-start}
.site .dif li i{width:20px;height:20px;border-radius:50%;background:var(--g);flex-shrink:0;display:grid;place-items:center;color:var(--p);font-style:normal;font-size:11px;font-weight:800}
.site .passos{display:grid;gap:12px}
.site .ps{display:flex;gap:14px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.site .ps i{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--a);color:var(--a);display:grid;place-items:center;font-style:normal;font-family:var(--ft);font-weight:700;flex-shrink:0}
.site .ps b{display:block;font-size:15px}
.site .ps p{font-size:13.5px;color:#5b6475}
.site details{border-bottom:1px solid #e6e3dc;padding:14px 0}
.site summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:15px}
.site summary::-webkit-details-marker{display:none}
.site summary:after{content:"+";color:var(--a);font-size:22px;line-height:1}
.site details[open] summary:after{content:"–"}
.site details p{font-size:14px;color:#5b6475;margin-top:8px}
.site .cta{margin:0 16px;background:linear-gradient(120deg,var(--p),var(--p2));border-radius:18px;color:#fff;display:grid;grid-template-columns:66px 1fr;gap:14px;padding:20px 18px;align-items:center;box-shadow:0 8px 24px rgba(15,31,51,.25)}
.site .cta .sc{width:66px;color:var(--a)}
.site .cta h3{font-family:var(--ft);font-size:19px;line-height:1.2;margin-bottom:6px;font-weight:600}
.site .cta p{font-size:13px;opacity:.85;margin-bottom:12px}
.site .cta .gold-btn{padding:10px 16px;font-size:13.5px}
.site .ctawrap{padding:4px 0 30px}
.site .ct{display:grid;gap:10px}
.site .ct a,.site .ct div{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid #e6e3dc;border-radius:12px;text-decoration:none;color:inherit;font-size:14px;word-break:break-word}
.site .ct svg{width:20px;height:20px;color:var(--a);flex-shrink:0}
.site footer{background:var(--p);color:#fff;padding:22px 20px 14px}
.site footer .fr{display:flex;align-items:center;justify-content:space-between;gap:14px}
.site footer .soc{display:flex;gap:10px}
.site footer .soc a{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--a);color:var(--a);display:grid;place-items:center}
.site footer .soc svg{width:20px;height:20px}
.site footer .lg{border-top:1px solid rgba(255,255,255,.08);margin-top:16px;padding-top:12px;text-align:center;font-size:11.5px;color:#8f9bb0}
.floatwrap{display:flex;justify-content:flex-end;position:sticky;bottom:16px;padding-right:16px;height:0;overflow:visible;z-index:7}
.floatwrap a{transform:translateY(-72px);width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.floatwrap svg{width:28px;height:28px;fill:#fff}
.site{font-family:var(--fb)}
.site .hero h1{font-size:var(--h1,28px)}
.site .hero.hl{display:grid;grid-template-columns:1fr 42%;padding:0;min-height:330px}
.site .hero.hl .hero-tx{padding:26px 10px 60px 18px;align-self:center}
.site .hero.hl h1{font-size:var(--h1,23px);padding-left:12px}
.site .hero.hl p{margin-left:15px;font-size:13.5px}
.site .hero.hl .gold-btn{padding:11px 14px;font-size:13px}
.site .hero.hl .gold-btn>svg:last-child{display:none}
.site .hero-side{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28%);mask-image:linear-gradient(to right,transparent 0,#000 28%)}
.site .hero.ht{padding:0 0 60px}
.site .hero-top{display:block;width:100%;height:330px;object-fit:cover;object-position:center top;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.site .hero.ht .hero-tx{padding:4px 20px 0}
/* ---------- MODELO B ---------- */
.site .qbar span{text-align:center;line-height:1.2}
.site .mono{position:relative;width:74px;height:56px;display:grid;place-items:center;margin-bottom:2px}
.site .mono svg{position:absolute;left:0;top:2px;width:44px!important;height:44px!important;opacity:.9}
.site .mono span{font-family:var(--ft);font-size:42px;font-weight:600;line-height:1;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-left:18px}
.siteB{--bg:#f4f1ea;background:var(--bg)}
.siteB .hero{background:linear-gradient(165deg,#0b0d0c 0%,var(--p) 55%,var(--p2) 100%);padding:0 0 78px;position:relative}
.siteB .hero .top{background:transparent;padding:16px 16px 0;align-items:flex-start;position:relative;z-index:6}
.siteB .hero.hl{display:grid;grid-template-columns:54% 46%;grid-template-rows:auto 1fr;min-height:460px;padding:0 0 72px}
.siteB .hero.hl .top{grid-column:1/3;grid-row:1;position:absolute;left:0;right:0;top:0}
.siteB .hero.hl .hero-tx{grid-column:1;grid-row:1/3;padding:150px 8px 30px 20px;align-self:start}
.siteB .hero.hl .hero-side{grid-column:2;grid-row:1/3;min-height:460px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(#000 80%,transparent);mask-image:linear-gradient(to right,transparent 0,#000 30%);}
.siteB .hero:not(.hl) .hero-tx{padding:26px 20px 0}
.siteB .hero.ht .hero-tx{padding:4px 20px 0}
.siteB .brand{align-items:flex-start;text-align:left}
.siteB .brand b{font-size:17px}
.siteB .brand small{margin-top:5px}
.siteB .hero h1{font-family:var(--ft);font-weight:600;font-size:var(--h1,31px);line-height:1.08;border:0;padding:0;margin-bottom:14px}
.siteB .hero.hl h1{font-size:var(--h1,29px)}
.siteB .hero h1 em{font-style:italic;display:inline}
.siteB .hero p{margin:0 0 20px;font-size:14px;opacity:.88}
.siteB .hero.hl .gold-btn{padding:11px 14px;font-size:13px}
.siteB .hero.hl .gold-btn>svg:last-child{display:none}
.siteB .qbar{margin:-50px 14px 0;border-radius:18px;background:linear-gradient(135deg,var(--p2),var(--p));box-shadow:0 12px 28px rgba(0,0,0,.28);border:1px solid rgba(212,168,87,.3)}
.siteB .sec{background:var(--bg)}
.siteB .sec.w{background:#fbfaf6}
.siteB .areas{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 8px;margin:0 -20px;scrollbar-width:none}
.siteB .areas::-webkit-scrollbar{display:none}
.siteB .ar{flex:0 0 46%;scroll-snap-align:start;background:#fff;color:#1c2230;border-radius:16px;padding:18px 12px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.06);border:1px solid #ece6d8}
.siteB .ar:first-child{background:linear-gradient(160deg,var(--p2),var(--p));color:#fff;border-color:transparent}
.siteB .ar svg{width:36px;height:36px;color:var(--a);margin:0 auto 10px}
.siteB .ar b{font-size:14.5px;margin-bottom:6px}
.siteB .ar p{font-size:12.5px;color:#6b7280;opacity:1}
.siteB .ar:first-child p{color:rgba(255,255,255,.75)}
.siteB .dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.siteB .dots i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--a)}
.siteB .dots i.on{background:var(--a)}
.siteB .sobreB{margin:6px 14px 0;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:40% 60%;background:linear-gradient(120deg,var(--p),var(--p2));color:#fff;min-height:250px}
.siteB .sbimg img{width:100%;height:100%;object-fit:cover;display:block}
.siteB .sbart{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,rgba(212,168,87,.25),transparent 65%)}
.siteB .sbart svg{width:80%;color:var(--a)}
.siteB .sbtx{padding:22px 16px 22px 14px}
.siteB .sbtx h2{color:#fff;font-size:22px}
.siteB .sbtx h2:after{content:"";display:block;width:40px;height:2px;background:var(--a);margin:10px 0 12px}
.siteB .sbtx p{font-size:13.5px;color:rgba(255,255,255,.85)}
.siteB .sbtx .more{display:none}
.siteB .sobreB.x .more{display:inline}
.siteB .sobreB.x .out-btn{display:none}
.siteB .sbtx .out-btn{color:#fff;font-size:12.5px;padding:8px 13px}
.siteB .difB{display:grid;padding:26px 10px 10px;background:var(--bg)}
.siteB .difB div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 8px;font-size:13.5px;line-height:1.3;color:#1c2230}
.siteB .difB div+div{border-left:1px solid var(--a)}
.siteB .difB svg{width:34px;height:34px;color:var(--a)}
.siteB .ctawrap{padding:4px 0 30px;background:var(--bg)}
.siteB .ctaB{margin:0 14px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;background:linear-gradient(120deg,var(--p),var(--p2));border-radius:18px;padding:18px 16px;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.siteB .ctaB .ci{grid-row:1/3;padding-right:14px;border-right:1px solid rgba(212,168,87,.5)}
.siteB .ctaB .ci svg{width:40px;height:40px;color:var(--a)}
.siteB .ctaB h3{font-family:var(--ft);font-size:21px;line-height:1.1;font-weight:600}
.siteB .ctaB h3 em{font-style:italic;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.siteB .ctaB p{grid-column:2;font-size:12.5px;opacity:.8;margin-top:4px}
.siteB .ctaB .go{grid-row:1/3;grid-column:3;width:42px;height:42px;border-radius:50%;background:var(--g);display:grid;place-items:center;color:#1a1408}
.siteB .ctaB .go svg{width:20px;height:20px}
.siteB footer{background:#0b0d0c}
/* v4 */
.b{font-size:16px}
.chip{font-size:15px;padding:12px 16px}
.btn{font-size:16px;padding:15px 18px}
.field{font-size:17px}
.eta{font-size:12px;color:#8a6a1f;background:#fffaf0;padding:5px 14px;text-align:center;font-weight:600;border-bottom:1px solid #f3ead4}
.b.mock{padding:8px;background:#fff}
.igm{width:256px;font-size:12.5px;color:#111;padding:6px}
.igm .iu{font-weight:700;font-size:14px;margin-bottom:8px}
.igm .ih{display:flex;align-items:center;gap:14px}
.igm .ia{width:64px;height:64px;border-radius:50%;object-fit:cover;color:#e9c987;display:grid;place-items:center;font-weight:700;font-size:22px;box-shadow:0 0 0 2px #fff,0 0 0 4px #d6249f;flex-shrink:0;font-family:"Playfair Display",serif}
.igm .is{display:flex;gap:12px;text-align:center;font-size:11px}
.igm .is b{display:block;font-size:14px}
.igm .bio{margin-top:10px;line-height:1.45}
.igm .lk{color:#00376b;font-weight:600;display:inline-block;border-radius:6px;padding:1px 5px;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{background:#fff6dd}50%{background:#ffe08a}}
.igm .tap{font-size:12px;color:#a86a00;margin-top:6px;font-weight:700}
.igm .ib{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.igm .ib span{background:#efefef;border-radius:8px;text-align:center;padding:7px;font-weight:600}
.igm .ib span:first-child{background:#0095f6;color:#fff}
.igm .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:10px}
.igm .grid3 i{aspect-ratio:1;background:linear-gradient(135deg,#e5e7eb,#f3f4f6)}
.mlabel{font-size:11px;color:#8a93a3;text-align:center;margin-top:8px}
.bcard{width:256px;aspect-ratio:1.75;border-radius:14px;padding:14px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.bcard b{font-family:"Playfair Display",serif;font-size:15px;display:block;line-height:1.2}
.bcard small{display:block;font-size:10px;opacity:.85;margin-top:2px}
.bcard .qrw{background:#fff;padding:5px;border-radius:8px;text-align:center;color:#111;font-size:8px}
.bcard .qrw img,.bcard .qrw svg{width:74px;height:74px;display:block;margin:0;border:0;box-shadow:none}
.bon{background:#fdf6e6;border-radius:12px;padding:10px 12px;font-size:13px;margin-bottom:12px;color:#5a4410}
.bon b{display:block;color:#1c2230;margin-bottom:2px}
.gar{display:flex;gap:10px;align-items:center;background:#eef7f1;color:#1f5f3a;border-radius:12px;padding:10px 12px;font-size:13.5px;margin-top:12px}
.faqc{margin-top:14px}
.faqc details{border-top:1px solid #eef0f3;padding:11px 0;font-size:14px}
.faqc summary{font-weight:600;cursor:pointer}
.faqc p{color:#5b6475;margin-top:4px}
.bonus img{width:100%;border-radius:12px;display:block}
.sig{background:#fff;border:1px solid #eceef2;border-radius:12px;padding:12px;margin-top:8px}
.steps-bio{counter-reset:s;list-style:none;display:grid;gap:10px;margin:10px 0 4px}
.steps-bio li{display:flex;gap:10px;font-size:14.5px;align-items:flex-start}
.steps-bio li:before{counter-increment:s;content:counter(s);width:24px;height:24px;border-radius:50%;background:#0f1f33;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex-shrink:0}
.stat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat div{background:#f6f7f9;border-radius:12px;padding:12px}
.stat b{display:block;font-size:26px;font-family:"Playfair Display",serif}
.stat small{color:#5b6475;font-size:12px}
.editing [data-s]:not([data-s=top]){position:relative;outline:2px dashed rgba(212,168,87,.85);outline-offset:-3px}
.etb{position:absolute;top:8px;right:8px;z-index:20;display:flex;gap:6px}
.site [data-s=hero]>.etb{top:auto;bottom:36px}
.siteB [data-s=hero]>.etb{bottom:86px}
.etb button{width:40px;height:40px;border-radius:50%;background:#fff;color:#0f1f33;box-shadow:0 2px 10px rgba(0,0,0,.3);font-size:17px;display:grid;place-items:center;font-weight:800}
.etb button[data-a=edit]{background:#d4a857;color:#1a1408}
.edit-hint{background:#fff6e0;color:#7a5200;font-size:13.5px;padding:9px 14px;text-align:center;line-height:1.35}
.tools{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #eef0f3;background:#fff;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tools button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;color:#334;padding:6px 2px;font-weight:600}
.tools button span{font-size:22px}
.hid{padding:16px;background:#f6f7f9;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hid b{width:100%;font-size:13px;color:#5b6475}
.tg{display:flex!important;align-items:center;justify-content:space-between;padding:14px 2px;border-bottom:1px solid #eef0f3;font-size:15px!important;color:#1c2230!important;font-weight:500!important;margin:0!important}
.tg input{width:24px;height:24px;accent-color:#0f1f33;flex-shrink:0}
.fpair{display:block;width:100%;text-align:left;border:1.5px solid #dfe3ea;border-radius:14px;padding:12px 14px;margin-top:8px}
.fpair.sel{border-color:#0f1f33;box-shadow:0 0 0 1px #0f1f33;background:#f6f8fb}
.fpair b{display:block;font-size:21px}
.fpair small{color:#5b6475;font-size:12.5px}
.colrow{display:flex;gap:12px;margin-top:10px}
.colrow label{flex:1;font-size:13px;color:#5b6475;display:flex;flex-direction:column;gap:6px;margin:0}
.colrow input[type=color]{width:100%;height:46px;border:1.5px solid #dfe3ea;border-radius:12px;padding:3px;background:#fff}
.sheet-b .btn{margin-top:8px}
#askM{z-index:70}
.ebar{display:flex;align-items:center;gap:6px;background:#fff6e0;border-top:2px solid #d4a857;padding:8px 10px;position:relative;z-index:8;font-family:Inter,sans-serif}
.ebar span{flex:1;font-size:13px;font-weight:700;color:#5a4410;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ebar button{background:#fff;border:1px solid #e3d3a8;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:600;color:#1c2230;white-space:nowrap}
.ebar button[data-a=edit]{background:#d4a857;border-color:#d4a857;color:#1a1408}
.ebar button[data-a=up],.ebar button[data-a=down]{width:34px;padding:7px 0}
.editing [data-s]:not([data-s=top]){outline:none}
.editing .qbar{margin-top:0!important}
.editing .floatwrap{display:none}
/* v4.1 — foto sem corte + menos contatos */
.site .hero-side,.siteB .hero.hl .hero-side{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32%),linear-gradient(to top,transparent 0,#000 30%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 32%),linear-gradient(to top,transparent 0,#000 30%);mask-composite:intersect}
.site .hero.hl .hero-tx{padding-bottom:40px}
.site .hero.hl.hq .hero-tx{padding-bottom:60px}
.site .hero.hl{min-height:360px}
.siteB .hero.hl{padding:0 0 26px}
.siteB .hero.hl.hq{padding:0 0 72px}
.siteB .hero:not(.hq){padding-bottom:26px}
.siteB .hero.hl.hq{padding-bottom:72px}
.site .hero:not(.hq):after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:.55}
.ccs{display:grid;gap:10px}
.cc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e6e3dc;border-radius:16px;padding:14px;text-decoration:none;color:#1c2230;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.cc .ci2{width:44px;height:44px;border-radius:12px;background:linear-gradient(160deg,var(--p2),var(--p));display:grid;place-items:center;flex-shrink:0}
.cc .ci2 svg{width:22px;height:22px;color:var(--a)}
.cc .ct2{flex:1;min-width:0}
.cc .ct2 b{display:block;font-size:15px}
.cc .ct2 small{display:block;font-size:13px;color:#6b7280;word-break:break-word}
.cc .ca svg{width:18px;height:18px;color:var(--a)}
/* escolha da frase */
.opts{display:grid;gap:8px}
.opt{text-align:left;border:1.5px solid #dfe3ea;border-radius:14px;padding:13px 14px 13px 42px;font-size:15.5px;position:relative;background:#fff;line-height:1.35}
.opt:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:2px solid #c4cad4}
.opt.sel{border-color:#0f1f33;background:#f6f8fb;font-weight:600}
.opt.sel:before{border-color:#0f1f33;background:radial-gradient(#0f1f33 45%,transparent 50%)}
.ta2{width:100%;border:1.5px solid #dfe3ea;border-radius:14px;padding:12px;font-size:16px;line-height:1.45;min-height:130px;outline:none;resize:vertical}
.ta2:focus{border-color:#2f5a8f}
/* benefícios e bônus */
.ben{list-style:none;display:grid;gap:10px;margin-top:10px}
.ben li{display:flex;gap:10px;font-size:14.5px;line-height:1.4}
.ben li span:first-child{font-size:20px;line-height:1.1}
.bonv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;align-items:end}
.bonv figure{margin:0;text-align:center;font-size:11.5px;color:#5a4410;font-weight:600}
.bonv img{width:100%;border-radius:10px;display:block;margin-bottom:5px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.bonv .qbx{background:#fff;padding:8px;border-radius:10px;margin-bottom:5px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.bonv .qbx img,.bonv .qbx svg{box-shadow:none;margin:0;width:100%;height:auto;border:0}
.sigmini{background:#fff;border-radius:10px;padding:10px;margin-top:10px;transform-origin:left top;font-size:12px}
.bon .sigmini b{display:inline;margin:0}
/* v4.2 */
.site .who2{margin:0 0 14px;position:relative;z-index:1}
.site .who2 b{display:block;font-family:var(--ft);font-size:15px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;color:#fff}
.site .who2 small{display:flex;align-items:center;gap:8px;color:var(--a);font-size:10px;letter-spacing:3px;font-weight:700;margin-top:4px;text-transform:uppercase}
.site .who2 small:before{content:"";width:18px;height:1px;background:var(--a)}
.site .hero.hl .who2{padding-left:15px}
.siteB .hero.hl .hero-tx{padding-top:118px}
.site footer .fr2{display:flex;justify-content:center;margin-bottom:6px}
.site footer .fr2 .brand{align-items:center}
.site footer .lg{border-top:0;margin-top:6px;padding-top:0;line-height:1.7}
.site .top .brand{min-height:40px;justify-content:center}
.itm{border:1px solid #eceef2;border-radius:14px;padding:4px 12px 12px;margin-top:12px;background:#fafbfc}
.itm-h{display:flex;align-items:center;justify-content:space-between;padding-top:8px}
.itm-h b{font-size:13px;color:#5b6475}
.itm-h button{color:#c0392b;font-size:13px;font-weight:600;padding:6px 8px;border-radius:8px;background:#fdecea}
.addbtn{width:100%;margin-top:12px;border:1.5px dashed #a9bdd6;color:#2f5a8f;border-radius:14px;padding:12px;font-weight:600;font-size:14.5px}
.mclose{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;background:#f1f3f6;font-size:16px;color:#5b6475}
#askM .mbox{position:relative}
.etop{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eef0f3;background:#fff;z-index:3}
.etop b{flex:1;font-size:15px}
.etop .ub{background:#f1f3f6;border-radius:999px;padding:9px 12px;font-size:13.5px;font-weight:600;color:#0f1f33}
.etop .ub:disabled{opacity:.35}
.etop .sv{background:#1f9d55;color:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700}
.etop .sv.dirty{animation:glow 1.6s infinite}
@keyframes glow{50%{box-shadow:0 0 0 5px rgba(31,157,85,.25)}}
.em{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#f3f4f6;font-family:Arial,Helvetica,sans-serif;color:#1f2937;width:100%}
.em-meta{background:#fff;padding:10px 12px;font-size:12px;color:#6b7280;border-bottom:1px solid #e5e7eb;line-height:1.5}
.em-meta b{color:#111}
.em-body{background:#fff;margin:10px;border-radius:12px;overflow:hidden}
.em-hd{background:#0f1f33;color:#e9c987;text-align:center;padding:14px;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:17px}
.em-c{padding:16px 14px;font-size:13.5px;line-height:1.55}
.em-c h3{font-size:18px;margin-bottom:6px;color:#0f1f33}
.em-box{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:12px 0}
.em-box .t{font-size:11px;font-weight:700;color:#9a7b2f;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.em-btn{display:block;text-align:center;background:#1f9d55;color:#fff!important;text-decoration:none;border-radius:8px;padding:11px;font-weight:700;margin-top:10px}
.em-btn.g{background:#c9a45c;color:#1a1408!important}
.em-c ol{padding-left:18px;margin-top:4px}
.em-ft{text-align:center;font-size:11px;color:#9ca3af;padding:12px}
/* modo expresso */
.en{padding:18px 20px 10px;background:radial-gradient(120% 60% at 80% 0%,#1c3356 0%,#0f1f33 60%);color:#fff}
.en-top{display:flex;justify-content:center;margin-bottom:14px}
.en-logo{font-family:"Playfair Display",serif;font-weight:700;color:#e9c987;font-size:18px;letter-spacing:.5px}
.en-h{font-family:"Playfair Display",serif;font-size:29px;line-height:1.15;text-align:center;font-weight:600}
.en-h em{font-style:italic;background:linear-gradient(135deg,#f3dca2,#d4a857 55%,#b78a43);-webkit-background-clip:text;background-clip:text;color:transparent}
.en-p{text-align:center;opacity:.85;font-size:15px;margin:10px 0 16px;line-height:1.45}
.en-ex{position:relative;display:flex;justify-content:center;margin-bottom:16px}
.en-phone{width:190px;height:300px;border-radius:24px;border:6px solid #2b3a52;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45);background:#000}
.en-in{width:390px;transform:scale(.456);transform-origin:0 0;pointer-events:none}
.en-in .floatwrap{display:none}
.en-tag{position:absolute;top:-8px;right:calc(50% - 112px);background:#d4a857;color:#1a1408;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;letter-spacing:.5px}
.en-sel{list-style:none;display:grid;gap:10px;margin-bottom:12px}
.en-sel li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(212,168,87,.25);border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.35}
.en-sel li span{font-size:20px}
.en-sel b{color:#f0d79a}
.fx-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #eef0f3;background:#fff}
.fx-foot .btn{margin-top:0}
.fx-top{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #eef0f3}
.fx-prog{flex:1;height:8px;border-radius:8px;background:#eef0f3;overflow:hidden}
.fx-prog i{display:block;height:100%;background:linear-gradient(90deg,#c9a45c,#e9c987);transition:width .4s}
#fxCount{font-size:13px;font-weight:700;color:#5b6475;white-space:nowrap}
.fx-body{padding:20px 18px 24px}
.fx-h{font-family:"Playfair Display",serif;font-size:25px;line-height:1.2;margin-bottom:6px;color:#0f1f33}
.fx-p{color:#5b6475;font-size:15px;margin-bottom:16px;line-height:1.45}
.fx-l{display:block;font-size:14px;font-weight:600;margin:16px 0 0;color:#1c2230}
.fx-l span{font-weight:400;color:#8a93a3}
.fx-body .inp{font-size:17px;padding:13px 14px}
.fx-body .chips{margin-top:10px}
.up2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.upbox{border:2px dashed #c9d2df;border-radius:18px;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;background:#f8fafc;position:relative;overflow:hidden;font-size:14px;font-weight:600;color:#2f5a8f}
.upbox small{font-weight:400;color:#8a93a3;font-size:12px}
.upbox .ic{font-size:34px}
.upbox.has{border-style:solid;border-color:#d4a857;padding:0}
.upbox.has img{width:100%;height:100%;object-fit:cover}
.upbox.lg.has{background:#0f1f33}
.upbox.lg.has img{object-fit:contain;padding:14px}
.upbox .chg{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:rgba(15,31,51,.85);color:#fff;font-size:12px;padding:5px 10px;border-radius:999px;white-space:nowrap}
.tipbox{background:#fff6e0;color:#7a5200;border-radius:12px;padding:10px 12px;font-size:13.5px;margin-top:14px}
.bd{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:radial-gradient(120% 70% at 50% 20%,#1c3356,#0f1f33 70%);color:#fff;text-align:center}
.bd h2{font-family:"Playfair Display",serif;font-size:24px;margin:22px 0 16px}
.bd .steps-list{text-align:left}
.bd .steps-list li{color:rgba(255,255,255,.45);font-size:15px}
.bd .steps-list li.ok{color:#fff}
.bd .steps-list li.ok:before{color:#e9c987}
.bd-ring{width:96px;height:96px;border-radius:50%;border:3px solid rgba(233,201,135,.25);border-top-color:#e9c987;animation:spin 1.1s linear infinite;display:grid;place-items:center}
.bd-in{animation:spin 1.1s linear infinite reverse;font-size:36px}
.rv-top{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eef0f3;background:#fff;z-index:3}
.rv-top b{flex:1;font-size:15px}
.seg{display:flex;background:#f1f3f6;border-radius:999px;padding:3px}
.seg button{padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#5b6475}
.seg button.on{background:#0f1f33;color:#fff}
.rv-badge{position:sticky;top:8px;float:right;margin:8px 8px -30px 0;z-index:9;background:rgba(15,31,51,.75);color:#fff;font-size:11px;padding:4px 9px;border-radius:999px}
.rv-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #eef0f3;background:#fff}
.rv-hint{text-align:center;font-size:13.5px;color:#5b6475;padding:6px 0}
.rv-row{display:flex;gap:8px}
.rv-row .btn{margin:0}
.cmpl{display:flex;align-items:center;gap:10px;background:#f6f8fb;border-radius:12px;padding:9px 12px;margin-bottom:8px;width:100%;text-align:left}
.cmpl .pb{flex:1;height:7px;border-radius:7px;background:#e3e7ee;overflow:hidden}
.cmpl .pb i{display:block;height:100%;background:linear-gradient(90deg,#1f9d55,#4cc47f)}
.cmpl b{font-size:13px;white-space:nowrap}
.cmpl span{font-size:13px;color:#2f5a8f;font-weight:700;white-space:nowrap}
.ckl{display:grid;gap:8px}
.ckl button{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid #e3e7ee;border-radius:14px;padding:13px 14px;font-size:15px;background:#fff}
.ckl button i{width:24px;height:24px;border-radius:50%;border:2px solid #c4cad4;flex-shrink:0;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:800}
.ckl button.ok{background:#f0faf4;border-color:#bfe3cc;color:#1f5f3a}
.ckl button.ok i{background:#1f9d55;border-color:#1f9d55;color:#fff}
.ckl button small{margin-left:auto;color:#8a93a3;font-size:12px}
.en-sel li span:first-child{flex-shrink:0}
.rv-row .btn{font-size:15px;padding:14px 10px;white-space:nowrap}
.composer.big{max-height:74%;background:#f9fafb}
.fxc{background:#fff;border:1px solid #e8ebf0;border-radius:18px;padding:14px 14px 4px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.fxc-n{font-size:11.5px;font-weight:800;color:#b78a43;letter-spacing:1px;text-transform:uppercase}
.fxc-t{font-family:"Playfair Display",serif;font-size:20px;font-weight:600;color:#0f1f33;margin:2px 0 4px;line-height:1.25}
.fxc-p{font-size:13.5px;color:#5b6475;margin:4px 0 8px}
.fxc .fx-l{margin-top:12px;font-size:13.5px}
.fxc .inp{font-size:16.5px;padding:12px 13px;margin-top:6px}
.fxc .chips{margin-top:8px}
.fxc .chip{padding:10px 14px;font-size:14.5px}
.fxc .btn{margin:12px 0 10px}
.fxc .up2{margin-top:4px}
.fxc .upbox{aspect-ratio:1/1.05}
.tools{grid-template-columns:repeat(6,1fr)!important}
.tools button{font-size:11px!important}
.tools button span{font-size:20px!important}
.up3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
.up3 .upbox{aspect-ratio:3/4;font-size:12.5px;padding:6px;border-radius:14px}
.up3 .upbox .ic{font-size:26px}
.up3 .upbox small{font-size:10.5px}
.rv-q{font-size:13.5px;color:#334;text-align:center;margin:0 0 8px;line-height:1.4}
.tips details{border:1px solid #eceef2;border-radius:14px;padding:12px 14px;margin-top:8px;background:#fff}
.tips summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none}
.tips summary::-webkit-details-marker{display:none}
.tips p{font-size:14px;color:#4b5563;margin-top:8px;line-height:1.5}
.tour{text-align:center;padding:24px 20px 18px}
.tour .tr-ic{font-size:46px}
.tour h3{font-family:"Playfair Display",serif;font-size:22px;margin:8px 0 6px}
.tour p{font-size:15px;line-height:1.5;color:#4b5563;margin:0 0 14px}
.tr-dots{display:flex;justify-content:center;gap:6px;margin-bottom:16px}
.tr-dots i{width:8px;height:8px;border-radius:50%;background:#dfe3ea}
.tr-dots i.on{background:#0f1f33;width:22px;border-radius:8px}
.toast{white-space:normal!important;max-width:90%;text-align:center}
.lp2{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}
.lp2 small{display:block;font-size:12px;color:#5b6475;margin-top:5px;font-weight:600}
.lpa,.lpb{height:110px;border-radius:12px;display:grid;place-items:center;padding:10px;overflow:hidden}
.lpa{background:repeating-conic-gradient(#e6e8ec 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid #e3e7ee}
.lpa img{max-width:100%;max-height:90px;object-fit:contain}
.lpb img{max-width:100%;object-fit:contain}
.lmsg{font-size:13px;color:#1f5f3a;background:#eef7f1;border-radius:10px;padding:8px 10px;margin:10px 0 0;text-align:left}
.lmsg:empty{display:none}
.palr{display:inline-flex;gap:3px;margin-left:auto}
.palr span{width:18px;height:18px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #dfe3ea}
.site .brand img.lgb,.lpb img.lgb{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.site .dif li i.di{width:28px;height:28px}
.site .dif li i.di svg{width:16px;height:16px;color:var(--p)}
.siteB .hero{background:linear-gradient(165deg,var(--p0,#0b0d0c) 0%,var(--p) 55%,var(--p2) 100%)!important}
.site .brand img.lgb,.lpb img.lgb{-webkit-mask-image:radial-gradient(ellipse 62% 70% at center,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at center,#000 55%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
.logopal{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1.5px solid #dfe3ea;border-radius:14px;padding:10px 12px}
.logopal.sel{border-color:#0f1f33;box-shadow:0 0 0 1px #0f1f33;background:#f6f8fb}
.logopal .lpm{width:64px;height:40px;border-radius:8px;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.logopal .lpm img{max-width:90%;max-height:34px;object-fit:contain}
.logopal b{display:block;font-size:15px}
.logopal small{color:#5b6475;font-size:12px}
.logopal i{width:22px;height:22px;border-radius:50%;margin-left:auto;border:2px solid #fff;box-shadow:0 0 0 1px #dfe3ea;flex-shrink:0}
#optS{flex-direction:column;justify-content:flex-end;align-items:stretch}
.phone-live{display:none;align-self:center;margin:10px 0 8px;flex-shrink:1;min-height:0}
.pl-tag{text-align:center;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.pl-tag:before{content:"● ";color:#4cd07d}
.pl-frame{width:164px;height:min(260px,30vh);border-radius:20px;border:5px solid #1c2230;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.45);margin:0 auto}
.pl-in{width:390px;transform-origin:0 0;pointer-events:none}
.pl-in .floatwrap{display:none}
#optS.withphone .sheet-in{max-height:58%}
.tips summary{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tips summary:after{content:"";width:9px;height:9px;border-right:2.5px solid #8a93a3;border-bottom:2.5px solid #8a93a3;transform:rotate(45deg);transition:transform .2s;margin:-4px 4px 0 0;flex-shrink:0}
.tips details[open] summary:after{transform:rotate(-135deg);margin-top:4px}
.tools{grid-template-columns:repeat(5,1fr)!important}
.site .lg .mac-credit{color:inherit;opacity:.65;text-decoration:none}
.site .lg .mac-credit b{color:var(--a);font-weight:700}
.siteB .areas:after{content:"";flex:0 0 8px}
.pl-in{pointer-events:auto!important}
.tgs{background:#f6f8fb;border-radius:14px;padding:2px 12px;margin:8px 0 6px}
.tgs .tg{border-bottom:1px solid #e8ecf2}
.tgs .tg:last-child{border-bottom:0}
.hsug{display:grid;gap:6px;margin:6px 0 4px}
.hsug button{text-align:left;border:1.5px solid #dfe3ea;border-radius:12px;padding:10px 12px;font-size:14.5px;background:#fff}
.hsug button.sel{border-color:#0f1f33;background:#f6f8fb;font-weight:600}
.exph{display:flex;flex-direction:column;align-items:center;gap:8px}
.exph-f{width:250px;height:460px;border-radius:30px;border:7px solid #1c2230;overflow:hidden;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.25);position:relative}
.exph-s{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.exph-s::-webkit-scrollbar{display:none}
.exph-z{width:390px;zoom:.6154}
.exph-z .floatwrap{display:none}
.exph small{font-size:12.5px;color:#5b6475;font-weight:600}
.exph-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(15,31,51,.85);color:#fff;font-size:11px;padding:5px 10px;border-radius:999px;pointer-events:none;animation:bob 1.6s infinite;white-space:nowrap}
@keyframes bob{50%{transform:translate(-50%,-4px)}}
.pl-in{pointer-events:none!important}
.pl-in .areas{pointer-events:auto}
.hint-edit{background:#fff6e0;color:#7a5200;border-radius:10px;padding:8px 11px;font-size:13px;margin:8px 0 4px;line-height:1.4}
.szr{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.szr button{border:1.5px solid #dfe3ea;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12.5px;color:#5b6475;background:#fff}
.szr button span{font-family:"Playfair Display",serif;font-weight:700;color:#0f1f33;line-height:1.1}
.szr button.sel{border-color:#0f1f33;background:#f6f8fb;color:#0f1f33;font-weight:700;box-shadow:0 0 0 1px #0f1f33}
.exph-z a,.exph-z button,.exph-z details,.exph-z summary{pointer-events:none;cursor:default}
input,textarea,select{font-size:16px!important}
#kbDone{display:none;position:fixed;right:10px;z-index:200;background:#0f1f33;color:#fff;border:0;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.3)}
body.kbopen #optS{bottom:var(--kb,0px)}
body.kbopen #optS .phone-live{display:none!important}
body.kbopen #optS .sheet-in{max-height:calc(100% - 10px)}
body.kbopen #optS .sheet-b{padding-bottom:60px}
.hl-lia{display:flex;gap:10px;align-items:center;background:#f6f8fb;border-radius:14px;padding:10px 12px;font-size:14.5px;line-height:1.4;margin-bottom:10px}
.hl-q{display:grid;gap:6px;margin-top:10px}
.hl-q button{text-align:left;border:1px solid #e3e7ee;border-radius:10px;padding:11px 12px;font-size:14.5px;background:#fafbfc}
.hl-me{background:#0f1f33;color:#fff;border-radius:16px 16px 4px 16px;padding:10px 14px;margin-left:auto;width:fit-content;max-width:85%;font-size:15px}
.hl-ans{display:flex;gap:10px;background:#fff;border:1px solid #eceef2;border-radius:16px 16px 16px 4px;padding:12px;margin-top:10px;font-size:15px;line-height:1.5}
.hl-ok{margin-top:16px;text-align:center;font-size:15px}
.hl-ok .row2{margin-top:6px}
#kbDone{display:none!important}
.kbx{background:#0f1f33;color:#fff;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700;margin-left:auto;margin-right:10px;white-space:nowrap}
.kbx-top{display:block;margin:0 0 8px auto;position:sticky;top:0;z-index:5}
.sheet-h{gap:6px}
.linkbox b,.pc .url{white-space:nowrap;overflow:hidden;word-break:normal!important;min-width:0}
.linkbox button{flex-shrink:0}
.linkbox b{flex:1 1 0}
.linkbox{flex-direction:column!important;align-items:stretch!important;gap:10px!important;text-align:center}
.linkbox b{flex:none!important;width:100%;text-align:center}
.linkbox button{width:100%;padding:11px!important;font-size:15px!important}
.site a.ar{display:block;text-decoration:none}
.site .ar-go{display:block;margin-top:8px;font-size:12px;font-weight:700;color:var(--a)}
.siteB .ar:first-child{background:#fff;color:#1c2230;border-color:#ece6d8}
.siteB .ar:first-child p{color:#6b7280}
.siteB.cards-cor .ar{background:linear-gradient(160deg,var(--p2),var(--p))!important;color:#fff!important;border-color:transparent!important}
.siteB.cards-cor .ar p{color:rgba(255,255,255,.75)!important}
.rv-tt{flex:1;min-width:0;display:flex;flex-direction:column}
.rv-tt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-tt small{font-size:12px;color:#b78a43;font-weight:700;margin-top:2px}
.etop{gap:6px!important}
.etop b{font-size:15px;flex:1}
.etop .ub{padding:9px 10px!important;font-size:13px!important}
.etop .ub:disabled{opacity:.35}
.etop .sv{padding:9px 13px!important}
button,a{-webkit-tap-highlight-color:transparent}.etop .ub{background:#f1f3f6!important}
.lia-hd{background:linear-gradient(160deg,#0b1626,#0f1f33 55%,#1c3356);color:#fff;z-index:3;position:relative;overflow:hidden}
.lia-hd:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(233,201,135,.18);pointer-events:none}
.lia-hd .chat-head{background:transparent;border:0;padding:12px 14px 8px}
.lia-hd .chat-head b{color:#fff}
.lia-hd .chat-head small{color:#7ee2a3}
.lia-ph{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e9c987;flex-shrink:0;box-shadow:0 0 0 3px rgba(233,201,135,.18)}
.lia-hd .eye{background:#e9c987;color:#1a1408}
.lia-hd .eye i{background:#1a1408}
.lia-ban{padding:2px 16px 16px;transition:all .35s ease;max-height:260px}
.lb-k{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#e9c987}
.lia-ban h2{font-family:"Playfair Display",serif;font-size:27px;line-height:1.15;font-weight:600;margin:4px 0 12px}
.lia-ban h2 em{font-style:italic;background:linear-gradient(135deg,#f3dca2,#d4a857 55%,#b78a43);-webkit-background-clip:text;background-clip:text;color:transparent}
.lia-tags{display:flex;flex-wrap:wrap;gap:6px}
.lia-tags span{font-size:12.5px;background:rgba(255,255,255,.09);border:1px solid rgba(233,201,135,.3);border-radius:999px;padding:6px 10px;white-space:nowrap}
.lia-hd .progress{background:rgba(255,255,255,.12)}
.lia-hd .eta{display:none;background:rgba(0,0,0,.25);color:#f0d79a;border:0}
.lia-hd.compact .lia-ban{max-height:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}
.lia-hd.compact .eta{display:block}
.lia-hd.compact .lia-ph{width:42px;height:42px}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.avatar.lia-done{background:none;padding:0;overflow:visible}
.lia-ban h2{margin-bottom:4px}
.legal{font-size:10px;color:#a3aab6;text-align:center;padding:3px 10px calc(4px + env(safe-area-inset-bottom));background:#fff}
.legal a{color:#a3aab6}
.legal-tx h4{font-size:15px;margin:14px 0 6px}
.legal-tx p{font-size:13px;color:#4b5563;line-height:1.5;margin-bottom:8px}
/* sistema real */
.pixqr{display:flex;justify-content:center;margin:6px 0 12px}
.pixqr canvas{width:220px;height:220px;border-radius:10px;border:1px solid #e3e6eb;image-rendering:pixelated}
.pixhow{margin:12px 0 10px 18px;font-size:13px;line-height:1.55;color:#4b5563}
.pixhow li{margin:2px 0}
.copia code{word-break:break-all;font-size:10.5px;line-height:1.35;max-height:62px;overflow:hidden;display:block}
.pxst{margin-top:10px}
.etip{padding:6px 2px 10px;text-align:left}
.etip .tr-ic,.etip h3,.etip>p{text-align:center}
.etl{list-style:none;margin:6px 0 12px;padding:0}
.etl li{display:flex;gap:11px;align-items:flex-start;padding:7px 0;border-top:1px solid #eef0f3;font-size:13.5px;line-height:1.45;color:#4b5563}
.etl li:first-child{border-top:0}
.etl li span{font-size:20px;line-height:1.1}
.etl li b.t{display:block;color:#111827;font-size:14px;margin-bottom:1px}
.etok{background:#f2f8f3;border:1px solid #cfe6d4;border-radius:14px;padding:12px 13px;font-size:13.5px;line-height:1.5;color:#2f4a37}
.etok b{color:#1d5a2f}
#etipM .mbox{max-height:92%}
.stg{display:flex;align-items:flex-end;gap:2px;height:96px;margin-top:14px;padding-bottom:16px;position:relative}
.stg button{flex:1;height:100%;border:0;background:none;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer}
.stg button i{display:block;width:100%;min-height:2px;background:#c9a35a;border-radius:3px 3px 0 0}
.stg button.on i{background:#0f1f33}
.stg button small{position:absolute;bottom:-15px;font-size:8.5px;color:#9ca3af}
.stg button:nth-child(even) small{visibility:hidden}
.stday{margin-top:12px;font-size:13.5px;line-height:1.6}
.stday b{display:block;color:#111827}
.stday span{color:#4b5563}
.etip h3{margin:2px 0 4px}.etip .tr-ic{font-size:36px}
.strow{display:flex;align-items:center;gap:10px}
.strf{background:#f1f3f6;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:600;color:#0f1f33}
.strf:disabled{opacity:.6}
.dlb{display:block;text-align:center;text-decoration:none;max-width:320px;margin:10px auto 0}
.pc.igc{border:1.5px solid #d4a857;background:linear-gradient(180deg,#fffaf0,#fff)}
.igc .igh{display:flex;align-items:center;gap:10px;margin-bottom:6px}.igc .igh b{font-size:16px}
.igc .igi{width:38px;height:38px;border-radius:11px;background:#0f1f33;color:#e3c27a;display:flex;align-items:center;justify-content:center;flex:none}
.igc p{font-size:13.5px;line-height:1.5;color:#4b5563;margin:0 0 12px}.igc .btn{display:block;text-align:center;text-decoration:none}
/* presente do Instagram no chat (mesmos elementos do chat da Lia) */
.b.igwide{max-width:min(92%,460px)}
.igprep{display:grid;gap:9px}.igprep>div{display:flex;align-items:center;gap:10px;font-size:14px;color:#9aa0ab;transition:color .3s}
.igprep i{width:18px;height:18px;border-radius:50%;border:2px solid #d8dce3;flex:none;position:relative}
.igprep>div.on{color:#1c2230}.igprep>div.on i{border-color:#d4a857;border-top-color:transparent;animation:igspin .7s linear infinite}
.igprep>div.ok i{animation:none;background:#d4a857;border-color:#d4a857}.igprep>div.ok i::after{content:"✓";position:absolute;inset:0;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
@keyframes igspin{to{transform:rotate(360deg)}}
.igpick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.igpick.st{grid-template-columns:repeat(3,1fr)}
.igpick button{border:3px solid transparent;border-radius:12px;padding:0;background:none;overflow:hidden;cursor:pointer}.igpick img{width:100%;display:block}
.igpick button.on{border-color:#d4a857}.igpick button:disabled:not(.on){opacity:.4}
.igready{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;align-items:end}.igready img{width:100%;display:block;border-radius:10px;margin-bottom:8px}.igready .btn{padding:12px 8px;font-size:14px}
.igcap{margin-top:12px;background:#f6f7f9;border-radius:12px;padding:10px 12px}.igcap b{font-size:13px}.igcap p{font-size:13px;line-height:1.45;margin:4px 0 8px;color:#3b4250}
.b.igphb{background:none!important;box-shadow:none!important;padding:4px 0!important;max-width:none}
.igphone{width:290px;max-width:76vw;background:#fff;border-radius:32px;padding:12px 0 0;box-shadow:0 0 0 7px #111,0 16px 36px rgba(0,0,0,.22);overflow:hidden;font-size:11.5px;color:#111;margin:6px 0 4px 7px;font-family:Inter,system-ui,sans-serif}
.igphone .ig-top{display:flex;justify-content:space-between;padding:4px 14px 8px;font-weight:700;font-size:13px}.igphone .ig-head{display:flex;align-items:center;gap:12px;padding:0 12px 8px}
.igphone .ig-av{width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(#e9c987,#b98a3c,#e9c987);flex:none}.igphone .ig-av img{width:100%;height:100%;border-radius:50%;border:3px solid #fff;display:block}
.igphone .ig-st{flex:1}.igphone .nm{display:block;font-size:12px;margin-bottom:4px}.igphone .ig-n{display:flex;justify-content:space-between}.igphone .ig-n div{font-size:10.5px;line-height:1.2}.igphone .ig-n strong{display:block;font-size:13px}
.igphone .ig-bio{padding:0 12px;white-space:pre-line;line-height:1.35}.igphone .ig-link{padding:3px 12px 0;color:#00376b;font-weight:600}
.igphone .ig-hls{display:flex;gap:9px;padding:10px 12px;overflow:hidden}.igphone .hl{text-align:center;flex:none;width:48px}.igphone .hl span{display:block;width:48px;height:48px;border-radius:50%;padding:2px;border:1px solid #dbdbdb}.igphone .hl img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.igphone .hl small{font-size:9.5px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.igphone .ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-top:1px solid #efefef;padding-top:2px}.igphone .gp{aspect-ratio:4/5;overflow:hidden;background:#eee}.igphone .gp img{width:100%;height:100%;object-fit:cover;display:block}
.igphone.mini{width:100%;max-width:none;margin:0;border-radius:26px;box-shadow:0 0 0 6px #111,0 14px 30px rgba(0,0,0,.3)}.igphone.mini .ig-grid{border-top:0}
.b.igofrb{padding:0!important;overflow:hidden;max-width:min(92%,400px)}
.igofr{background:linear-gradient(160deg,#1c3356,#0f1f33 60%);color:#fff;padding:18px 16px 14px;text-align:center}
.igofr .k,.igpc .k{font-size:10.5px;letter-spacing:2px;font-weight:700;color:#e3c27a}
.igofr .t{font-family:"Playfair Display",Georgia,serif;font-size:21px;line-height:1.25;margin:6px 0 14px;font-weight:600}.igofr .t em,.igpc h3 em{color:#e3c27a}
.igofr .v,.igpc .v{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:11px 0;margin-bottom:10px}
.igofr .v div+div,.igpc .v div+div{border-left:1px solid rgba(255,255,255,.12)}.igofr .v b,.igpc .v b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:25px;color:#e3c27a;line-height:1}
.igofr .v span,.igpc .v span{display:block;font-size:11px;color:rgba(255,255,255,.72);margin-top:5px;line-height:1.3}
.igofr .i{font-size:12px;color:rgba(255,255,255,.7);margin-bottom:12px}.igofr .p{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.igofr .p span{font-size:12px;color:rgba(255,255,255,.7)}.igofr .p b{font-size:28px;font-weight:700}
.igofr .s{font-size:11.5px;color:rgba(255,255,255,.6);margin:8px 0 0}.igofr .btn:disabled{opacity:.55}
/* painel: cartão com o Instagram dele já montado */
.pc.igpc{display:flex;flex-direction:column;gap:16px;align-items:stretch;background:linear-gradient(160deg,#1c3356,#0f1f33 65%);color:#fff;border:1px solid rgba(212,168,87,.5);padding:18px}
.igpc-m{min-width:0}.igpc-sk{width:232px;height:470px;border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 0 0 6px #111}
.igpc h3{font-family:"Playfair Display",Georgia,serif;font-size:20px;line-height:1.25;margin:6px 0 8px;font-weight:600}
.igpc p{font-size:13px;line-height:1.5;color:rgba(255,255,255,.78);margin:0 0 12px}.igpc .btn{display:block;text-align:center;text-decoration:none}
.igpc-l{display:block;text-align:center;color:#e3c27a;font-weight:600;font-size:13.5px;text-decoration:none;margin-top:10px}
@media (max-width:520px){.pc.igpc{padding:18px 16px}.igpc h3{font-size:19px}}
#msgs>.b{flex-shrink:0}
.igpc-m{display:flex;justify-content:center;padding:8px 0 2px}.igpc-m .igphone{zoom:.8;margin:0}.igpc-x{text-align:center}
.igpc .igphone,.igpc .igphone.mini{width:290px;max-width:none}
/* liberar pelo painel */
#igBuyM .mbox{max-width:420px;text-align:center;padding:22px 20px 18px;position:relative}
.igb-k{display:inline-block;font-size:10.5px;letter-spacing:1.4px;font-weight:800;color:#9a6d1c;background:#fbf3df;border-radius:999px;padding:4px 10px}
#igBuyM h3{font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.25;margin:10px 0 12px;color:#0f1f33}#igBuyM h3 em{color:#b98a3c}
.igb-l{list-style:none;padding:0;margin:0 0 14px;text-align:left;display:grid;gap:7px}.igb-l li{font-size:14px;line-height:1.4;padding-left:25px;position:relative;color:#374151}
.igb-l li::before{content:'✓';position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:#c9a35a;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}
.igb-p b{display:block;font-size:34px;font-weight:800;color:#0f1f33;line-height:1}.igb-p small{display:block;font-size:12.5px;color:#6b7280;margin:5px 0 14px}
#igBuyM .note{margin-top:8px}#igBuyM .pixqr{display:flex;justify-content:center;margin:6px 0 12px}#igBuyM .pixhow{text-align:left}
/* planos 1 ou 2 anos */
.plans{display:grid;gap:10px;margin:4px 0 12px;border-top:1px dashed #dfe3ea;padding-top:14px}
.plan{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid #dfe3ea;border-radius:14px;padding:13px 14px;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.plan .rd{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #c3cad6;display:flex;align-items:center;justify-content:center}
.plan.on{border-color:#c9a35a;box-shadow:0 0 0 3px rgba(201,163,90,.16);background:#fffdf8}
.plan.on .rd{border-color:#c9a35a}.plan.on .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:#c9a35a}
.plan .pt{flex:1;min-width:0}.plan .pt b{display:block;font-size:15px}.plan .pt small{display:block;color:#5b6475;font-size:12.5px;margin-top:2px}
.plan .pv{font-family:"Playfair Display",serif;font-size:22px;font-weight:700;white-space:nowrap}
.plan .tag{position:absolute;top:-9px;right:12px;background:#0f1f33;color:#f1d58e;font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:3px 9px;border-radius:999px}
.plan .eco{color:#1f7a45;font-weight:600}
.pvlid{text-align:center;font-size:13px;color:#5b6475;margin:-4px 0 12px}
/* nome do recebedor no Pix */
.pxnm{font-size:12.5px;line-height:1.45;color:#5b6475;text-align:center;background:#f4f6f9;border-radius:10px;padding:8px 10px;margin:-2px 0 12px}
.pxnm b{color:#1b2433}
/* o X do aviso não fica em cima do título */
#askM .mbox h3,#askT{padding-right:44px}
/* edição focada do editor do site */
#sfx{position:fixed;inset:0;z-index:300;background:rgba(10,14,20,.6);display:none}#sfx.on{display:block}
#sfx .fx-box{position:absolute;top:0;left:0;right:0;max-width:600px;margin:0 auto;background:#fff;border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
#sfx .fx-top{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0f1f33;color:#fff}#sfx .fx-top b{flex:1;font-size:15px;line-height:1.25}#sfx .fx-top small{font-size:12px;opacity:.75}
#sfx .fx-top button{border:0;background:linear-gradient(135deg,#e7c77d,#b98a3c);color:#1a1408;font-weight:800;font-size:15px;border-radius:999px;padding:8px 15px;cursor:pointer;flex:none}
#sfx .sfx-pv{display:flex;justify-content:center;align-items:center;padding:8px;background:#e6e1d6;height:var(--sfxh,280px);overflow:hidden;transition:height .15s}
#sfx .sfx-ph{border-radius:12px;border:3px solid #1c2230;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);position:relative}
#sfx .sfx-in{width:390px;transform-origin:0 0;pointer-events:none}
#sfx .sfx-hl{outline:3px solid #d4a857;outline-offset:4px;border-radius:4px}
#sfx .fx-in{padding:8px 10px 10px}#sfx .fx-in textarea,#sfx .fx-in input{display:block;width:100%;border:1.5px solid #b98a3c;border-radius:12px;padding:9px 11px;font:inherit;font-size:16px;line-height:1.35;outline:none;resize:none;max-height:120px;box-sizing:border-box}
.sfx-tap{cursor:text}
/* 1.8.3: oferta do Instagram fechável + presentes no painel */
.pc.igpc{position:relative}.igpc-c{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:15px;cursor:pointer;z-index:2}.igpc-c:hover{background:rgba(255,255,255,.22)}
.pc.igbar{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;font:inherit;background:linear-gradient(160deg,#1c3356,#0f1f33 70%);color:#fff;border:1px solid rgba(212,168,87,.6);padding:14px 16px;box-shadow:0 0 0 3px rgba(212,168,87,.12)}
.igbar .igi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(212,168,87,.16);color:#e3c27a}
.igbar-t{flex:1;min-width:0}.igbar-t b{display:block;font-size:15px}.igbar-t small{display:block;font-size:12.5px;color:rgba(255,255,255,.75);margin-top:2px}
.igbar-a{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d4a857;color:#14243b;font-size:20px;font-weight:700;line-height:1}
.gfc .gfh b{font-size:15.5px}.gfc>p{font-size:13.5px;line-height:1.5;color:#4b5563;margin:6px 0 12px}.gfc .igready{margin-top:12px}.gfc .btn{display:block;width:100%}
.gfsk{border-radius:10px;background:#eef0f4;margin-bottom:8px;display:grid;place-items:center;font-size:12px;color:#888}.gfsk.f{aspect-ratio:4/5}.gfsk.s{aspect-ratio:9/16}
@media (min-width:900px){.pn.pdesk>[data-a="gift"]{grid-area:gift!important}.gfc .igready{max-width:520px;margin-left:auto;margin-right:auto}.gfc>.btn.sec{max-width:520px;margin-left:auto;margin-right:auto}.pn.pdesk>.igbar{flex-direction:column;justify-content:center;text-align:center;padding:22px}.pn.pdesk>.igbar .igbar-t small{font-size:13.5px}}
@media (min-width:1000px){.pn.pdesk>.gfc:has(.igready){display:grid;grid-template-columns:1fr 380px;grid-template-areas:"h r" "p r" "c r";column-gap:28px;align-items:center;padding:22px 26px}
.pn.pdesk>.gfc .gfh{grid-area:h;align-self:end}.pn.pdesk>.gfc>p{grid-area:p;margin:8px 0 0;font-size:14.5px}.pn.pdesk>.gfc .igready{grid-area:r;margin:0;max-width:none}.pn.pdesk>.gfc>.btn.sec{grid-area:c;align-self:start;max-width:300px;margin:12px 0 0}
.pn.pdesk>.gfc .gfh b{font-size:19px}}
/* 1.8.4: prévia do editor do site */
#sfx .sfx-pv{position:relative}
#sfx .sfx-note{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:#0f1f33;color:#fff;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.25);max-width:92%;overflow:hidden;text-overflow:ellipsis}
#sfx .sfx-in.wa-on{transform:none!important}
.wa{display:flex;flex-direction:column;background:#efe7dd;font-family:-apple-system,system-ui,Inter,sans-serif}
.wa-h{display:flex;align-items:center;gap:9px;background:#0b6157;color:#fff;padding:9px 12px}.wa-bk{font-size:26px;line-height:1;opacity:.9}
.wa-av{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;background:#c9d2d8;display:grid;place-items:center;font-style:normal;font-weight:700;color:#0b6157}.wa-av img{width:100%;height:100%;object-fit:cover}.wa-cli{background:#a9b4bb}
.wa-h b{display:block;font-size:15px}.wa-h small{display:block;font-size:12px;opacity:.85}
.wa-b{flex:1;padding:10px 12px;overflow:hidden;display:flex;flex-direction:column;gap:8px;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:14px 14px}
.wa-tip{align-self:center;background:#fff7d6;color:#5b4a1a;font-size:11.5px;padding:5px 10px;border-radius:8px;text-align:center}
.wa-day{align-self:center;background:#fff;color:#54656f;font-size:11.5px;padding:4px 10px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-m{max-width:82%;padding:7px 9px 6px;border-radius:9px;font-size:14.5px;line-height:1.38;color:#111b21;box-shadow:0 1px 1px rgba(0,0,0,.1);word-wrap:break-word}
.wa-m em{display:block;text-align:right;font-style:normal;font-size:11px;color:#667781;margin-top:2px}
.wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}.wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.wa-f{padding:8px 10px;background:#efe7dd}.wa-f span{display:block;background:#fff;border-radius:20px;padding:9px 14px;color:#8696a0;font-size:14px}
/* 1.8.5: celular — o app ocupa sempre a tela inteira, sem faixa cinza e sem a página "andar" */
@media (pointer:coarse){html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#f4f5f8}.app{position:fixed!important;top:0;bottom:0;left:0;right:0;height:auto!important;margin:0 auto}}
#stDt,#s-panel input[type="date"]{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;text-align:left}
/* ===== 1.9 · editor com a Lia por cima do app ===== */
#liaEdW{position:fixed;left:0;right:0;top:0;height:100%;z-index:9500;display:none;background:#f3f0ea}
#liaEdW.on{display:block}
#liaEdW iframe{display:block;width:100%;height:100%;border:0;background:#f3f0ea}
body.led-on{overflow:hidden}
/* ===== 1.9 · conversa da Lia com a mesma aparência do editor ===== */
.msgs{background:#f3f0ea!important}
.b.bot{position:relative;margin-left:36px;max-width:calc(86% - 36px);background:#fff;border:0;border-radius:18px 18px 18px 5px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.b.bot::before{content:"";position:absolute;left:-36px;bottom:0;width:28px;height:28px;border-radius:50%;background:var(--liaimg,#d9cfbb) center/cover;box-shadow:0 0 0 1.5px #c9a35a}
.b.bot:has(+ .b.bot)::before{visibility:hidden}
.b.bot.typing{padding:13px 15px}
.b.me{border-radius:18px 18px 5px 18px}
.composer{background:#fff}
/* 1.9.2 · prévia do site inteiro igual ao publicado */
#prevScroll.pvfr{overflow:hidden;position:relative}
#prevScroll.pvfr #prevSite{height:100%;min-height:0;padding:0}
#prevScroll.pvfr iframe{display:block;width:100%;height:100%;border:0;background:#fff}
#prevScroll.pvfr .wm{position:absolute;inset:0;z-index:5}
.pvtg{display:none;margin-left:12px;gap:4px;background:#eef0f4;padding:3px;border-radius:999px}
.pvtg button{border:0;background:none;font:700 13px Inter,sans-serif;color:#4b5563;padding:7px 13px;border-radius:999px;cursor:pointer}
.pvtg button.on{background:#0f1f33;color:#fff}
@media (min-width:900px){.pvtg{display:flex}
#prevScroll.pvfr.pvcel{background:#1a2233}
#prevScroll.pvfr.pvcel iframe{width:390px;height:min(844px,calc(100% - 40px));margin:20px auto 0;border-radius:34px;box-shadow:0 0 0 10px #0b0f17,0 24px 60px rgba(0,0,0,.5)}}
.pc.off{border:1.5px solid #e7b4b4;background:#fff6f6}.pc.off .st{color:#b42318}.pc.off .st:before{background:#d92d20}.pc.off .exp{color:#7a2e2e;line-height:1.45}
/* ================= COMPUTADOR: o site e o app se adaptam sozinhos à tela ================= */
/* O site usa "container query": no celular (ou na prévia de celular) fica no formato de celular;
onde houver espaço de computador, vira o formato de computador. */
#rvSite,#prevSite,#editSite{container:site/inline-size}
@container site (min-width: 880px){
.site{--gx:max(48px,calc((100cqw - 1160px) / 2))}
/* topo e menu */
.site .top{padding:22px var(--gx) 12px}
.site .burger{display:none}
.site .menu{display:flex!important;position:static;background:none;box-shadow:none;padding:0;gap:28px;margin-left:auto;align-items:center}
.site .menu button{border:0;padding:8px 0;font-size:15px;color:rgba(255,255,255,.86);white-space:nowrap}
.site .menu button:hover{color:var(--a)}
.site .top .brand{min-height:52px}
/* hero */
.site .hero{padding:40px var(--gx) 90px}
.site .hero h1{font-size:calc(var(--h1,28px) * 1.75);max-width:760px}
.site .hero p{font-size:18px;max-width:560px;line-height:1.6}
.site .hero-art{width:420px;right:var(--gx);top:40px}
.site .hero.hl{grid-template-columns:1.05fr .95fr;min-height:600px;padding:0 0 0 var(--gx)}
.site .hero.hl .hero-tx{padding:70px 48px 90px 0}
.site .hero.hl h1{font-size:calc(var(--h1,23px) * 2);padding-left:18px}
.site .hero.hl p{font-size:18px;margin-left:21px}
.site .hero.hl .gold-btn,.siteB .hero.hl .gold-btn{padding:16px 26px;font-size:16px}
.site .hero.hl .who2{padding-left:21px}
.site .hero-side{min-height:600px;max-height:760px}
.site .who2 b{font-size:19px}
.site .who2 small{font-size:12px}
.siteB .hero.hl{grid-template-columns:1fr 1fr;min-height:680px;padding:0 0 40px}
.siteB .hero.hl.hq{padding-bottom:96px}
.siteB .hero .top{padding:24px var(--gx) 0;align-items:center}
.siteB .hero.hl .hero-tx{padding:170px 40px 50px var(--gx);align-self:center}
.siteB .hero.hl .hero-side{min-height:680px}
.siteB .hero h1,.siteB .hero.hl h1{font-size:calc(var(--h1,30px) * 1.9)}
.siteB .hero p{font-size:18px;max-width:540px}
.siteB .hero:not(.hl) .hero-tx,.siteB .hero.ht .hero-tx{padding:60px var(--gx) 20px}
.site .hero.ht{padding:0 0 90px}
.site .hero.ht .hero-tx{padding:40px var(--gx) 0}
/* barra de contatos rápidos */
.site .qbar,.siteB .qbar{max-width:880px;margin:-44px auto 0;border-radius:22px;padding:18px 10px}
.siteB .qbar{margin-top:-60px}
.site .qbar a{font-size:14px;flex-direction:row;justify-content:center;gap:10px}
/* seções */
.site .sec{padding:80px var(--gx)}
.site h2{font-size:38px}
.site h2.c{margin-bottom:40px}
.site h2.c:before,.site h2.c:after{max-width:90px}
/* áreas */
.site .areas,.siteB .areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;overflow:visible;margin:0;padding:0}
.siteB .areas:after{display:none}
.siteB .dots{display:none}
.site .ar:last-child:nth-child(odd){grid-column:auto}
.site .ar,.siteB .ar{flex:none;padding:28px 22px;border-radius:18px;transition:transform .2s,box-shadow .2s}
.site a.ar:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.site .ar b,.siteB .ar b{font-size:18px}
.site .ar p,.siteB .ar p{font-size:15px;line-height:1.55}
.site .ar svg{width:38px;height:38px}
.siteB .ar svg{width:44px;height:44px}
/* sobre */
.site .sobre{gap:56px}
.site .sobre.ph{grid-template-columns:1.25fr .75fr}
.site .sobre p{font-size:17px;line-height:1.75}
.site .ph2{max-width:420px;justify-self:end}
.siteB .sobreB{margin:20px var(--gx) 0;grid-template-columns:42% 58%;min-height:460px;border-radius:26px}
.siteB .sbtx{padding:56px 52px;align-self:center}
.siteB .sbtx h2{font-size:36px}
.siteB .sbtx p{font-size:16.5px;line-height:1.75}
.siteB .sbtx .out-btn{font-size:14px;padding:11px 18px}
/* diferenciais */
.site .dif{padding:64px var(--gx);grid-template-columns:.75fr 1.25fr;gap:48px}
.site .dif h3{font-size:40px;padding-right:40px}
.site .dif ul{grid-template-columns:1fr 1fr;gap:18px 28px;font-size:16px}
.site .dif .gv{width:180px}
.siteB .difB{padding:64px var(--gx) 40px;max-width:none}
.siteB .difB div{font-size:16px;padding:0 24px;gap:12px}
.siteB .difB svg{width:46px;height:46px}
/* como funciona */
.site .passos{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.site .ps{padding:24px;flex-direction:column;gap:14px}
.site .ps b{font-size:18px}
.site .ps p{font-size:15px;line-height:1.6}
/* perguntas */
.site details,.site .faq-in{max-width:860px;margin-left:auto;margin-right:auto}
.site details{padding:20px 0}
.site summary{font-size:18px}
.site details p{font-size:16px;line-height:1.7}
/* contatos */
.site .ct{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.site .ct a,.site .ct div{padding:18px 20px;font-size:15.5px}
/* chamada final */
.site .ctawrap,.siteB .ctawrap{padding:10px var(--gx) 80px}
.site .cta{max-width:920px;margin:0 auto;grid-template-columns:96px 1fr;gap:28px;padding:38px 44px}
.site .cta .sc{width:96px}
.site .cta h3{font-size:30px}
.site .cta p{font-size:16px}
.site .cta .gold-btn{padding:14px 24px;font-size:15.5px}
.siteB .ctaB{max-width:920px;margin:0 auto;padding:32px 36px;column-gap:24px}
.siteB .ctaB h3{font-size:32px}
.siteB .ctaB p{font-size:15.5px}
.siteB .ctaB .ci svg{width:56px;height:56px}
.siteB .ctaB .go{width:58px;height:58px}
/* rodapé */
.site footer{padding:40px var(--gx) 22px}
.site footer .lg{font-size:13px}
}
/* ================= APP (Lia, revelação, edição e painel) no computador ================= */
@media (min-width: 1000px){
:root{--cw:820px;--side:max(24px,calc((100vw - var(--cw)) / 2))}
body{background:#eef0f4}
.app{max-width:none;box-shadow:none}
/* chat da Lia: coluna central confortável */
#s-chat{background:#f6f7f9}
.lia-hd{padding-left:var(--side)!important;padding-right:var(--side)!important}
.msgs{padding:28px var(--side) 18px!important;gap:12px}
.msgs .b{font-size:16px}
.composer{padding-left:var(--side)!important;padding-right:var(--side)!important;max-height:46%}
.legal{text-align:center}
/* revelação, prévia e editor: o site aparece no formato de computador */
.rv-top,.topbar,.etop{padding-left:max(20px,calc((100vw - 1240px)/2))!important;padding-right:max(20px,calc((100vw - 1240px)/2))!important}
.rv-bar,.bottombar{padding-left:var(--side)!important;padding-right:var(--side)!important}
.edit-hint{text-align:center;padding-left:var(--side);padding-right:var(--side)}
.tools{padding-left:max(12px,calc((100vw - 720px)/2))!important;padding-right:max(12px,calc((100vw - 720px)/2))!important}
.tools button{font-size:13px!important}
.tools button span{font-size:22px}
/* janelas de opção ficam centralizadas; as de edição viram um painel lateral, com o site ao vivo ao lado */
.sheet{align-items:center;justify-content:center;padding:24px}
.sheet-in{max-width:620px;border-radius:22px;max-height:88%}
#optS{flex-direction:row!important;justify-content:flex-end!important;align-items:stretch!important;padding:0;background:rgba(10,15,25,.35)}
#optS .sheet-in{width:460px;max-width:460px;height:100%;max-height:none!important;border-radius:0;animation:none;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
#optS.withphone .phone-live{display:flex!important;align-self:center;margin:0 48px 0 0}
/* painel do advogado */
.pn-head{padding:34px max(24px,calc((100vw - 1080px)/2)) 40px!important}
.pn-head h2{font-size:32px}
.pn{max-width:1080px;width:100%;margin:-22px auto 0!important;padding:0 24px 40px!important;grid-template-columns:1fr 1fr;align-items:start}
.pn>*{grid-column:1/-1}
.pn>.pc:nth-of-type(1),.pn>.pc:nth-of-type(2){grid-column:auto}
.pgrid{grid-template-columns:repeat(4,1fr)!important;gap:14px}
.pgrid button{padding:20px 16px}
.pgrid button.wide{grid-column:span 2}
.pgrid button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.stg{height:150px}
.stg button:nth-child(even) small{visibility:visible}
/* janelas */
.mbox{max-width:460px}
#etipM .mbox{max-width:520px}
}
/* painel no computador: duas colunas organizadas */
@media (min-width:1000px){
.pn.pdesk{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:var(--areas);gap:16px!important;max-width:1120px;align-items:stretch}
.pn.pdesk>*{margin:0!important}
.pn.pdesk>[data-a="site"]{grid-area:site!important}.pn.pdesk>[data-a="stats"]{grid-area:stats!important}.pn.pdesk>[data-a="ig"]{grid-area:ig!important}.pn.pdesk>[data-a="ren"]{grid-area:ren!important}
.pn.pdesk>[data-a="warn"]{grid-area:warn!important}.pn.pdesk>[data-a="tiles"]{grid-area:tiles!important}.pn.pdesk>[data-a="links"]{grid-area:links!important}
.pn.pdesk>[data-a="site"]{display:flex;flex-direction:column;justify-content:center;padding:22px 24px}
.pn.pdesk>[data-a="site"] .url{font-size:20px!important}
.pn.pdesk>[data-a="ig"]{display:flex;flex-direction:column;padding:24px}.pn.pdesk>[data-a="ig"] p{flex:1;font-size:14.5px}
.pn.pdesk>[data-a="ig"] .btn{margin-top:auto;padding:15px}
.pn.pdesk>[data-a="ren"]{display:flex;flex-direction:column;justify-content:center}
.pn.pdesk>[data-a="stats"]{padding:22px 24px}
.pn.pdesk .pgrid{grid-template-columns:repeat(6,1fr)!important;gap:14px}
.pn.pdesk .pgrid button.wide{grid-column:auto!important}
.pn.pdesk .pgrid button{min-height:128px;text-align:left}
.pn.pdesk .plinks{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding-top:6px}
.pn.pdesk .plinks .skipbtn{margin:0!important;width:auto!important}
}
@media (min-width:1000px){.pn.pdesk:has(>.igpc){grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.pn.pdesk>.pc.igpc{display:grid!important;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:24px 26px}.pn.pdesk>.igpc .igpc-m{padding:4px 0 4px 6px}.pn.pdesk>.igpc .igpc-x{text-align:left}.pn.pdesk>.igpc p{flex:none;margin-bottom:14px}.pn.pdesk>.igpc h3{font-size:22px}}@media (min-width:1000px){.pn.pdesk>.igpc .v div+div{padding-left:14px}}
/* ================= MeuAdvCard · acabamento PREMIUM (camada por cima do site atual) =================
Só vale quando o site tem a classe "pm". Não muda textos nem a estrutura que o editor usa.
Animações só rodam com "pm-js" (o script liga no site publicado; no editor fica tudo parado e visível). */
.site.pm{--pmr:26px;--cv:#f5f2ec;--ink:#141a26;--paper:linear-gradient(rgba(246,243,237,.6),rgba(246,243,237,.6)),url(/assets/banco/textura-papel.webp) 0 0/420px,#f5f2ec;background:var(--paper);overflow:clip}
.site.pm,.site.pm *{-webkit-font-smoothing:antialiased}
/* ---------- topo: transparente sobre a foto; ao rolar vira uma cápsula flutuante (some ao descer, volta ao subir) ---------- */
.site.pm .top{position:sticky;top:0;z-index:30;background:var(--p)}
.site.pm .top .brand img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:height .4s}
.pm-js .top{position:fixed!important;left:0;right:0;top:0;background:transparent!important;transition:top .45s cubic-bezier(.2,.7,.2,1),left .45s,right .45s,border-radius .45s,padding .45s,background .45s,box-shadow .45s,transform .45s cubic-bezier(.2,.7,.2,1)}
.pm-js.pm-sc .top{top:10px;left:12px;right:12px;border-radius:20px;padding:8px 12px 8px 16px;background:color-mix(in srgb,var(--p) 86%,transparent)!important;-webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.pm-js.pm-sc .top .brand{min-height:0}
.pm-js.pm-sc .top .brand img{height:40px!important}
.pm-js.pm-hide:not(.open) .top{transform:translateY(-140%)}
.pm-js .hero.hl{min-height:min(100svh,820px)}
/* ---------- herói: foto do escritório ao fundo, advogado na frente ---------- */
.site.pm .hero{isolation:isolate;background:var(--p);overflow:hidden}
.site.pm .hero::before{content:"";position:absolute;inset:-6% 0 0;z-index:-2;background:var(--pmhm,url(/assets/banco/02-topo-celular.webp)) center 30%/cover;transform:translate3d(0,var(--pmy,0px),0) scale(1.06);transform-origin:center top;opacity:.55;filter:saturate(.75)}
.site.pm .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:
radial-gradient(90% 60% at 80% 10%,color-mix(in srgb,var(--p2) 55%,transparent),transparent 70%),
linear-gradient(180deg,color-mix(in srgb,var(--p) 70%,transparent) 0%,color-mix(in srgb,var(--p) 35%,transparent) 35%,var(--p) 88%)}
.site.pm .hero.hl{display:flex;flex-direction:column;justify-content:flex-end;min-height:min(calc(100svh - 70px),760px);padding:0 0 64px}
.site.pm .hero.hl .hero-side{position:absolute;right:-6%;top:0;width:86%;height:68%;min-height:0;object-fit:cover;object-position:center top;z-index:-1;
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to top,transparent 0,#000 48%);-webkit-mask-composite:source-in;
mask-image:linear-gradient(to right,transparent 0,#000 34%),linear-gradient(to top,transparent 0,#000 48%);mask-composite:intersect;transform:translate3d(0,calc(var(--pmy,0px) * -.35),0)}
.site.pm .hero.hl .hero-tx{padding:0 22px;align-self:auto;max-width:560px}
.site.pm .hero h1{font-size:calc(var(--h1,28px) * 1.2);line-height:1.1;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.site.pm .hero p{text-shadow:0 1px 12px rgba(0,0,0,.4)}
.site.pm .hero .who2 b{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.5)}
.site.pm .hero .who2 small{letter-spacing:.32em;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.site.pm .gold-btn{position:relative;overflow:hidden;box-shadow:0 10px 26px color-mix(in srgb,var(--a) 35%,transparent);transition:transform .3s,box-shadow .3s}
.site.pm .gold-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 66%);transform:translateX(-120%);animation:pmShine 4.5s ease-in-out 2.2s infinite}
@keyframes pmShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.site.pm .gold-btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--a) 45%,transparent)}
/* indicador "role para baixo" */
.site.pm .hero.hl .hero-tx::after{content:"";display:block;width:1px;height:46px;margin:30px 0 0 2px;background:linear-gradient(var(--a),transparent);opacity:.8}
/* ---------- seções claras: uma folha contínua, sem "blocos jogados" ---------- */
.site.pm .sec{background:transparent;position:relative}
.site.pm .sec.w{background:transparent}
.site.pm .hero~.sec:first-of-type,.site.pm .hero+div+.sec{margin-top:-30px;border-radius:var(--pmr) var(--pmr) 0 0;background:var(--paper);background-attachment:local;z-index:2;padding-top:40px}
.site.pm>*:not(.top):not(.floatwrap){position:relative;z-index:1}
.site.pm>.top{position:sticky;z-index:30}
.site.pm .sec h2.c{letter-spacing:-.01em}
/* ---------- sobre: foto do advogado com moldura dourada ---------- */
.site.pm .sobre{grid-template-columns:1fr!important;gap:26px}
.site.pm .sobre .ph2{order:-1;border:0;max-width:none;justify-self:stretch;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center 18%;border-radius:24px;box-shadow:18px 18px 0 -2px color-mix(in srgb,var(--a) 30%,transparent),0 24px 50px rgba(15,25,40,.22)}
.site.pm .sobre h2{font-size:30px;letter-spacing:-.01em}
.site.pm .sobre p{font-size:15.5px;line-height:1.75;color:#3a4252}
.site.pm .sobre .out-btn{margin-top:16px}
/* ---------- áreas: cartões com foto ---------- */
.site.pm .areas{grid-template-columns:1fr;gap:16px}
.site.pm .areas>.ar{grid-column:auto}
.site.pm .ar{position:relative;overflow:hidden;padding:0 18px 18px;border-radius:20px;background:linear-gradient(170deg,var(--p2),var(--p));box-shadow:0 14px 34px rgba(15,25,40,.16);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.site.pm .ar::before{content:"";display:block;height:150px;margin:0 -18px 0;background:var(--img,url(/assets/banco/07-documentos.webp)) center/cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.site.pm .ar::after{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(180deg,transparent 35%,var(--p) 100%);pointer-events:none}
.site.pm .ar>svg{position:relative;z-index:1;margin-top:-26px;width:46px!important;height:46px!important;padding:11px;border-radius:14px;background:var(--p);color:var(--a);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent),0 8px 18px rgba(0,0,0,.25)}
.site.pm .ar b{display:block;margin-top:12px;font-size:17px}
.site.pm .ar p{opacity:.82}
.site.pm .ar .ar-go{display:inline-block;margin-top:10px}
.site.pm .ar[data-k="Trabalhista"]{--img:url(/assets/banco/area-trabalhista.webp)}
.site.pm .ar[data-k="Previdenciário"]{--img:url(/assets/banco/area-previdenciario.webp)}
.site.pm .ar[data-k="Família e Sucessões"]{--img:url(/assets/banco/area-familia.webp)}
.site.pm .ar[data-k="Consumidor"]{--img:url(/assets/banco/area-consumidor.webp)}
.site.pm .ar[data-k="Civil"]{--img:url(/assets/banco/area-civil.webp)}
.site.pm .ar[data-k="Criminal"]{--img:url(/assets/banco/area-criminal.webp)}
.site.pm .ar[data-k="Empresarial"]{--img:url(/assets/banco/area-empresarial.webp)}
.site.pm .ar[data-k="Tributário"]{--img:url(/assets/banco/area-tributario.webp)}
.site.pm .ar[data-k="Imobiliário"]{--img:url(/assets/banco/area-imobiliario.webp)}
.site.pm .ar[data-k="Bancário"]{--img:url(/assets/banco/area-bancario.webp)}
.site.pm .ar[data-k="Saúde"]{--img:url(/assets/banco/area-saude.webp)}
.site.pm .ar[data-k="Servidor Público"]{--img:url(/assets/banco/area-servidor-publico.webp)}
.site.pm .ar[data-k="Agrário"]{--img:url(/assets/banco/area-agrario.webp)}
.site.pm .ar[data-k="Digital e LGPD"]{--img:url(/assets/banco/area-digital-lgpd.webp)}
/* ---------- diferenciais: cartão escuro com foto dos livros ---------- */
.site.pm .dif{margin:8px 14px;border-radius:var(--pmr);grid-template-columns:1fr;gap:18px;padding:34px 22px;isolation:isolate;box-shadow:0 20px 50px rgba(10,18,30,.25)}
.site.pm .dif::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/banco/04-livros.webp) center/cover;transform:scale(1.08);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.site.pm .dif::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,color-mix(in srgb,var(--p) 93%,transparent),color-mix(in srgb,var(--p2) 86%,transparent))}
.site.pm .dif .gv{display:none}
.site.pm .dif h3{border:0!important;padding:0!important}
.site.pm .dif ul{display:grid;gap:10px;border:0!important;padding:0!important}
.site.pm .dif li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
/* ---------- como funciona: linha do tempo que se desenha ---------- */
.site.pm .passos{position:relative;gap:14px}
.site.pm .passos::before{content:"";position:absolute;left:33px;top:26px;bottom:26px;width:2px;background:linear-gradient(var(--a),color-mix(in srgb,var(--a) 20%,transparent));transform-origin:top;transform:scaleY(var(--pmline,1));transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.site.pm .ps{position:relative;background:#fff;border:1px solid #ece7dc;border-radius:18px;box-shadow:0 8px 24px rgba(20,26,38,.06)}
.site.pm .ps>i{position:relative;z-index:1;background:linear-gradient(140deg,var(--a),color-mix(in srgb,var(--a) 70%,#000))!important;color:#fff!important;border:0!important;font-style:normal;box-shadow:0 0 0 5px var(--cv)}
/* ---------- perguntas frequentes ---------- */
.site.pm details{background:#fff;border:1px solid #ece7dc;border-radius:16px;padding:16px 18px;margin-bottom:10px;transition:box-shadow .35s,border-color .35s}
.site.pm details[open]{border-color:color-mix(in srgb,var(--a) 55%,#fff);box-shadow:0 10px 28px rgba(20,26,38,.08)}
.site.pm details[open] p{animation:pmUp .5s cubic-bezier(.2,.7,.2,1)}
/* ---------- chamada final com foto ---------- */
.site.pm .cta{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--pmr);grid-template-columns:1fr;text-align:left;padding:34px 24px;box-shadow:0 22px 50px rgba(10,18,30,.28)}
.site.pm .cta::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/banco/06-reuniao.webp) center/cover}
.site.pm .cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,color-mix(in srgb,var(--p) 94%,transparent) 20%,color-mix(in srgb,var(--p) 70%,transparent))}
.site.pm .cta .sc{display:none}
/* ---------- contatos e rodapé ---------- */
.site.pm .cc{border-color:#ece7dc;border-radius:18px;transition:transform .35s,box-shadow .35s}
.site.pm footer{border-radius:var(--pmr) var(--pmr) 0 0;margin-top:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--p) 88%,transparent),var(--p)),url(/assets/banco/textura-marmore.webp) center/500px;padding-top:34px}
/* ---------- botão do WhatsApp com pulso ---------- */
.site.pm .floatwrap a{position:relative}
.site.pm .floatwrap a::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:pmPulse 2.6s ease-out infinite}
@keyframes pmPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%,100%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
/* ---------- entrada suave ao rolar (só no site publicado) ---------- */
@keyframes pmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pmIn{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.pm-js .hero-tx>*{animation:pmUp 1s cubic-bezier(.2,.7,.2,1) both}
.pm-js .hero-tx>*:nth-child(2){animation-delay:.12s}.pm-js .hero-tx>*:nth-child(3){animation-delay:.24s}.pm-js .hero-tx>*:nth-child(4){animation-delay:.36s}.pm-js .hero-tx>*:nth-child(5){animation-delay:.48s}
.pm-js .hero.hl .hero-side{animation:pmIn 1.6s cubic-bezier(.2,.7,.2,1) both}
.pm-js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.pm-js .rv.in{opacity:1;transform:none}
.pm-js .passos:not(.in){--pmline:0}
.pm-js .dif.in::before{transform:scale(1)}
@media (hover:hover){
.site.pm .ar:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(15,25,40,.24)}
.site.pm .ar:hover::before{transform:scale(1.06)}
.site.pm .cc:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,26,38,.1)}
}
@media (prefers-reduced-motion:reduce){
.pm-js .rv,.pm-js .hero-tx>*,.pm-js .hero.hl .hero-side{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
.site.pm .gold-btn::after,.site.pm .floatwrap a::after{animation:none}
}
/* ================= COMPUTADOR ================= */
@container site (min-width: 880px){
.site.pm{--gx:max(56px,calc((100cqw - 1180px) / 2))}
.site.pm .hero::before{background-image:var(--pmhd,url(/assets/banco/01-topo-pc.webp));background-position:center;opacity:.5}
.site.pm .hero::after{background:
linear-gradient(90deg,var(--p) 0%,color-mix(in srgb,var(--p) 88%,transparent) 38%,color-mix(in srgb,var(--p) 35%,transparent) 70%,color-mix(in srgb,var(--p) 55%,transparent) 100%),
linear-gradient(180deg,transparent 60%,var(--p) 100%)}
.pm-js.pm-sc .top{left:max(16px,calc(50% - 640px));right:max(16px,calc(50% - 640px));top:14px;padding:10px 26px}
.pm-js .top{padding-left:var(--gx);padding-right:var(--gx)}
.pm-js.pm-sc .top .brand img{height:46px!important}
.site.pm .hero.hl{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:min(100vh,860px);padding:0 0 0 var(--gx)}
.site.pm .hero.hl .hero-tx{padding:150px 40px 110px 0;max-width:680px}
.site.pm .hero.hl .hero-side{padding-top:0}
.site.pm .hero.hl .hero-side{position:relative;right:auto;top:auto;width:100%;height:100%;grid-column:2;grid-row:1;align-self:stretch;
-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 26%);mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 26%)}
.site.pm .hero.hl h1{font-size:clamp(44px,4.4cqw,66px)}
.site.pm .hero.hl p{font-size:19px}
.site.pm .sec{padding:76px var(--gx)}
.site.pm .hero~.sec:first-of-type,.site.pm .hero+div+.sec{margin-top:-44px;border-radius:36px 36px 0 0;padding-top:96px}
.site.pm .sec h2.c{font-size:42px;margin-bottom:44px}
.site.pm .sobre{grid-template-columns:.9fr 1.1fr!important;gap:72px;align-items:center}
.site.pm .sobre .ph2{aspect-ratio:4/4.6;max-height:620px;box-shadow:26px 26px 0 -2px color-mix(in srgb,var(--a) 28%,transparent),0 30px 60px rgba(15,25,40,.22)}
.site.pm .sobre h2{font-size:46px;line-height:1.08}
.site.pm .sobre p{font-size:18px;line-height:1.8}
.site.pm .areas{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.site.pm .ar{padding:0 26px 26px;border-radius:24px}
.site.pm .ar::before,.site.pm .ar::after{height:210px}
.site.pm .ar::before{margin:0 -26px}
.site.pm .ar b{font-size:20px}
.site.pm .ar p{font-size:15px;line-height:1.6}
.site.pm .dif{margin:0 var(--gx);grid-template-columns:.9fr 1.1fr;gap:56px;padding:72px 64px;border-radius:32px}
.site.pm .dif h3{font-size:46px;line-height:1.08}
.site.pm .dif ul{grid-template-columns:1fr 1fr;gap:14px}
.site.pm .dif li{padding:18px 18px;font-size:15.5px}
.site.pm .passos{grid-template-columns:repeat(3,1fr);gap:26px}
.site.pm .passos::before{left:8%;right:8%;top:38px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 25%,transparent));transform-origin:left;transform:scaleX(var(--pmline,1))}
.site.pm .ps{flex-direction:column;padding:26px 24px;gap:16px}
.site.pm .ps b{font-size:18px}
.site.pm [data-s="faq"]{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;column-gap:64px;align-items:start}
.site.pm [data-s="faq"]>h2.c{grid-column:1;grid-row:1/span 30;position:sticky;top:110px;text-align:left;font-size:42px;display:block}
.site.pm [data-s="faq"]>h2.c::before{display:none}
.site.pm [data-s="faq"]>h2.c::after{content:"";display:block;position:static;flex:none;max-width:none;width:100%;height:auto;aspect-ratio:4/3;margin-top:28px;border-radius:24px;background:url(/assets/banco/03-mesa-detalhe.webp) center/cover;box-shadow:0 20px 44px rgba(20,26,38,.18)}
.site.pm [data-s="faq"]>details{grid-column:2;width:100%;max-width:none;margin:0 0 12px;padding:20px 24px}
.site.pm [data-s="faq"] summary{font-size:16.5px}
.site.pm .ctawrap{padding:40px var(--gx) 90px}
.site.pm .cta{margin:0;max-width:none;padding:72px 64px;grid-template-columns:1fr}
.site.pm .cta h3{font-size:44px}
.site.pm .cta p{font-size:18px;max-width:560px}
.site.pm .ccs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.site.pm footer{padding:56px var(--gx) 26px;border-radius:36px 36px 0 0}
}
.site.pm .sobre .ph2{height:auto!important;min-height:0!important;max-height:none}
/* ===== efeitos dentro das prévias da conversa (pm-live) ===== */
.pm-live .hero-tx>*{animation:pmUp 1s cubic-bezier(.2,.7,.2,1) both}
.pm-live .hero-tx>*:nth-child(2){animation-delay:.12s}.pm-live .hero-tx>*:nth-child(3){animation-delay:.24s}.pm-live .hero-tx>*:nth-child(4){animation-delay:.36s}
.pm-live .rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.pm-live .rv.in{opacity:1;transform:none}
.pm-live .passos:not(.in){--pmline:0}
.pm-live.pb .difB{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;overflow:hidden}
.pm-live.pb .difB .mq{display:flex;gap:44px;padding-right:44px;flex:none;animation:pbMq 24s linear infinite}
.pm-live.pb .difB .mq>div{white-space:nowrap}
.pm-live.pb .difB .mq>div::after{content:"✦";color:var(--a);margin-left:34px;font-size:12px}
@keyframes pbMq{to{transform:translateX(-100%)}}
@keyframes pmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pm-live .rv,.pm-live .hero-tx>*{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}.pm-live.pb .difB .mq{animation:none}}
/* ================= MeuAdvCard · acabamento PREMIUM · MODELO 2 ("Editorial") =================
Personalidade diferente do modelo 1: foto em arco, letras grandes centralizadas, faixa de diferenciais
correndo, etapas que se empilham ao rolar e barra de leitura dourada no topo.
Só vale com a classe "pb". Animações só com "pm-js" (no editor fica tudo parado e visível). */
.site.pb{--pmr:24px;--cv:#f6f3ed;--ink:#151b27;--paper:linear-gradient(rgba(247,244,238,.62),rgba(247,244,238,.62)),url(/assets/banco/textura-papel.webp) 0 0/420px,#f6f3ed;background:var(--paper);overflow:clip}
.site.pb,.site.pb *{-webkit-font-smoothing:antialiased}
.site.pb .sec,.site.pb .sec.w,.site.pb .difB,.site.pb .ctawrap{background:transparent}
/* ---------- topo: fica no alto da página. Depois que a pessoa passa do topo, se ela rolar para CIMA,
desce uma barra sólida presa na borda de cima (com filete dourado); ao rolar para baixo ela some.
Nunca fica transparente por cima do conteúdo. (Modelo 1 usa uma cápsula flutuante; aqui é barra inteira.) ---------- */
.site.pb .top .brand img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:height .35s}
.site.pb .menu button{position:relative}
.pm-js.pb.pb-fix .top{position:fixed!important;left:0;right:0;top:0;z-index:40;background:var(--p)!important;padding:10px 18px!important;
border-bottom:1px solid color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.28);transform:translateY(-110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.pm-js.pb.pb-fix.pm-up .top,.pm-js.pb.pb-fix.open .top{transform:none}
.pm-js.pb.pb-fix .hero{z-index:40}
.pm-js.pb.pb-fix .top .brand{min-height:0}
.pm-js.pb.pb-fix .top .brand img{height:38px!important}
/* ---------- herói: foto do advogado num arco, texto centralizado ---------- */
.site.pb .hero{isolation:isolate;background:var(--p)!important;overflow:hidden;border-radius:0 0 50% 50% / 0 0 46px 46px}
.site.pb .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/banco/textura-marmore.webp) center/520px;opacity:.55}
.site.pb .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 45% at 50% 30%,color-mix(in srgb,var(--p2) 85%,transparent),transparent 70%),linear-gradient(180deg,transparent 60%,color-mix(in srgb,#000 25%,var(--p)) 100%)}
.site.pb .hero.hl{display:flex;flex-direction:column;align-items:center;min-height:0;padding:96px 0 70px!important}
.site.pb .hero.hl .top{position:absolute}
.site.pb .hero.hl .hero-side{order:-1;position:relative;width:min(70%,300px);height:auto;min-height:0!important;aspect-ratio:3/3.9;object-fit:cover;object-position:center 15%;border-radius:22px;-webkit-mask-image:none!important;mask-image:none!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--p) 80%,#000),0 0 0 8.5px color-mix(in srgb,var(--a) 75%,transparent),0 34px 64px rgba(0,0,0,.45);margin-bottom:38px}
.site.pb .hero.hl .hero-tx{padding:0 22px!important;text-align:center;max-width:620px}
.site.pb .hero .who2{display:flex;flex-direction:column;align-items:center}
.site.pb .hero .who2 b{color:#fff}
.site.pb .hero .who2 small{letter-spacing:.34em}
.site.pb .hero .who2 small::before{display:none}
.site.pb .hero .who2,.site.pb .hero h1{padding-left:0!important;border:0!important;margin-left:0}
.site.pb .hero h1{font-size:calc(var(--h1,29px) * 1.18)!important;line-height:1.08;letter-spacing:-.015em}
.site.pb .hero h1 em{font-style:italic}
.site.pb .hero p{margin-left:auto!important;margin-right:auto!important;max-width:440px}
.site.pb .hero.hl .gold-btn{padding:14px 22px;font-size:14.5px}
.site.pb .hero.hl .gold-btn>svg:last-child{display:inline-block}
.site.pb .gold-btn{transition:transform .3s,box-shadow .3s;box-shadow:0 10px 26px color-mix(in srgb,var(--a) 35%,transparent)}
.site.pb .gold-btn:hover{transform:translateY(-2px)}
.site.pb .gold-btn>svg:last-child{transition:transform .3s}
.site.pb .gold-btn:hover>svg:last-child{transform:translateX(4px)}
/* ---------- títulos das seções: estilo revista ---------- */
.site.pb .sec h2.c{font-size:30px;letter-spacing:-.015em}
.site.pb .sec h2.c::before,.site.pb .sec h2.c::after{max-width:28px;height:1.5px}
/* ---------- áreas: cartões altos com foto inteira, deslizando para o lado ---------- */
.site.pb .areas{gap:14px;padding:6px 20px 26px;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.site.pb .ar{flex:0 0 76%;position:relative;overflow:hidden;aspect-ratio:4/5;display:flex!important;flex-direction:column;justify-content:flex-end;text-align:left;padding:22px 20px;border:0!important;border-radius:22px;color:#fff!important;background:var(--p)!important;box-shadow:0 18px 40px rgba(15,25,40,.2);isolation:isolate}
.site.pb .ar::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img,url(/assets/banco/07-documentos.webp)) center/cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.site.pb .ar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--p) 10%,transparent) 20%,color-mix(in srgb,var(--p) 92%,transparent) 72%)}
.site.pb .ar>svg{width:30px!important;height:30px!important;margin:0 0 10px!important;color:var(--a)}
.site.pb .ar b{font-family:var(--ft);font-size:22px;font-weight:600;line-height:1.15;margin-bottom:8px;color:#fff}
.site.pb .ar p{color:rgba(255,255,255,.82)!important;font-size:13.5px}
.site.pb .ar .ar-go{display:inline-block;margin-top:12px;color:var(--a)}
.site.pb .dots i{transition:background .3s,width .3s}
.site.pb .dots i.on{width:22px;border-radius:5px}
.site.pb .ar[data-k="Trabalhista"]{--img:url(/assets/banco/area-trabalhista.webp)}
.site.pb .ar[data-k="Previdenciário"]{--img:url(/assets/banco/area-previdenciario.webp)}
.site.pb .ar[data-k="Família e Sucessões"]{--img:url(/assets/banco/area-familia.webp)}
.site.pb .ar[data-k="Consumidor"]{--img:url(/assets/banco/area-consumidor.webp)}
.site.pb .ar[data-k="Civil"]{--img:url(/assets/banco/area-civil.webp)}
.site.pb .ar[data-k="Criminal"]{--img:url(/assets/banco/area-criminal.webp)}
.site.pb .ar[data-k="Empresarial"]{--img:url(/assets/banco/area-empresarial.webp)}
.site.pb .ar[data-k="Tributário"]{--img:url(/assets/banco/area-tributario.webp)}
.site.pb .ar[data-k="Imobiliário"]{--img:url(/assets/banco/area-imobiliario.webp)}
.site.pb .ar[data-k="Bancário"]{--img:url(/assets/banco/area-bancario.webp)}
.site.pb .ar[data-k="Saúde"]{--img:url(/assets/banco/area-saude.webp)}
.site.pb .ar[data-k="Servidor Público"]{--img:url(/assets/banco/area-servidor-publico.webp)}
.site.pb .ar[data-k="Agrário"]{--img:url(/assets/banco/area-agrario.webp)}
.site.pb .ar[data-k="Digital e LGPD"]{--img:url(/assets/banco/area-digital-lgpd.webp)}
/* ---------- sobre: foto com cantos e uma faixa dourada; texto em destaque ---------- */
.site.pb .sobreB{margin:26px 16px 0;display:grid;grid-template-columns:1fr!important;background:#fff!important;color:var(--ink)!important;border-radius:var(--pmr);box-shadow:0 18px 44px rgba(20,26,38,.1);overflow:hidden;min-height:0}
.site.pb .sbimg{position:relative;aspect-ratio:4/3.6;overflow:hidden}
.site.pb .sbimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.site.pb .sbimg .sbart{display:none}
.site.pb .sbimg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--a),color-mix(in srgb,var(--a) 50%,#fff))}
.site.pb .sbtx{padding:26px 22px 28px}
.site.pb .sbtx h2{color:var(--ink)!important;font-size:30px}
.site.pb .sbtx p{color:#3a4252!important;font-size:15.5px;line-height:1.75}
.site.pb .sbtx .out-btn{color:var(--ink)!important;border-color:var(--a)}
/* ---------- diferenciais: faixa que corre devagar ---------- */
.site.pb .difB{margin:34px 0 6px;padding:18px 0!important;background:var(--p)!important;border-top:1px solid color-mix(in srgb,var(--a) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--a) 45%,transparent);box-shadow:0 14px 30px rgba(10,18,30,.2);overflow:hidden}
.site.pb .difB div{color:#fff!important;flex-direction:row!important;gap:10px!important;font-size:15px!important;white-space:nowrap;border:0!important}
.site.pb .difB svg{width:24px!important;height:24px!important}
.pm-js.pb .difB{display:flex!important;grid-template-columns:none!important}
.pm-js.pb .difB .mq{display:flex;gap:44px;padding-right:44px;flex:none;animation:pbMq 26s linear infinite}
.pm-js.pb .difB .mq>div::after{content:"✦";color:var(--a);margin-left:34px;font-size:12px}
@keyframes pbMq{to{transform:translateX(-100%)}}
/* ---------- como funciona: cartões que se empilham ao rolar ---------- */
.site.pb .passos{gap:16px}
.site.pb .ps{position:relative;flex-direction:column;gap:10px;padding:24px 22px;border-radius:22px;background:#fff;border:1px solid #ece7dc;box-shadow:0 14px 34px rgba(20,26,38,.08)}
.site.pb .ps>i{all:unset;font-family:var(--ft);font-size:54px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1.4px var(--a);opacity:.95}
.site.pb .ps b{font-size:18px}
.pm-js.pb .ps{position:sticky;top:86px}
.pm-js.pb .ps:nth-child(2){top:100px}.pm-js.pb .ps:nth-child(3){top:114px}.pm-js.pb .ps:nth-child(4){top:128px}
/* ---------- perguntas: numeradas, linhas finas ---------- */
.site.pb [data-s="faq"]{counter-reset:fq}
.site.pb details{counter-increment:fq;border-bottom:1px solid #e3ddd0;padding:18px 0}
.site.pb summary{display:flex;gap:14px;align-items:baseline;justify-content:flex-start!important;text-align:left}
.site.pb summary::after{margin-left:auto;padding-left:12px}
.site.pb summary::before{content:counter(fq,decimal-leading-zero);font-family:var(--ft);font-size:15px;color:var(--a);flex:none}
.site.pb details p{padding-left:32px}
.site.pb details[open] p{animation:pmUp .5s cubic-bezier(.2,.7,.2,1)}
/* ---------- chamada final: foto da cidade ao entardecer ---------- */
.site.pb .ctawrap{padding:10px 0 30px}
.site.pb .ctaB{position:relative;isolation:isolate;overflow:hidden;margin:0 16px;grid-template-columns:1fr!important;text-align:center;padding:46px 24px!important;border-radius:var(--pmr);background:var(--p)!important;box-shadow:0 22px 50px rgba(10,18,30,.28)}
.site.pb .ctaB::before{content:"";position:absolute;inset:0;z-index:-2;background:url(/assets/banco/08-janela-cidade.webp) center/cover;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.site.pb .ctaB::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--p) 72%,transparent),color-mix(in srgb,var(--p) 94%,transparent))}
.site.pb .ctaB .ci{display:none}
.site.pb .ctaB h3{font-size:30px;grid-column:1!important}
.site.pb .ctaB p{grid-column:1!important;font-size:15px;margin:10px auto 22px;max-width:420px}
.site.pb .ctaB .go{grid-column:1!important;grid-row:auto!important;justify-self:center;width:58px;height:58px;box-shadow:0 0 0 0 color-mix(in srgb,var(--a) 60%,transparent);animation:pbRing 2.4s ease-out infinite}
@keyframes pbRing{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--a) 55%,transparent)}70%,100%{box-shadow:0 0 0 16px transparent}}
/* ---------- contatos e rodapé (couro) ---------- */
.site.pb .cc{border-radius:18px;border-color:#ece7dc;transition:transform .35s,box-shadow .35s}
.site.pb .cc .ci2{border-radius:14px}
.site.pb .cc .ca{transition:transform .3s}
.site.pb a.cc:hover .ca{transform:translateX(4px)}
.site.pb footer{margin-top:24px;background:linear-gradient(180deg,rgba(10,12,14,.55),rgba(10,12,14,.82)),url(/assets/banco/textura-couro.webp) center/480px!important;border-top:2px solid color-mix(in srgb,var(--a) 70%,transparent);padding-top:34px}
.site.pb .floatwrap a{position:relative}
.site.pb .floatwrap a::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(37,211,102,.6);animation:pbRing2 2.8s ease-out infinite}
@keyframes pbRing2{0%{transform:scale(.9);opacity:1}80%,100%{transform:scale(1.35);opacity:0}}
/* ---------- entrada ao rolar: "cortina" que revela de baixo para cima ---------- */
@keyframes pmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pbArch{from{clip-path:inset(100% -12px -12px -12px round 28px);transform:scale(1.05)}to{clip-path:inset(-12px -12px -12px -12px round 28px);transform:none}}
@keyframes pbLine{from{clip-path:inset(0 -60px 100% -60px);transform:translateY(22px)}to{clip-path:inset(-60px -60px -60px -60px);transform:none}}
.pm-js.pb .hero.hl .hero-side{animation:pbArch 1.5s cubic-bezier(.7,0,.2,1) both}
.pm-js.pb .hero-tx>*{animation:pbLine 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:.55s}
.pm-js.pb .hero-tx>*:nth-child(2){animation-delay:.68s}.pm-js.pb .hero-tx>*:nth-child(3){animation-delay:.81s}.pm-js.pb .hero-tx>*:nth-child(4){animation-delay:.94s}
.pm-js.pb .rv{opacity:0;clip-path:inset(0 0 55% 0);transform:translateY(34px);transition:opacity .7s,clip-path 1.1s cubic-bezier(.7,0,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.pm-js.pb .rv.in{opacity:1;clip-path:inset(-80px -80px -80px -80px);transform:none}
.pm-js.pb .ar.rv,.pm-js.pb .ps.rv,.pm-js.pb details.rv,.pm-js.pb .cc.rv{clip-path:none;opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.pm-js.pb .ar.rv{transform:translateX(30px)}
.pm-js.pb .ar.rv.in,.pm-js.pb .ps.rv.in,.pm-js.pb details.rv.in,.pm-js.pb .cc.rv.in{opacity:1;transform:none}
@media (hover:hover){
.site.pb .ar:hover::before,.site.pb .ctaB:hover::before{transform:scale(1.07)}
.site.pb .cc:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(20,26,38,.1)}
}
@media (prefers-reduced-motion:reduce){
.pm-js.pb .rv,.pm-js.pb .hero-tx>*,.pm-js.pb .hero.hl .hero-side{animation:none!important;transition:none!important;clip-path:none!important;opacity:1!important;transform:none!important}
.pm-js.pb .difB .mq,.site.pb .ctaB .go,.site.pb .floatwrap a::after{animation:none}
}
/* ================= COMPUTADOR ================= */
@container site (min-width: 880px){
.site.pb{--gx:max(56px,calc((100cqw - 1180px) / 2))}
.site.pb .hero.hl .top{grid-column:auto!important;grid-row:auto!important;left:0;right:0;padding:26px var(--gx) 0!important;justify-content:space-between;align-items:center}
.site.pb .top .brand{align-items:flex-start;justify-content:flex-start;min-height:0}
.pm-js.pb.pb-fix .top{padding:12px var(--gx)!important}
.pm-js.pb.pb-fix .top .brand img{height:44px!important}
.site.pb .menu button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:var(--a);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.site.pb .menu button:hover::after{transform:scaleX(1)}
.site.pb .hero{border-radius:0 0 50% 50% / 0 0 90px 90px}
.site.pb .hero.hl{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;column-gap:70px;min-height:min(100vh,860px);padding:120px var(--gx) 110px!important}
.site.pb .hero.hl .hero-tx{grid-column:1;grid-row:1;text-align:left;max-width:660px;padding:0!important}
.site.pb .hero .who2{align-items:flex-start}
.site.pb .hero p{margin-left:0!important}
.site.pb .hero h1{font-size:clamp(46px,4.6cqw,70px)!important}
.site.pb .hero.hl .hero-side{grid-column:2;grid-row:1;order:0;width:100%;max-width:430px;justify-self:end;margin:0}
.site.pb .sec{padding:84px var(--gx)}
.site.pb .sec h2.c{font-size:44px;margin-bottom:46px}
.site.pb .areas{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0;margin:0;overflow:visible}
.site.pb .ar{aspect-ratio:4/4.6;padding:30px 28px}
.site.pb .ar p,.site.pb .ar .ar-go{transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.site.pb .ar b{font-size:26px}
.site.pb .dots{display:none}
.site.pb .sobreB{margin:20px var(--gx) 0;grid-template-columns:.95fr 1.05fr!important;min-height:520px;border-radius:32px}
.site.pb .sbimg{aspect-ratio:auto}
.site.pb .sbimg::after{left:auto;top:0;width:6px;height:100%}
.site.pb .sbtx{padding:64px 64px;align-self:center}
.site.pb .sbtx h2{font-size:46px}
.site.pb .sbtx p{font-size:18px}
.site.pb .difB{margin:70px 0 10px;padding:24px 0!important}
.site.pb .difB div{font-size:18px!important}
.site.pb .passos{grid-template-columns:repeat(3,1fr);gap:24px}
.pm-js.pb .ps{position:relative;top:auto!important}
.site.pb .ps{padding:34px 30px}
.site.pb .ps>i{font-size:72px}
.site.pb [data-s="faq"]>details{max-width:900px}
.site.pb summary{font-size:17px}
.site.pb .ctawrap{padding:30px var(--gx) 90px}
.site.pb .ctaB{margin:0;max-width:none;padding:96px 64px!important;border-radius:32px}
.site.pb .ctaB h3{font-size:50px}
.site.pb .ctaB p{font-size:18px;max-width:560px}
.site.pb .ccs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.site.pb footer{padding:56px var(--gx) 26px}
}
/* cartões das áreas um pouco menores e sem encostar no canto */
.site.pb .areas{padding-left:22px!important;padding-right:22px!important;scroll-padding-left:22px;scroll-snap-type:x mandatory}
.site.pb .ar{flex:0 0 70%;aspect-ratio:4/4.7;scroll-snap-align:start}
@container site (min-width: 880px){.site.pb .areas{padding:0!important}.site.pb .ar{aspect-ratio:4/4.4}}
/* botão da chamada final com frase */
.site.pb .ctaB .ctab{justify-self:center;display:inline-flex;align-items:center;gap:9px;margin-top:4px;padding:13px 22px;border-radius:999px;font-weight:700;font-size:14.5px}
.site.pb .ctaB .ctab svg{width:18px;height:18px}
/* Sobre sem foto: o logo do topo no lugar */
.site.pb .sbimg.nofoto{background:radial-gradient(70% 60% at 50% 40%,var(--p2),var(--p));display:flex;align-items:center;justify-content:center}
.site.pb .sbimg .sbbr{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:30px;transform:scale(1.5);color:#fff}
.site.pb .sbimg .sbbr img{height:64px!important;max-width:240px}