/* VISS CONNECT — LAYOUT V6 (estrutura inspirada na JC, identidade Viss)
   Carregado depois de final.css. Cores: azul #0a2238 · dourado #c7a45d · gelo #f4f6f9 */
:root{--ice:#f4f6f9;--ice2:#eef2f6;--bd:#e6eaf0;--sh:0 10px 30px rgba(10,34,56,.07);--sh2:0 22px 50px rgba(10,34,56,.13);--rad:14px}
body{font-weight:400}
h1,h2,h3,h4{font-weight:600}

/* ================= TOPO ================= */
.topbar{display:none!important}
.jc-topbar{background:var(--n);color:#d7e0e8;font-size:.78rem;border-bottom:1px solid rgba(199,164,93,.35)}
.jc-topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px}
.jc-quick,.jc-tr{display:flex;align-items:center;gap:22px}
.jc-quick a,.jc-tr a{color:#e3eaf0!important;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:400}
.jc-quick a i{color:var(--g);font-size:.92rem}
.jc-quick a:hover,.jc-tr a:hover{color:#fff!important}
.jc-social{display:flex;gap:8px}
.jc-social a{width:28px;height:28px;border-radius:50%;justify-content:center;background:rgba(255,255,255,.08);gap:0!important}
.jc-social a:hover{background:var(--g)!important;color:var(--n)!important}
.jc-tr .jc-area i{color:var(--g)}
.jc-whats{background:#1f9d55;color:#fff!important;padding:6px 14px;border-radius:999px;font-weight:500!important}
.jc-whats:hover{background:#178048}

.jc-main .wrap,.jc-topbar .wrap{width:min(1290px,calc(100% - 44px))!important}
.header.jc-main{position:sticky!important;top:0!important;z-index:800!important;background:#fff!important;border-bottom:1px solid var(--bd)!important;box-shadow:0 6px 24px rgba(10,34,56,.06)!important}
.jc-main .nav{height:84px!important;gap:18px!important}
.jc-logo{display:flex;align-items:center;gap:11px;margin-right:auto;color:var(--n)!important;flex:0 0 auto;white-space:nowrap}
.jc-logo img{width:54px;height:54px;object-fit:contain}
.jc-logo-t{display:flex;flex-direction:column;line-height:1.1}
.jc-logo-title{font-size:1.12rem;font-weight:600;color:var(--n);letter-spacing:.01em}
.jc-logo-sub{font-size:.58rem;font-weight:500;color:var(--gd);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.jc-main .menu{gap:2px!important;font-size:.82rem!important;flex-wrap:nowrap!important;white-space:nowrap}
.jc-main .menu>a,.jc-main .drop>a{display:inline-flex!important;align-items:center;padding:9px 9px!important;border-radius:8px;color:var(--n)!important;font-weight:500!important}
.jc-main .menu>a:hover,.jc-main .drop:hover>a,.jc-main .menu a[aria-current="page"]{background:var(--ice)!important;color:var(--gd)!important}
.jc-main .drop>a:after{content:"\f078"!important;font-family:"Font Awesome 7 Free"!important;font-weight:900!important;font-size:.58rem!important;margin-left:7px!important;color:var(--g)!important}
.jc-main .drop>.pnl{top:calc(100% + 18px)!important;border-radius:14px!important;border-top:3px solid var(--g)!important}
.jc-main .drop>.pnl:before{top:-22px;height:24px}
.pnl .allbar{border-radius:0 0 12px 12px!important}
.jc-cta{display:inline-flex;align-items:center;gap:12px;background:var(--n);color:#fff!important;padding:6px 6px 6px 20px;border-radius:999px;font-size:.84rem;font-weight:500;white-space:nowrap}
.jc-cta-ic{width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--n);display:grid;place-items:center;font-size:.8rem}
.jc-cta:hover{background:var(--n2)}
.cta-top{display:none!important}

/* ================= TÍTULOS / SELOS ================= */
.eyebrow,.section-label{display:inline-flex!important;align-items:center;gap:8px;background:#f8f1e1!important;color:var(--gd)!important;border:1px solid #ecdcb6!important;padding:6px 14px!important;border-radius:999px!important;font-size:.7rem!important;letter-spacing:.12em!important;font-weight:600!important;margin-bottom:6px!important}
.eyebrow:before,.section-label:before{content:""!important;display:inline-block!important;width:6px;height:6px;border-radius:50%;background:var(--g);margin-right:8px!important}
.eyebrow.light{background:rgba(199,164,93,.14)!important;border-color:rgba(199,164,93,.45)!important;color:#ecd29a!important}
.h2{font-weight:600!important;letter-spacing:-.02em!important;margin-top:14px!important}
.hl{color:var(--gd)}
.section.dark .hl,.hero .hl{color:var(--g)}
.head{margin-bottom:40px!important}
.head.c,.jc-center{text-align:center}
.jc-center .h2,.jc-center>p{margin-left:auto!important;margin-right:auto!important}
.jc-center>p{max-width:720px;color:var(--muted)}

/* ================= HERO DAS PÁGINAS ================= */
.hero{background:linear-gradient(120deg,#071a2b 0%,#0a2238 55%,#123552 100%)!important}
.hero:before{background:radial-gradient(circle at 85% 20%,rgba(199,164,93,.16),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px)!important}
.hero h1{font-weight:600!important;letter-spacing:-.025em!important}
.hero h1 em{color:var(--g)!important;font-weight:600!important}
.crumbs{display:flex;width:fit-content;gap:2px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:999px;margin-bottom:16px!important}

/* ================= BOTÕES ================= */
.btn{border-radius:8px!important;font-weight:500!important;min-height:50px!important;padding:0 24px!important}
.btn.gold{background:var(--g)!important;color:var(--n)!important}
.btn.gold:hover{background:#b8934b!important}
.btn.navy:hover{background:var(--n2)!important}
.btn.gold:after,.btn.navy:after,.jc-btn:after{content:"\f061";font-family:"Font Awesome 7 Free";font-weight:900;font-size:.78rem;margin-left:4px}
.btn.wa:before,.jc-btn.wa:before{content:"\f232";font-family:"Font Awesome 7 Brands";font-weight:400;font-size:1rem;margin-right:2px}
.btn.wa:after{content:none!important}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--n)!important;font-weight:600;border-bottom:2px solid var(--g);padding-bottom:2px}

/* ================= CARTÕES (estilo diferenciais JC) ================= */
.card,.feat article,.steps article,.steps3 article,.telas article,.seg article,.ok2 article,.article-card{border:1px solid var(--bd)!important;border-radius:var(--rad)!important;box-shadow:var(--sh)!important;transition:transform .25s,box-shadow .25s!important}
.card:before,.feat article:before,.steps article:before,.steps3 article:before,.combo article:before,.telas article:before,.seg article:before,.ok2 article:before{height:0!important}
.card:hover,.feat article:hover,.article-card:hover,.pcard:hover{transform:translateY(-5px)!important;box-shadow:var(--sh2)!important;border-color:#e3d3ac!important}
.jc-ic{width:56px;height:56px;border-radius:50%;background:var(--ice);border:1px solid #e8dcc0;color:var(--gd);display:grid;place-items:center;font-size:1.3rem;margin-bottom:16px;flex:0 0 auto}
.card .more{display:inline-flex!important;align-items:center;gap:8px;color:var(--n)!important;font-weight:600!important}
.card .more:after{content:"\f061"!important;font-family:"Font Awesome 7 Free";font-weight:900;color:var(--g);font-size:.75rem}
.steps{counter-reset:st}
.steps article{counter-increment:st;padding-top:30px!important}
.steps article:after{content:counter(st,decimal-leading-zero);position:absolute;top:20px;right:22px;font-size:1.9rem;font-weight:600;color:#eee5d1;line-height:1}

/* listas com check (como JC) */
.list li:before,.solution-copy li:before{content:"\f00c"!important;font-family:"Font Awesome 7 Free"!important;font-weight:900!important;background:var(--g)!important;color:#fff!important;border-radius:50%!important;width:20px!important;height:20px!important;display:inline-grid!important;place-items:center!important;font-size:.62rem!important}

/* destaques: cartão gelo com barra dourada */
.dor,.note2,.tip-box,.system-trial{background:var(--ice)!important;border:0!important;border-left:4px solid var(--g)!important;border-radius:0 12px 12px 0!important}

/* imagens */
.shot,.gallery-card,main figure>img{border-radius:12px!important;box-shadow:var(--sh)!important}

/* ================= SEÇÃO CONTATO (antiga faixa CTA) ================= */
.jc-contact{background:var(--ice);padding:80px 0;border-top:1px solid var(--bd)}
.jc-contact .box{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.jc-contact h2{font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.2;font-weight:600;color:var(--n);margin:14px 0 12px;letter-spacing:-.02em}
.jc-contact p{color:var(--muted);margin:0 0 26px}
.jc-btns{display:flex;flex-wrap:wrap;gap:12px}
.jc-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 20px;border-radius:8px;font-weight:500;font-size:.9rem}
.jc-btn.wa{background:#1f9d55;color:#fff!important}.jc-btn.wa:hover{background:#178048}
.jc-btn.jc-mail{background:#fff;color:var(--n)!important;border:1px solid #d5dbe3}.jc-btn.jc-mail:hover{border-color:var(--g)}
.jc-btn.gold{background:var(--g);color:var(--n)!important}
.jc-btn.navy{background:var(--n);color:#fff!important}
.jc-btn.wa:after,.jc-btn.jc-mail:after{content:none}
.jc-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.jc-list li a,.jc-list li>div{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--bd);border-left:4px solid var(--g);border-radius:0 12px 12px 0;padding:16px 20px;color:var(--n)!important;box-shadow:0 4px 14px rgba(10,34,56,.04)}
.jc-list i{width:42px;height:42px;border-radius:50%;background:var(--n);color:var(--g);display:grid;place-items:center;font-size:1rem;flex:0 0 auto}
.jc-list small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.jc-list b{font-weight:600;font-size:.95rem}

/* ================= RODAPÉ ================= */
.jc-footer{background:#071927;color:#b9c6d1;padding:64px 0 0;font-size:.88rem}
.jc-ftop{display:grid;grid-template-columns:1.35fr 1.15fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}
.jc-flogo{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px}
.jc-flogo span.b{width:58px;height:58px;border-radius:14px;background:#fff;display:grid;place-items:center}
.jc-flogo img{width:44px;height:44px}
.jc-flogo b{color:#fff;font-size:1.1rem;font-weight:600;display:block}
.jc-flogo small{color:var(--g);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}
.jc-footer p{color:#a8b6c2;line-height:1.75;margin:0}
.jc-footer h3{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 18px;padding-bottom:12px;position:relative}
.jc-footer h3:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--g)}
.jc-fcol a{display:flex;align-items:center;gap:10px;color:#b9c6d1!important;padding:5px 0}
.jc-fcol a:hover{color:var(--g)!important}
.jc-fcol a i{color:var(--g);width:16px;text-align:center}
.jc-fcol.links a:before{content:"\f105";font-family:"Font Awesome 7 Free";font-weight:900;color:var(--g);font-size:.7rem}
.jc-fbot{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem;color:#8a9aa8}
.jc-fbot a{color:#b9c6d1!important;margin-left:18px}
.float a{background:#1f9d55!important}

/* ================= HOME ================= */
.jc-hero{position:relative;background:#071a2b;color:#fff;overflow:hidden}
.jc-slide{display:none;position:relative;min-height:600px;background:linear-gradient(115deg,#061626 0%,#0a2238 50%,#12385a 100%)}
.jc-slide.on{display:block}
.jc-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(199,164,93,.18),transparent 36%),repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 24px)}
.jc-slide .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:600px;padding:60px 0 80px}
.jc-slide .kick{font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--g);font-weight:600;margin:16px 0 0}
.jc-slide h1,.jc-slide .h1{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.1;font-weight:600;letter-spacing:-.025em;margin:10px 0 18px;color:#fff}
.jc-slide h1 span,.jc-slide .h1 span{color:var(--g)}
.jc-slide p{color:#cfdae4;font-size:1.02rem;line-height:1.75;margin:0 0 30px;max-width:560px}
.jc-slide .actions{display:flex;gap:12px;flex-wrap:wrap}
.jc-visual{position:relative;justify-self:center;width:100%;max-width:560px}
.jc-browser{background:#fff;border-radius:12px;box-shadow:0 30px 70px rgba(0,0,0,.4);overflow:hidden;border:1px solid rgba(255,255,255,.2)}
.jc-browser .bar{height:26px;background:#e9edf2;display:flex;align-items:center;gap:6px;padding:0 12px}
.jc-browser .bar i{width:9px;height:9px;border-radius:50%;background:#c9d1da;display:block}
.jc-browser img{width:100%;height:auto;display:block}
.jc-phone{position:absolute;right:-18px;bottom:-40px;width:150px;border-radius:22px;border:6px solid #0b1b2b;box-shadow:0 24px 50px rgba(0,0,0,.45);overflow:hidden;background:#0b1b2b}
.jc-phone img{width:100%;height:auto;display:block}
.jc-ovl{background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.35);padding:12px 26px;color:var(--ink)}
.jc-ovl div{padding:20px 0;border-bottom:1px solid #edf0f3;display:flex;gap:16px;align-items:flex-start}
.jc-ovl div:last-child{border-bottom:0}
.jc-slide .jc-ovl p{margin:0!important;color:inherit;max-width:none;font-size:inherit}
.section.mist{background:var(--ice)!important}
.jc-ovl i{width:46px;height:46px;border-radius:50%;background:var(--ice);color:var(--gd);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto;border:1px solid #e8dcc0}
.jc-ovl small{display:block;color:var(--gd);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.jc-ovl strong{display:block;color:var(--n);font-weight:600;font-size:1.02rem;margin:2px 0 4px}
.jc-ovl span{display:block;color:var(--muted);font-size:.86rem;line-height:1.55}
.jc-dots{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:10px;z-index:5}
.jc-dots button{width:12px;height:12px;border-radius:999px;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.jc-dots button.on{background:var(--g);width:34px}
.jc-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center}
.jc-arr:hover{background:var(--g);color:var(--n)}
.jc-arr.p{left:18px}.jc-arr.n{right:18px}

.jc-sec{padding:90px 0;background:#fff}
.jc-sec.ice{background:var(--ice)}
.jc-about{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.jc-about .lead{font-size:1.06rem;color:var(--ink);line-height:1.75;margin:18px 0 12px}
.jc-about p{color:var(--muted);line-height:1.8}
.jc-feats{display:grid;gap:12px;margin:24px 0 30px}
.jc-feats div{display:flex;align-items:center;gap:14px;font-weight:500;color:var(--n)}
.jc-feats i{width:36px;height:36px;border-radius:50%;background:var(--ice);color:var(--gd);display:grid;place-items:center;border:1px solid #e8dcc0;font-size:.85rem}
.jc-about .actions{display:flex;gap:12px;flex-wrap:wrap}
.jc-aboutimg{position:relative}
.jc-aboutimg .frame{background:var(--ice);border-radius:20px;padding:26px;position:relative}
.jc-aboutimg .frame img{border-radius:12px;box-shadow:var(--sh2);width:100%}
.jc-aboutimg .tagx{position:absolute;left:-22px;bottom:34px;background:var(--n);color:#fff;border-radius:14px;padding:16px 20px;display:flex;gap:14px;align-items:center;box-shadow:var(--sh2);max-width:270px}
.jc-aboutimg .tagx i{width:44px;height:44px;border-radius:50%;background:var(--g);color:var(--n);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto}
.jc-aboutimg .tagx b{display:block;font-weight:600;font-size:.95rem}
.jc-aboutimg .tagx span{font-size:.78rem;color:#c6d3de;line-height:1.45;display:block}

.jc-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jc-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.jc-srv{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:34px 30px;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s!important}
.jc-srv:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.jc-srv .tg{font-size:.68rem;letter-spacing:.14em;color:var(--gd);font-weight:600;text-transform:uppercase}
.jc-srv h3{color:var(--n);font-size:1.18rem;line-height:1.35;margin:8px 0 10px}
.jc-srv p{color:var(--muted);font-size:.92rem;line-height:1.7;margin:0 0 16px}
.jc-srv ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}
.jc-srv li{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--ink)}
.jc-srv li i{width:20px;height:20px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:.58rem}
.jc-srv .text-link{margin-top:auto;align-self:flex-start}
.jc-srv.dk{background:var(--n);border-color:var(--n)}
.jc-srv.dk h3{color:#fff}.jc-srv.dk p{color:#c5d2dd}.jc-srv.dk li{color:#e4ebf1}.jc-srv.dk .text-link{color:#fff!important}
.jc-srv.dk .jc-ic{background:rgba(255,255,255,.08);border-color:rgba(199,164,93,.5);color:var(--g)}

.jc-dif{background:#fff;border-radius:16px;padding:30px 26px;border:1px solid var(--bd);box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s!important;color:var(--ink)!important}
.jc-dif:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:#e3d3ac}
.jc-dif h3{font-size:1.08rem;color:var(--n);margin:0 0 8px}
.jc-dif p{font-size:.9rem;color:var(--muted);line-height:1.65;margin:0 0 16px}
.jc-dif .more{margin-top:auto;font-weight:600;font-size:.84rem;color:var(--n);display:inline-flex;gap:8px;align-items:center}
.jc-dif .more i{color:var(--g);font-size:.72rem}
.jc-dif small{color:var(--gd);font-size:.66rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase;margin-bottom:4px}

/* galeria */
.jc-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-8px 0 34px}
.jc-filter button{font:inherit;font-size:.84rem;font-weight:500;padding:10px 20px;border-radius:999px;border:1px solid #d9dfe7;background:#fff;color:var(--n);cursor:pointer}
.jc-filter button.on,.jc-filter button:hover{background:var(--n);border-color:var(--n);color:#fff}
.jc-gal{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.jc-gi{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--bd);box-shadow:var(--sh);aspect-ratio:4/3.1;display:block}
.jc-gi img{width:100%;height:100%;object-fit:cover;object-position:top left}
.jc-gi .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,34,56,.15) 0%,rgba(10,34,56,.93) 62%);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:opacity .25s!important}
.jc-gi:hover .ov,.jc-gi:focus .ov{opacity:1}
.jc-gi .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(7,25,39,.92),rgba(7,25,39,0));color:#fff;padding:30px 16px 14px;font-weight:600;font-size:.92rem}
.jc-gi:hover .cap{opacity:0}
.jc-gi h3{font-size:1rem;margin:0;color:#fff}
.jc-gi h4{font-size:.78rem;margin:2px 0 8px;color:var(--g);font-weight:500}
.jc-gi p{font-size:.78rem;line-height:1.55;color:#d3dde6;margin:0 0 10px}
.jc-gi .bd{display:flex;gap:6px;flex-wrap:wrap}
.jc-gi .bd span{font-size:.64rem;background:rgba(199,164,93,.2);color:#f0d9a6;border:1px solid rgba(199,164,93,.45);padding:3px 9px;border-radius:999px}
.jc-gi.hide{display:none}
.jc-galbtn{text-align:center;margin-top:36px}
.jc-strip{margin-top:60px;background:var(--ice);border-left:4px solid var(--g);border-radius:0 16px 16px 0;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.jc-strip h3{margin:0 0 6px;color:var(--n);font-size:1.3rem}
.jc-strip p{margin:0;color:var(--muted)}

/* grátis: caixa de destaque + números */
.jc-free{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.jc-hbox{background:#fff;border-left:4px solid var(--g);border-radius:0 16px 16px 0;padding:32px 34px;box-shadow:var(--sh)}
.jc-hbox h3{color:var(--n);font-size:1.3rem;line-height:1.35;margin:0 0 12px}
.jc-hbox p{color:var(--muted);line-height:1.75;margin:0 0 12px}
.jc-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jc-stat{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:24px;text-align:center;box-shadow:var(--sh)}
.jc-stat b{display:block;font-size:2.3rem;line-height:1;color:var(--n);font-weight:600}
.jc-stat b em{font-style:normal;color:var(--g)}
.jc-stat span{display:block;color:var(--muted);font-size:.84rem;margin-top:8px}

.jc-art{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.jc-art a{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:26px;box-shadow:var(--sh);display:flex;flex-direction:column;color:var(--ink)!important;transition:transform .25s,box-shadow .25s!important}
.jc-art a:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.jc-art small{color:var(--gd);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.jc-art h3{font-size:1rem;color:var(--n);line-height:1.4;margin:8px 0 8px}
.jc-art p{font-size:.86rem;color:var(--muted);line-height:1.6;margin:0 0 16px}
.jc-art .more{margin-top:auto;font-weight:600;font-size:.82rem;color:var(--n);display:inline-flex;gap:8px;align-items:center}
.jc-art .more i{color:var(--g)}
.jc-headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.jc-headrow .h2{margin-bottom:0!important}

/* ================= RESPONSIVO ================= */
@media(max-width:1300px){.jc-main .menu{font-size:.78rem!important}.jc-main .menu>a,.jc-main .drop>a{padding:8px 6px!important}.jc-main .drop>a:after{margin-left:4px!important}}
@media(max-width:1340px){.jc-logo-sub{display:none}}
@media(max-width:1180px){.jc-cta span:first-child{display:none}.jc-cta{padding:6px}}
@media(max-width:980px){
  .jc-topbar .jc-quick a:nth-child(2) span{display:none}.jc-tr .jc-area{display:none}
  .jc-main .nav{height:72px!important}.jc-cta{display:none}.jc-logo-sub{display:block}
  .mm{top:72px!important}
  .jc-slide .wrap{grid-template-columns:1fr;gap:40px;padding:56px 0 90px;min-height:0}
  .jc-slide{min-height:0}.jc-arr{display:none}
  .jc-phone{width:110px;right:-6px;bottom:-26px}
  .jc-about,.jc-free,.jc-contact .box{grid-template-columns:1fr;gap:40px}
  .jc-g3{grid-template-columns:1fr}.jc-g4,.jc-gal,.jc-art{grid-template-columns:1fr 1fr}
  .jc-ftop{grid-template-columns:1fr 1fr}.jc-ftop>div:first-child{grid-column:1/-1}
  .jc-aboutimg .tagx{left:12px}
}
@media(max-width:640px){
  .jc-topbar{font-size:.72rem}.jc-topbar .wrap{min-height:40px}.jc-social{display:none}
  .jc-quick{gap:14px}.jc-quick a:first-child span{display:none}
  .jc-logo img{width:44px;height:44px}.jc-logo-title{font-size:1rem}.jc-logo-sub{font-size:.56rem}
  .jc-sec{padding:62px 0}.jc-contact{padding:60px 0}
  .jc-g4,.jc-gal,.jc-art,.jc-stats{grid-template-columns:1fr}
  .jc-ftop{grid-template-columns:1fr;gap:30px}
  .jc-fbot{flex-direction:column}.jc-fbot a{margin:0 16px 0 0}
  .jc-slide h1,.jc-slide .h1{font-size:2rem}
  .jc-visual{max-width:100%}
  .jc-strip{padding:24px}
  .jc-btns .jc-btn,.jc-slide .actions .btn,.jc-about .actions .btn{width:100%;justify-content:center}
}
/* calculadoras: nada passa da largura da tela */
.calc>*{min-width:0}.cbox{min-width:0;max-width:100%}.cbox .big,.cbox .sub2{overflow-wrap:anywhere}
@media(max-width:1060px){.calc{grid-template-columns:1fr!important}.res{position:static!important}}

/* =====================================================================
   V7 — REFINAMENTOS: tipografia única, cabeçalhos que cabem na tela,
   espaços menores, formulários, Como funciona, Gestão de Obras
   ===================================================================== */
:root{--fs-body:.94rem;--fs-lead:1rem;--fs-h1:clamp(1.75rem,2.6vw,2.3rem);--fs-h2:clamp(1.45rem,2vw,1.85rem);--fs-h3:1.04rem;--fs-small:.82rem}
html{font-size:16px}
body,button,input,select,textarea{font-family:Poppins,"Segoe UI",system-ui,Arial,sans-serif!important}
body{font-size:var(--fs-body)!important;line-height:1.7!important}

/* títulos: um tamanho por nível em todo o site */
.hero h1,.hero.small h1,.jc-slide h1,.jc-slide .h1{font-size:var(--fs-h1)!important;line-height:1.16!important;margin:12px 0 12px!important;max-width:660px!important}
.hero h1 em{display:block}
.h2,.jc-contact h2,.story-block h2,.prose h2,.article-body h2,.cta h2{font-size:var(--fs-h2)!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.015em!important}
.card h3,.feat h3,.steps h3,.steps3 h3,.telas .tl,.seg h3,.ok2 h3,.combo h3,.pcard h3,.jc-srv h3,.jc-dif h3,.jc-art h3,.mods h3,.faq summary,.jc-hbox h3,.jc-strip h3,.up h3,.buybox h3,.fc h3,.feature-gallery h3{font-size:var(--fs-h3)!important;line-height:1.4!important;font-weight:600!important}
/* corpo: um tamanho só */
.hero p.lead,.jc-slide p{font-size:var(--fs-lead)!important;line-height:1.65!important}
.head>p,.jc-center>p,.copy p,.story-block p,.prose p,.card p,.feat p,.steps p,.steps3 p,.telas p,.seg p,.ok2 p,.faq details p,.jc-srv p,.jc-dif p,.jc-art p,.jc-hbox p,.jc-contact p,.jc-about p,.jc-about .lead,.mods p,.pcard p,.list li,.jc-srv li,.dor,.system-trial p,.article-body p,.article-body li,.fc p,.feature-gallery p,.up p,.vc-formsec p{font-size:var(--fs-body)!important;line-height:1.7!important}
.note,.gallery-hint,.crumbs,.jc-dif small,.jc-srv .tg,.card .tag,.jc-art small,.cf-preco,.jc-feats div{font-size:var(--fs-small)!important}
.jc-about .lead{color:var(--ink)!important}
.story-block .story-lead{font-size:1.05rem!important}

/* ---------- topo mais baixo e logotipo menor ---------- */
.jc-topbar{font-size:.76rem}
.jc-topbar .wrap{min-height:38px}
.jc-main .nav{height:70px!important;gap:16px!important}
.jc-logo{gap:9px}
.jc-logo img{width:40px;height:40px}
.jc-logo-title{font-size:.98rem!important}
.jc-logo-sub{font-size:.5rem!important;letter-spacing:.09em!important;margin-top:3px!important}
.jc-main .menu{font-size:.8rem!important}
.jc-main .menu>a,.jc-main .drop>a{padding:8px 8px!important}
.jc-cta{padding:4px 4px 4px 14px;gap:9px;font-size:.78rem}
.jc-cta-ic{width:28px;height:28px;font-size:.7rem}
.jc-main .drop>.pnl{top:calc(100% + 13px)!important}
@media(max-width:1300px){.jc-main .menu{font-size:.76rem!important}.jc-main .menu>a,.jc-main .drop>a{padding:7px 5px!important}}
@media(max-width:1240px){.jc-logo-sub{display:none}}
@media(max-width:1120px){.jc-cta span:first-child{display:none}.jc-cta{padding:4px}}
@media(max-width:980px){.jc-main .nav{height:64px!important}.mm{top:64px!important}.jc-logo-sub{display:block}}

/* ---------- cabeçalhos das páginas: cabem na tela ---------- */
.hero-grid{padding:40px 0 46px!important;gap:48px!important}
.hero.small .hero-grid{padding:34px 0 40px!important}
.crumbs{margin-bottom:10px!important;padding:3px 11px!important}
.hero .actions{margin-top:20px!important}
.hero .btn,.jc-slide .btn{min-height:44px!important;padding:0 20px!important;font-size:.84rem!important}
.hero p.lead{max-width:600px!important}
.hero .app{max-width:520px;margin-left:auto}
.hero .shot{max-width:520px;margin-left:auto}
.hero .shot img{max-height:330px;object-fit:contain}
.hero .hub{max-width:390px!important}
.hero .overview-panel{max-width:470px;margin-left:auto}
.hero .overview-item{padding:14px 20px!important}
.jc-slide,.jc-slide .wrap{min-height:440px!important}
.jc-slide .wrap{padding:34px 0 62px!important;gap:44px!important}
.jc-visual{max-width:500px}
.jc-ovl{padding:4px 22px}
.jc-ovl div{padding:13px 0}
.jc-ovl i{width:40px;height:40px;font-size:.95rem}
.jc-ovl strong{font-size:.95rem}
.jc-ovl span{font-size:.8rem}
.jc-browser img{max-height:310px;object-fit:cover;object-position:top left}
.jc-phone{width:120px;bottom:-26px}
.jc-dots{bottom:20px}

/* ---------- espaços entre seções menores ---------- */
.section{padding:60px 0!important}
.jc-sec{padding:66px 0}
.jc-sec-sm{padding:54px 0}
.jc-contact{padding:60px 0}
.head{margin-bottom:28px!important}
.section:not(.mist):not(.sand):not(.dark)+.section:not(.mist):not(.sand):not(.dark):not(.jc-contact){padding-top:0!important}
.section.mist+.section.mist{padding-top:0!important}
.steps,.feat,.grid,.telas{gap:16px!important}

/* ---------- botões flutuantes só depois de rolar ---------- */
.float,.totop{opacity:0!important;visibility:hidden!important;transform:translateY(14px)!important;transition:opacity .3s,transform .3s,visibility .3s!important}
body.vc-rolou .float,body.vc-rolou .totop{opacity:1!important;visibility:visible!important;transform:none!important}

/* ---------- rodapé: símbolo num círculo ---------- */
.jc-flogo span.b{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--g);box-shadow:0 0 0 4px rgba(199,164,93,.15)}
.jc-flogo img{width:36px;height:36px}

/* ---------- página inicial ---------- */
.jc-srv{padding:26px 24px}
.jc-srv .jc-ic,.jc-dif .jc-ic,.jc-art .jc-ic{width:46px;height:46px;font-size:1.05rem;margin-bottom:12px}
.jc-srv h3{margin:6px 0 8px}
.jc-srv p{margin:0 0 12px}
.jc-srv ul{gap:6px;margin:0 0 16px}
.jc-srv li{font-size:.86rem!important}
.jc-g3{gap:20px}
.jc-dif{padding:24px 22px}
.jc-filter{margin:-4px 0 26px}
.jc-filter button{padding:8px 18px;font-size:.8rem}
.jc-gal{max-width:1000px;margin:0 auto;gap:16px}
.jc-gi{aspect-ratio:4/3}
.jc-gi .cap{font-size:.84rem;padding:24px 14px 11px}
.jc-galbtn{margin-top:28px}
.jc-galbtn [hidden]{display:none!important}
.jc-compact .jc-dif{padding:20px 20px 16px}
.jc-compact .jc-dif p{margin:0}
.jc-compact .jc-ic{width:42px!important;height:42px!important;margin-bottom:10px!important}
.jc-stat{padding:22px 18px}
.jc-stat i{width:52px;height:52px;border-radius:50%;background:var(--ice);border:1px solid #e8dcc0;color:var(--gd);display:grid;place-items:center;font-size:1.25rem;margin:0 auto 10px}
.jc-stat span{margin-top:0;color:var(--n);font-weight:500;font-size:.88rem}
.jc-stat:hover{border-color:#e3d3ac;box-shadow:var(--sh2)}
.jc-aboutimg .frame{padding:20px}
.jc-about{gap:54px}

/* ---------- ilustração: símbolo Viss com miniaturas ---------- */
.vc-orbit{position:relative;width:100%;max-width:400px;aspect-ratio:400/380;margin:0 auto}
.vo-lines{position:absolute;inset:0;width:100%;height:100%}
.vo-lines circle{fill:none;stroke:rgba(231,198,127,.28);stroke-width:1.2}
.vo-lines line{stroke:rgba(231,198,127,.55);stroke-width:1.2;stroke-dasharray:3 5}
.vo-core{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:4px solid var(--g);box-shadow:0 0 0 10px rgba(199,164,93,.14),0 20px 50px rgba(0,0,0,.35);display:grid;place-items:center}
.vo-core img{width:66%;height:auto}
.vo-th{position:absolute;background:#fff;border-radius:9px;padding:4px;box-shadow:0 14px 34px rgba(0,0,0,.35);overflow:hidden;transform:translate(-50%,-50%)}
.vo-th img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:6px}
.vo-th.w{width:30%;aspect-ratio:4/3}
.vo-th.vph{width:15%;aspect-ratio:9/17;border-radius:14px;background:#0b1b2b;padding:3px}
.vo-th.vph img{border-radius:11px}
.vo-ic{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.vo-ic i{width:58px;height:58px;border-radius:16px;background:#fff;color:var(--n);display:grid;place-items:center;font-size:1.35rem;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.vo-ic .fa-whatsapp{color:#1f9d55}.vo-ic .fa-instagram{color:#c13584}
.vo-ic small{color:#e9d6a6;font-size:.68rem;letter-spacing:.06em;font-weight:500}
.p1{left:17.5%;top:18.5%}.p2{left:82.5%;top:16%}.p3{left:91%;top:52.5%}.p4{left:80%;top:87%}.p5{left:20%;top:87%}.p6{left:9%;top:51.5%}
.vo-th.vph.p3,.vo-th.vph.p6{width:14%}
.vo-spark{position:absolute;color:var(--g);font-size:1rem}.s1{left:50%;top:2%}.s2{left:2%;top:82%}.s3{left:97%;top:30%}
.hero .vc-orbit{max-width:380px}

/* ---------- formulários (contato, demonstração, parceria) ---------- */
.vc-formgrid{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:54px!important;align-items:start!important}
.vc-formgrid>.copy{position:sticky;top:96px}
.vc-form{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:30px;box-shadow:var(--sh)}
.vc-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vc-form .field{display:grid;gap:6px;min-width:0;margin:0;border:0;padding:0}
.vc-form .field.full,.vc-form fieldset.vf-chips{grid-column:1/-1}
.vc-form label,.vc-form legend{font-size:.8rem;font-weight:600;color:var(--n);padding:0}
.vc-form input:not([type=checkbox]):not([type=radio]),.vc-form select,.vc-form textarea{width:100%;padding:11px 13px;border:1px solid #d8e0e7;border-radius:9px;font-size:.9rem;color:var(--ink);background:#fff}
.vc-form input:focus,.vc-form select:focus,.vc-form textarea:focus{outline:2px solid var(--g);outline-offset:1px;border-color:var(--g)}
.vc-form textarea{min-height:110px;resize:vertical}
.vc-form .check{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.5;font-size:.8rem;color:var(--muted)}
.vc-form .check input{width:auto;margin-top:3px}
.vf-chips>div,.vf-radios>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.vf-chips label,.vf-radios label{cursor:pointer;margin:0}
.vf-chips input,.vf-radios input{position:absolute;opacity:0;pointer-events:none}
.vf-chips span,.vf-radios span{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid #d8e0e7;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--n);background:#fff}
.vf-chips input:checked+span,.vf-radios input:checked+span{background:var(--n);border-color:var(--n);color:#fff}
.vf-chips input:checked+span:before{content:"\f00c";font-family:"Font Awesome 7 Free";font-weight:900;font-size:.62rem;color:var(--g)}
.vf-chips input:focus-visible+span,.vf-radios input:focus-visible+span{outline:2px solid var(--g);outline-offset:2px}
.vf-send{border-top:1px solid var(--bd)!important;padding-top:16px!important;margin-top:4px!important}
.vf-send-t{font-size:.8rem;font-weight:600;color:var(--n)}
.vf-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vf-btns .jc-btn{justify-content:center;border:0;cursor:pointer;font-family:inherit;font-size:.88rem;width:100%}
.vf-btns .jc-mail{border:1px solid #cfd7e0!important;background:#fff}
.vf-msg{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:14px 16px;margin-bottom:18px}
.vf-msg[hidden]{display:none}
.vf-msg i{font-size:1.2rem;margin-top:2px}
.vf-msg b{display:block;font-weight:600;color:var(--n)}
.vf-msg span{font-size:.84rem;color:var(--muted)}
.vf-msg.ok{background:#eaf6ee;border-left:4px solid #2f7a49}.vf-msg.ok i{color:#2f7a49}
.vf-msg.err{background:#fdf1e6;border-left:4px solid #b7791f}.vf-msg.err i{color:#b7791f}
.vc-steps{background:var(--ice);border-left:4px solid var(--g);border-radius:0 14px 14px 0;padding:20px 22px;margin:20px 0}
.vs-t{display:block;font-weight:600;color:var(--n);margin-bottom:12px;font-size:.92rem}
.vc-steps>div{display:flex;gap:14px;align-items:flex-start;padding:8px 0}
.vc-steps>div+div{border-top:1px solid #e3e8ee}
.vc-steps span{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--n);color:var(--g);display:grid;place-items:center;font-size:.72rem;font-weight:600}
.vc-steps p{margin:0!important;font-size:.86rem!important;color:var(--muted)!important;line-height:1.55!important}
.vc-steps p b{display:block;color:var(--n);font-weight:600}
.vc-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.vc-tags span{display:inline-flex;gap:7px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:999px;padding:6px 12px;font-size:.78rem;color:var(--n);font-weight:500}
.vc-tags i{color:var(--gd)}
.vc-forwho{margin:18px 0 0}
.vc-forwho .list{display:grid;gap:8px;padding:0;margin:0;list-style:none}
.vc-forwho .list li{position:relative;padding-left:28px!important}
.vc-forwho .list li:before{position:absolute;left:0;top:3px}
.partner-form.vc-form{padding:30px}

/* ---------- Como funciona ---------- */
.cf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cf-card{padding:24px 22px}
.cf-card .cf-sub{color:var(--n)!important;font-weight:500;margin:0 0 8px!important}
.cf-preco{display:flex;gap:9px;align-items:flex-start;background:var(--ice);border-left:3px solid var(--g);border-radius:0 9px 9px 0;padding:10px 12px;margin:0 0 16px;color:var(--n);font-weight:500;line-height:1.5}
.cf-preco i{color:var(--gd);margin-top:3px}
.cf-note{display:flex;gap:16px;align-items:flex-start;margin-top:28px;background:var(--ice);border-left:4px solid var(--g);border-radius:0 14px 14px 0;padding:20px 24px}
.cf-note i{color:var(--gd);font-size:1.3rem;margin-top:3px}
.cf-note p{margin:0;color:var(--ink);font-size:var(--fs-body);line-height:1.7}
.cf-note b{color:var(--n);font-weight:600}
.cf-table-wrap{overflow-x:auto;border-radius:16px;box-shadow:var(--sh);border:1px solid var(--bd);background:#fff}
.cf-table{width:100%;border-collapse:collapse;min-width:820px;font-size:.88rem}
.cf-table thead th{background:var(--n);color:#fff;font-weight:600;text-align:left;padding:14px 16px;font-size:.88rem;border-bottom:3px solid var(--g)}
.cf-table thead th i{color:var(--g);margin-right:8px}
.cf-table tbody th{background:#f8f9fb;color:var(--n);font-weight:600;text-align:left;padding:14px 16px;width:150px;vertical-align:top}
.cf-table td{padding:14px 16px;vertical-align:top;color:var(--ink);line-height:1.55;border-left:1px solid #eef1f4}
.cf-table tr+tr th,.cf-table tr+tr td{border-top:1px solid #eef1f4}
.cf-table tbody tr:last-child td{font-weight:500;color:var(--n)}
.cf-steps article::before{content:none!important}
.st-n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ice);border:1px solid #e8dcc0;color:var(--gd);font-weight:600;font-size:.82rem;margin-bottom:12px}

/* números dos passos (todas as páginas): selo acima do título, sem encostar */
.steps article:after{content:none!important}
.steps:not(.cf-steps) article::before{content:counter(st,decimal-leading-zero)!important;counter-increment:none;position:static!important;display:inline-grid!important;place-items:center;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--ice)!important;border:1px solid #e8dcc0;color:var(--gd)!important;font-weight:600;font-size:.82rem;margin-bottom:12px}
.steps article{padding-top:24px!important}

/* ---------- Gestão de Pessoas: marca no app lado a lado ---------- */
.brand-split{align-items:center!important}
.brand-split .copy>p{color:var(--muted)}
.bp2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;max-width:460px;margin-left:auto}
.bp2 figure{margin:0!important;max-width:none!important}
.bp2 img{max-height:380px!important;width:auto!important;margin:0 auto}
.bp2 figcaption{text-align:center;font-size:.8rem;color:var(--muted);margin-top:10px}
.phs-sm{max-width:640px;margin:0 auto;gap:20px!important}
.phs-sm figure{max-width:170px!important}
.phs-sm .ph-real{width:170px!important}

/* ---------- Gestão de Obras ---------- */
.ob-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ob-alerts .dor{padding:20px 22px!important}
.ob-alerts b{display:flex;gap:8px;align-items:center;color:var(--n);font-weight:600;margin-bottom:6px}
.ob-alerts b i{color:var(--gd)}
.ob-alerts p{margin:0;color:var(--muted)}

@media(max-width:1100px){.cf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){
  .vc-formgrid{grid-template-columns:1fr!important;gap:30px!important}.vc-formgrid>.copy{position:static}
  .ob-alerts{grid-template-columns:1fr}
  .hero .app,.hero .shot,.hero .overview-panel{margin:0 auto}
  .jc-slide .wrap{padding:34px 0 70px!important}
  .bp2{margin:0 auto}
}
@media(max-width:640px){
  .vc-form,.partner-form.vc-form{padding:20px}.vc-form .form-grid{grid-template-columns:1fr}.vf-btns{grid-template-columns:1fr}
  .cf-grid{grid-template-columns:1fr}
  .vo-ic i{width:46px;height:46px;font-size:1.1rem}.vo-ic small{font-size:.6rem}
  .hero-grid{padding:30px 0 36px!important}
  .phs-sm figure{max-width:140px!important}.phs-sm .ph-real{width:140px!important}
}
.jc-center .section-label,.jc-center .eyebrow{display:flex!important;width:fit-content;margin-left:auto!important;margin-right:auto!important}
.head.jc-center>p{margin:10px auto 0!important;max-width:760px!important}
@media(min-width:981px){.jc-contact .box{grid-template-columns:1.25fr .75fr}}
.jc-contact .jc-btn{padding:0 16px;font-size:.84rem;min-height:46px}
/* uma fonte só em todo o site (inclusive nas telas de exemplo) */
main :is(h1,h2,h3,h4,h5,h6,p,a,span,div,small,b,strong,em,li,td,th,label,legend,figcaption,summary,button,blockquote),.story-quote,.pf{font-family:Poppins,"Segoe UI",system-ui,Arial,sans-serif!important}

/* ===================== V8 — ajustes finos ===================== */
/* banner: duas telas de sistema sobrepostas */
.jc-two{padding:0 0 46px 0}
.jc-two .jc-browser img{max-height:none!important;object-fit:contain!important}
.jc-two .b2{position:absolute;right:-26px;bottom:0;width:58%;box-shadow:0 26px 60px rgba(0,0,0,.5)}
.jc-two>.jc-browser:first-child{width:86%}

/* títulos centralizados de verdade */
.jc-center .h2,.jc-center>p,.head.jc-center>p{text-align:center!important;margin-left:auto!important;margin-right:auto!important}

/* Como funciona: cartões do mesmo tamanho, partes alinhadas */
.cf-grid{grid-auto-rows:auto}
.cf-card{display:grid!important;grid-row:span 7;grid-template-rows:subgrid;gap:0!important;align-content:start}
.cf-card>*{margin-top:0!important}
.cf-card .jc-ic{margin-bottom:12px!important}
.cf-card .tg{margin-bottom:4px}
.cf-card h3{margin:0 0 6px!important}
.cf-card .cf-sub{margin:0 0 8px!important}
.cf-card>p:not(.cf-sub){margin:0 0 14px!important}
.cf-card .cf-preco{align-self:start;margin:0 0 16px!important}
.cf-card .text-link{align-self:end;justify-self:start}
.cf-card:hover,.jc-srv:hover{transform:none!important}
.cf-table thead th,.cf-table td,.cf-table tbody th{text-align:left!important;vertical-align:top}

/* perguntas frequentes na largura toda */
.faq{max-width:none!important}

/* rodapé: símbolo redondo e setas alinhadas */
.jc-flogo span.b{flex:0 0 56px;width:56px!important;height:56px!important;aspect-ratio:1/1;border-radius:50%!important;display:grid;place-items:center;overflow:hidden}
.jc-flogo img{width:38px!important;height:38px!important;object-fit:contain}
.jc-ftop{grid-template-columns:1.25fr 1.15fr 1.05fr 1fr 1.1fr}
.jc-fcol a{align-items:flex-start;line-height:1.45;font-size:.86rem}
.jc-fcol.links a:before{margin-top:1px}
.jc-fcol a i{margin-top:3px}
.jc-footer h3{white-space:nowrap}

/* faixa com texto e um botão sozinho (ex.: Serviços prontos) vira um cartão alinhado */
.split:has(>div:last-child>.btn:only-child){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:36px!important;background:#fff;border:1px solid var(--bd);border-left:4px solid var(--g);border-radius:0 16px 16px 0;padding:30px 34px!important;box-shadow:var(--sh)}
.split:has(>div:last-child>.btn:only-child)>div:last-child{flex:0 0 auto}
.split:has(>div:last-child>.btn:only-child) .copy{max-width:720px}
.split:has(>div:last-child>.btn:only-child) .copy p:last-child{margin-bottom:0}

/* Quem somos: história com imagem ao lado */
.qs-story{display:grid;gap:56px}
.qs-row{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.qs-row:nth-child(2) .qs-ill{order:-1}
.qs-row:nth-child(2){grid-template-columns:.85fr 1.15fr}
.qs-txt h2{font-size:var(--fs-h2)!important;line-height:1.25!important;color:var(--n);margin:12px 0 16px!important;font-weight:600}
.qs-txt p{color:var(--muted);margin:0 0 14px;line-height:1.75}
.qs-ill .vc-ill{width:100%;max-width:400px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 18px 34px rgba(10,34,56,.10))}
.hero-ill{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}

/* Seja parceiro: cartões menores */
.cards-sm{max-width:900px;gap:16px!important}
.cards-sm .card{display:grid!important;grid-template-columns:52px 1fr;column-gap:16px;padding:20px 22px!important;align-items:start}
.cards-sm .card>*{grid-column:2}
.cards-sm .card .jc-ic{grid-column:1;grid-row:1/span 4;width:48px!important;height:48px!important;font-size:1.05rem!important;margin:0!important}
.cards-sm .card h3{margin:2px 0 4px!important}
.cards-sm .card p{margin:0 0 8px!important}

/* Gestão de Pessoas: dois celulares ao lado do texto */
.phs-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;max-width:420px;margin-left:auto}
.phs-2 figure{margin:0!important;max-width:none!important}
.phs-2 .ph-real{width:100%!important;max-width:180px;margin:0 auto}
.phs-2 figcaption{font-size:.8rem!important;font-weight:500!important}

@media(max-width:980px){
  .qs-row,.qs-row:nth-child(2){grid-template-columns:1fr;gap:26px}.qs-row:nth-child(2) .qs-ill{order:0}
  .split:has(>div:last-child>.btn:only-child){flex-direction:column;align-items:flex-start!important}
  .phs-2{margin:0 auto}
  .jc-ftop{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){.jc-ftop{grid-template-columns:1fr}.cards-sm .card{grid-template-columns:44px 1fr}.jc-two .b2{right:-8px}}

/* ===================== V9 ===================== */
/* telas de sistema nos cabeçalhos: menores e mais nítidas */
.hero .app{zoom:.86;max-width:560px!important}
.app .k b{font-size:.74rem!important;white-space:nowrap;letter-spacing:-.01em}
.app .k small{font-size:.44rem!important}
.jc-browser.jc-sys img{max-height:none!important;object-fit:contain!important}
/* grátis: cartões alinhados com o texto ao lado */
.jc-free{align-items:end!important}
/* rodapé: texto da marca um pouco menor */
.jc-ftop>div:first-child p{font-size:.82rem!important;line-height:1.65}
/* Seja parceiro: três cartões na largura toda */
.cards-3{max-width:none!important;grid-template-columns:repeat(3,1fr)!important}
.card-how{display:block!important;padding:20px 22px!important}
.card-how>*{grid-column:auto!important}
.card-how h3{margin:8px 0 10px!important}
.how{list-style:none;margin:0;padding:0;counter-reset:h;display:grid;gap:8px}
.how li{counter-increment:h;position:relative;padding-left:38px;font-size:.84rem;color:var(--muted);line-height:1.45}
.how li:before{content:counter(h,decimal-leading-zero);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:var(--n);color:var(--g);display:grid;place-items:center;font-size:.66rem;font-weight:600}
.how b{display:block;color:var(--n);font-weight:600;font-size:.86rem}
@media(max-width:980px){.cards-3{grid-template-columns:1fr!important}}
.cards-3 .card{padding:22px 22px!important}
.cards-3 .card .jc-ic{width:46px!important;height:46px!important;font-size:1.05rem!important;margin-bottom:10px!important}
.cards-3 .card h3{margin:6px 0 6px!important}
.jc-browser.jc-sys img{max-height:330px!important;object-fit:cover!important;object-position:top left!important}

/* ===================== V10 ===================== */
/* Contato: texto + passos lado a lado, formulário largo embaixo */
.vc-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;margin-bottom:34px}
.vc-intro .vc-steps{margin:0 0 10px}
.vc-wideform .vc-form>.form-grid{grid-template-columns:1fr 1fr;gap:34px}
.vf-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.vf-col>.vf-chips,.vf-col>.vf-radios,.vf-col>.field.full{grid-column:1/-1}
.vf-col textarea{min-height:150px!important}
.vc-wideform .vf-send,.vc-wideform .vc-form>.form-grid>.field.full{grid-column:1/-1}
.vc-wideform .vf-btns{max-width:560px;margin-left:auto}
/* afiliado: quatro cartões lado a lado e menores */
.grid.g4c{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}
.grid.g4c .card{padding:22px 20px!important}
.grid.g4c .card .jc-ic{width:44px!important;height:44px!important;font-size:1rem!important;margin-bottom:10px!important}
.grid.g4c .card h3{margin:6px 0 6px!important}
@media(max-width:980px){.vc-intro,.vc-wideform .vc-form>.form-grid{grid-template-columns:1fr;gap:24px}.grid.g4c{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.vf-col{grid-template-columns:1fr}.grid.g4c{grid-template-columns:1fr!important}}