/* Layout: faixa azul-marinho de varejo, cartões brancos de vitrine, CTA amarelo-ouro; telas do fluxo em painel central */
:root{
  --navy:#0a2a6b; --navy-d:#061a47; --navy-2:#123a8c;
  --gold:#ffc21a; --gold-d:#f0a500;
  --ice:#f4f6fa; --card:#ffffff; --ink:#0d1b3a; --muted:#5a6886; --line:#d6e0f0;
  --ok:#1a9c5b; --warn:#d98a00; --err:#c62f2f;
  --f-display:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-lg:14px; --r-md:10px; --shadow:0 0 0 1px #e1e7f2,0 2px 6px rgba(10,42,107,.05);
  --f-brand:"Kanit","Arial Black",system-ui,sans-serif;
  --f-body:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
[hidden]{display:none!important}
html{background:var(--navy-d)}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto}
body{background:var(--ice);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);line-height:1.1;text-wrap:balance;margin:0}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
a{color:var(--navy-2)}

/* Cabeçalho */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--navy-d)}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy-d);color:#fff;box-shadow:0 8px 24px -14px rgba(0,0,0,.6)}
header.top .wrap{display:flex;align-items:center;gap:22px;min-height:68px;padding-block:6px;position:relative}
.logo{display:flex;align-items:center;background:none;border:0;padding:0;flex:none;position:relative;text-decoration:none}
.logo .txt{font-family:var(--f-brand);font-weight:800;font-size:26px;letter-spacing:.3px;color:#fff;line-height:1;position:relative;padding-bottom:8px}
.logo .txt::after{content:"";position:absolute;left:4%;right:6%;bottom:0;height:10px;border-bottom:4px solid var(--gold);border-radius:0 0 60% 60%/0 0 100% 100%;transform:rotate(-3deg)}
.logo img{height:64px;width:auto;max-width:min(420px,55vw);object-fit:contain;display:block}
.vsep{width:1px;height:34px;background:rgba(255,255,255,.28);flex:none}
nav.main{margin-left:auto;display:flex;gap:4px}
nav.main button{background:none;border:0;color:#fff;padding:10px 18px;font-weight:600;font-size:14.5px;position:relative;border-radius:999px;transition:background .15s}
nav.main button:hover{background:rgba(255,255,255,.08)}
nav.main button.on{font-weight:800}
nav.main button.on::after{content:"";position:absolute;left:18px;right:18px;bottom:2px;height:3px;border-radius:3px;background:var(--gold)}
.burger{display:none;margin-left:auto;background:none;border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:12px;width:42px;height:38px;font-size:18px}
@media(max-width:760px){
  .vsep{display:none}
  .burger{display:block}
  nav.main{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:2px;background:var(--navy-d);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));border-radius:0 0 22px 22px;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
  nav.main.open{display:flex}
  nav.main button{text-align:left}
  nav.main button.on::after{left:18px;right:auto;width:28px}
}

/* Seções */
section.block{padding-block:34px 8px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.sec-head h2{color:var(--navy-d);font-weight:800;font-size:clamp(22px,3vw,28px);letter-spacing:-.4px}
.sec-head p{margin:4px 0 0;color:var(--muted);font-weight:600}
.sort{display:flex;gap:6px;flex-wrap:wrap}
.sort button{border:1.5px solid var(--line);background:#fff;color:var(--navy-d);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px}
.sort button.on{background:var(--navy-d);color:#fff;border-color:var(--navy-d)}

.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.prod{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}
.prod:hover{box-shadow:0 1px 2px rgba(10,42,107,.06),0 24px 44px -18px rgba(10,42,107,.4)}
.prod .img{display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 35%,#ffffff 0%,#e8eefb 100%);margin:10px;border-radius:12px;padding:20px 10px 14px;cursor:pointer;border:0}
.prod .img svg{height:200px;width:auto;max-width:100%;transition:transform .3s}
.prod:hover .img svg{transform:scale(1.04)}
.badge{position:absolute;top:18px;left:18px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-body);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;line-height:1;padding:6px 10px 6px 8px;border-radius:6px;background:#fff;color:var(--navy-d);box-shadow:0 0 0 1px rgba(6,26,71,.1),0 2px 6px -2px rgba(6,26,71,.18);white-space:nowrap}
.badge svg{width:12px;height:12px;flex:none}
.badge.padrao svg{color:var(--ok)}
.badge.destaque{background:var(--navy-d);color:#fff;box-shadow:0 2px 8px -2px rgba(6,26,71,.45)}
.badge.destaque svg{color:var(--gold)}
.badge.static{position:static}
.prod .body{padding:4px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod h3{font-family:var(--f-body);font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.35;cursor:pointer}
.prod h3:hover{color:var(--navy-2);text-decoration:underline}
.specs{display:flex;gap:6px;flex-wrap:wrap}
.specs span{font-size:12px;font-weight:700;color:var(--navy-2);background:var(--ice);padding:3px 9px;border-radius:999px;font-variant-numeric:tabular-nums}
.price{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.price b{font-family:var(--f-display);font-size:26px;color:var(--navy-d);letter-spacing:-.5px}
.price small{color:var(--muted);font-weight:700}
.ship{font-size:13px;font-weight:700;color:var(--ok)}
.ship span{color:var(--muted);font-weight:600}
.prod .btn{margin-top:auto}
.btn.block{width:100%}

.howto{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:st}
.how{background:#fff;border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow);position:relative}
.how::before{counter-increment:st;content:counter(st);width:34px;height:34px;border-radius:50%;background:var(--navy-d);color:var(--gold);display:grid;place-items:center;font-weight:800;margin-bottom:10px;font-family:var(--f-display)}
.how b{display:block;color:var(--navy-d)}
.how span{font-size:13.5px;color:var(--muted)}
@media(max-width:860px){.howto{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.howto{grid-template-columns:1fr}}

.cmpfold{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.cmpfold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;border-radius:var(--r-lg)}
.cmpfold>summary::-webkit-details-marker{display:none}
.cmpfold>summary b{display:block;font-family:var(--f-display);font-size:17px;color:var(--navy-d)}
.cmpfold>summary span{font-size:13px;color:var(--muted);font-weight:600}
.cchev{width:36px;height:36px;border-radius:50%;background:var(--ice);flex:none;position:relative;transition:transform .25s}
.cchev::before{content:"";position:absolute;left:50%;top:44%;width:9px;height:9px;border-right:2.5px solid var(--navy-2);border-bottom:2.5px solid var(--navy-2);transform:translate(-50%,-50%) rotate(45deg)}
.cmpfold[open]>summary .cchev{transform:rotate(180deg)}
.cmpfold[open]>summary{border-bottom:1px solid var(--line);border-radius:var(--r-lg) var(--r-lg) 0 0}
.cmpfold .cmp{box-shadow:none;border-radius:0 0 var(--r-lg) var(--r-lg)}
.cmp{overflow-x:auto;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.cmp table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}
.cmp th,.cmp td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.cmp thead th{background:var(--ice);color:var(--navy-d);font-weight:800}
.cmp tbody th{color:var(--muted);font-weight:700}
.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}

.faq{display:grid;gap:10px}
.faq details{background:#fff;border-radius:var(--r-md);padding:14px 18px;box-shadow:var(--shadow)}
.faq summary{font-weight:800;color:var(--navy-d);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--navy-2)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:8px 0 0;color:var(--muted)}

/* Página de produto */
.crumb{font-size:13px;color:var(--muted);padding-block:18px 10px;display:flex;gap:6px;flex-wrap:wrap}
.crumb button{background:none;border:0;padding:0;color:var(--navy-2);font-weight:700;font-size:13px}
.pdp{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:24px;align-items:start}
.gallery{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px}
.gallery .main{display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 35%,#fff 0%,#e8eefb 100%);border-radius:12px;padding:28px 10px;min-height:340px}
.gallery .main svg{height:320px;width:auto;max-width:100%}
.thumbs{display:flex;gap:8px;margin-top:10px}
.thumbs button{flex:1;border:2px solid var(--line);background:var(--ice);border-radius:14px;padding:8px;display:grid;place-items:center;height:72px}
.thumbs button.on{border-color:var(--navy-2)}
.thumbs svg{height:52px;width:auto}
.pinfo h1{font-family:var(--f-body);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.2px}
.pinfo .sku{font-size:12.5px;color:var(--muted);margin-top:6px}
.pinfo ul{padding-left:18px;margin:14px 0;display:grid;gap:6px}
.pinfo table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px;background:#fff;border-radius:14px;overflow:hidden}
.pinfo td{padding:9px 12px;border-bottom:1px solid var(--line)}
.pinfo td:first-child{color:var(--muted);font-weight:700;width:42%}
.buybox{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px);display:grid;gap:12px}
.buybox .price b{font-size:32px}
.seg{display:flex;gap:6px}
.seg button{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:9px;font-weight:800;color:var(--navy-d)}
.seg button.on{border-color:var(--navy-2);background:#eaf0ff}
.secure{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
@media(max-width:980px){.pdp{grid-template-columns:1fr 1fr}.buybox{grid-column:1/-1;position:static}}
@media(max-width:640px){.pdp{grid-template-columns:1fr}.gallery .main{min-height:0}.gallery .main svg{height:240px}}

footer{margin-top:48px;background:var(--navy-d);color:#c9d6f5;font-size:13px}
.ffaq{background:var(--navy-d);padding-block:36px 30px;border-radius:32px 32px 0 0}
.ffaq{padding-block:22px}
.ffaq h2{font-family:var(--f-brand);font-style:italic;font-weight:700;color:#fff;font-size:clamp(20px,2.6vw,26px);margin:0}
.fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.fold>summary::-webkit-details-marker{display:none}
.chev{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.1);flex:none;position:relative;transition:transform .25s,background .15s}
.chev::before{content:"";position:absolute;left:50%;top:44%;width:9px;height:9px;border-right:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.fold[open]>summary .chev{transform:rotate(180deg)}
.fold>summary:hover .chev{background:rgba(255,255,255,.18)}
.ffaq .fold[open] .faq{margin-top:16px}
.legalfold{border-top:1px solid rgba(255,255,255,.14);padding-block:10px}
.legalfold>summary{color:#c9d6f5;font-size:13px;font-weight:700}
.legalfold>summary .chev{width:28px;height:28px}
.legalfold .flegal{border-top:0;padding-block:10px 8px}
.legalfold>summary>span:first-child{flex:1}
.legalfold .faq{grid-template-columns:1fr 1fr;align-items:start;padding-block:12px 8px}
.legalfold .faq details{background:rgba(255,255,255,.06);box-shadow:none;border:1px solid rgba(255,255,255,.1)}
.legalfold .faq details[open]{background:rgba(255,255,255,.1)}
.legalfold .faq summary{color:#fff;font-size:14px}
.legalfold .faq summary::after{color:var(--gold)}
.legalfold .faq p{color:#c9d6f5;font-size:13.5px}
.legalfold+.legalfold{border-top:1px solid rgba(255,255,255,.08)}
.fmain .wrap{padding-bottom:6px}
@media(max-width:760px){
  .legalfold .faq{grid-template-columns:1fr}
  .frow{flex-direction:column;align-items:flex-start;gap:12px}
  .frow .copy{margin-left:0}
  .flinks{gap:8px}
  .flinks button,.flinks button:first-child{border-left:0;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08)}
  .band .wrap{padding-block:18px}
  .band h3{font-size:19px}
}
@media(max-width:420px){.band svg{display:none}}
.ffaq h2 b{color:var(--gold)}
.ffaq .faq{grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:760px){.ffaq .faq{grid-template-columns:1fr}}
.ffaq details{background:rgba(255,255,255,.06);box-shadow:none;border:1px solid rgba(255,255,255,.1)}
.ffaq details[open]{background:rgba(255,255,255,.1)}
.ffaq summary{color:#fff}
.ffaq summary::after{color:var(--gold)}
.ffaq details p{color:#c9d6f5}
.band{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--navy-d) 0%,var(--navy-2) 60%,#2b5cc4 100%);color:#fff;border-top:4px solid var(--gold)}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px}
.band h3{font-family:var(--f-brand);font-style:italic;font-weight:700;font-size:clamp(20px,3vw,28px);line-height:1.15}
.band h3 b{color:var(--gold);font-weight:800}
.band p{margin:12px 0 0;font-size:14px;color:#fff}
.band svg{height:120px;width:auto;flex:none}
@media(max-width:560px){.band svg{height:72px}}
.fmain{background:var(--navy-d);border-top:4px solid var(--gold)}
.frow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding-block:20px 16px}
.flinks{display:flex;flex-wrap:wrap}
.flinks button{background:none;border:0;color:#fff;font-size:13.5px;font-weight:600;padding:3px 12px;border-left:1px solid rgba(255,255,255,.3)}
.flinks button:first-child{border-left:0}
.flinks button:hover{color:var(--gold)}
.soc{display:flex;gap:10px}
.soc{margin-left:auto;gap:10px}
.soc a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;transition:background .2s,transform .2s,border-color .2s}
.soc a:hover{transform:translateY(-2px);border-color:transparent}
.soc a.ig:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.soc a.yt:hover{background:#ff0000}
.soc a.fb:hover{background:#1877f2}
.soc svg{width:19px;height:19px}
@media(max-width:760px){.soc{margin-left:0}}
.frow .copy{margin-left:auto;color:#fff;font-size:13px}
.flegal{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid rgba(255,255,255,.14);padding-block:14px 20px}
.flegal button{background:none;border:0;color:#9fb4e6;text-decoration:underline;padding:0;font-size:12.5px}
.flegal button:hover{color:#fff}
.fbot .copy{margin-left:auto}

/* Páginas institucionais */
.page{padding-block:18px 10px}
.phead{padding-block:6px 18px;border-bottom:1px solid var(--line);margin-bottom:6px}
.crumb2{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:10px}
.crumb2 button{background:none;border:0;padding:0;color:var(--navy-2);font-weight:700;font-size:13px}
.phead h1{font-size:clamp(26px,3.6vw,34px);color:var(--navy-d);font-weight:800;letter-spacing:-.5px}
.phead p{margin:8px 0 0;color:var(--muted);font-size:16px;max-width:62ch}
.phero{background:radial-gradient(90% 140% at 95% 0%,#3e74e0 0%,#123a8c 40%,#061a47 100%);color:#fff;border-radius:16px;padding:36px 40px;box-shadow:var(--shadow)}
.phero .eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.phero h1{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.6px}
.phero p{margin:10px 0 0;color:#d7e2ff;font-size:16px;max-width:60ch}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.btn.sm{padding:8px 16px;font-size:13px}
a.btn{display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:560px){.phero{padding:26px 22px;border-radius:12px}}
.psec{margin-top:22px}
.psec.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.psec.two{grid-template-columns:1fr}}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:960px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.bgrid{grid-template-columns:1fr}}
.bcard,.ccard{background:#fff;border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow);transition:transform .2s;min-width:0}

.bic{width:48px;height:48px;border-radius:14px;background:var(--ice);color:var(--navy-2);display:grid;place-items:center;margin-bottom:12px}
.bic svg{width:28px;height:28px}
.bcard h3,.ccard h3{font-size:16.5px;color:var(--navy-d);margin-bottom:6px}
.bcard p,.ccard p{margin:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.pcard{background:#fff;border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);min-width:0}
.pcard h2{font-size:20px;color:var(--navy-d)}
.ticks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:#e3f5ec;color:var(--ok);font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.cgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cgrid{grid-template-columns:1fr}}
.ccard p.sel{font-weight:800;color:var(--ink);font-size:15px;user-select:all}
.cact{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.socrow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.soc.big a{background:var(--navy-d);border-color:var(--navy-d);width:46px;height:46px;border-radius:14px}
.soc.big{margin-left:0}
.help{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.fsearch{display:flex;align-items:center;gap:10px;background:#fff;color:var(--muted);border-radius:999px;padding:4px 6px 4px 18px;margin-top:20px;max-width:520px}
.fsearch input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-weight:600;padding:10px 4px;color:var(--ink);background:transparent}
.fsearch:focus-within{box-shadow:0 0 0 3px var(--gold)}
.ftabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 16px}
.ftabs button{border:1.5px solid var(--line);background:#fff;color:var(--navy-d);font-weight:700;font-size:13.5px;padding:8px 16px;border-radius:999px}
.ftabs button.on{background:var(--navy-d);border-color:var(--navy-d);color:#fff}
.legal{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}
.toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px);background:#fff;border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow);display:grid;gap:2px}
.toc b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.toc button{background:none;border:0;text-align:left;padding:7px 10px;border-radius:10px;color:var(--navy-d);font-weight:700;font-size:13.5px}
.toc button:hover{background:var(--ice)}
.art{background:#fff;border-radius:var(--r-lg);padding:28px 32px;box-shadow:var(--shadow);min-width:0}
.art section+section{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.art h2{font-size:19px;color:var(--navy-d);margin-bottom:10px}
.art h2 span{color:var(--gold-d)}
.art p,.art li{max-width:72ch;color:#2b3a5c}
.art ul,.art ol{padding-left:20px;display:grid;gap:6px}
.art code{background:var(--ice);padding:2px 6px;border-radius:6px;font-size:12.5px}
.art.inmodal{box-shadow:none;padding:0}
.art.inmodal h2{font-size:15px;margin:16px 0 6px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:10px}
.tbl table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}
.tbl th,.tbl td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{background:var(--ice);color:var(--navy-d)}
.tbl tr:last-child td{border-bottom:0}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.rcard{background:var(--ice);border-radius:16px;padding:14px 16px}
.rcard b{display:block;color:var(--navy-d);font-size:14px;margin-bottom:4px}
.rcard span{font-size:13px;color:var(--muted)}
.steps-ol li{line-height:2}
@media(max-width:860px){.legal{grid-template-columns:1fr}.toc{position:static}.rgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.art{padding:20px}.rgrid{grid-template-columns:1fr}}


/* ===== Versão mobile ===== */
.cdots{display:none;justify-content:center;gap:7px;margin-top:6px}
.cdots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#c3cfe6;transition:width .25s,background .25s}
.cdots button.on{width:24px;background:var(--navy-2)}
.cnav{display:none}
.mbar{display:none}
@media(max-width:760px){
  body{font-size:15px}
  header.top .wrap{height:60px}
  nav.main{top:60px}
  .logo .txt{font-size:22px}
  .logo img{height:min(var(--lh,64px),64px)!important;max-width:62vw}
  .hero{padding-block:12px 0}
  .slides{border-radius:12px}
  .slide{grid-template-columns:1fr;gap:8px;padding:20px 20px 46px;text-align:left}
  .slide .art{order:-1;min-height:150px}
  .slide .art svg{height:150px}
  .slide h1{font-size:25px;letter-spacing:-.4px}
  .slide p{font-size:14.5px;margin:10px 0 16px}
  .slide .btn{width:100%;justify-content:center}
  .chip{font-size:11.5px}
  section.block{padding-block:22px 4px}
  /* carrossel dos modelos */
  .products{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;
    margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding:6px max(16px,env(safe-area-inset-left,0px)) 14px;scroll-padding-inline:max(16px,env(safe-area-inset-left,0px))}
  .products::-webkit-scrollbar{display:none}
  .products>.prod{flex:0 0 84%;scroll-snap-align:center}
  .products>.panel{flex:0 0 100%}
  .prod:hover{transform:none}
  .prod .img svg{height:180px}
  .cdots{display:flex}
  .cmpfold>summary{padding:14px 16px}
  /* páginas */
  .phero h1{font-size:26px}
  .pcard,.bcard,.ccard{padding:18px}
  .ftabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px))}
  .ftabs::-webkit-scrollbar{display:none}
  .ftabs button{flex:none}
  /* produto */
  .gallery{padding:10px}
  .pinfo h1{font-size:20px}
  .buybox{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;gap:10px;align-items:center;background:#fff;box-shadow:0 -10px 30px -10px rgba(10,42,107,.35);border-radius:12px 20px 0 0;
    padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
  .mbar .seg{flex:none}
  .mbar .seg button{padding:9px 10px;font-size:13px}
  .mbar .btn{flex:1}
  body.has-mbar footer{padding-bottom:84px}
  /* fluxo */
  .flow{padding-block:18px 36px}
  .panel{padding:18px;border-radius:12px}
  .panel h2{font-size:22px}
  .row{flex-direction:column;align-items:stretch}
  .actions{flex-direction:column-reverse}
  .actions .btn{width:100%}
  .contract{height:58vh;padding:14px}
  .modal{padding:22px;border-radius:14px}
  .modal .two .btn{flex:1;min-width:0}
  .cookie .bt{width:100%}
  .cookie .bt .btn{flex:1;padding:10px 8px;font-size:13px}
  label.f input,label.f select{font-size:16px}
}

.mdesc{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:24px;margin-top:22px}
.mdesc.rev .mimg{order:2}
.mimg{position:relative;display:grid;place-items:center;background:radial-gradient(80% 80% at 50% 35%,#fff 0%,#e8eefb 100%);border-radius:12px;padding:34px 16px 22px;min-height:100%}
.mimg .badge{top:14px;left:14px}
.mimg svg{height:300px;width:auto;max-width:100%}
.mtxt{min-width:0}
.eyebrow2{font-size:12.5px;font-weight:700;color:var(--muted)}
.mtxt h2{font-size:clamp(20px,2.6vw,26px);color:var(--navy-d);margin:4px 0 10px;letter-spacing:-.3px}
.mtxt>p{margin:0;color:#2b3a5c;max-width:62ch}
.mspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mspecs div{background:var(--ice);border-radius:14px;padding:10px 12px;min-width:0}
.mspecs small{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:800}
.mspecs b{color:var(--navy-d);font-variant-numeric:tabular-nums;font-size:15px}
.mspecs .min{background:#fff8e1;box-shadow:inset 0 0 0 1px #f0c94a}
.mspecs .min b{font-size:18px}
.ticks.cols{grid-template-columns:1fr 1fr;font-size:14px}
.mact{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.mnote{margin:20px 4px 0;max-width:80ch}
@media(max-width:860px){.mdesc{grid-template-columns:1fr;gap:18px;padding:16px;border-radius:14px}.mdesc.rev .mimg{order:0}.mimg svg{height:220px}.mspecs{grid-template-columns:1fr 1fr}.ticks.cols{grid-template-columns:1fr}.mact .btn{flex:1}}

.helpbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:var(--navy-d);color:#fff;border-radius:var(--r-lg);padding:18px 22px;margin:18px 0}
.helpbar b{display:block;font-size:17px}
.helpbar span{font-size:13.5px;color:#c9d6f5}
.helpact{display:flex;gap:10px;flex-wrap:wrap}
.helpbar .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.fgroups{display:grid;gap:10px}
.fgroup{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.fgroup>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;font-weight:800;color:var(--navy-d);font-size:16px}
.fgroup>summary::-webkit-details-marker{display:none}
.fgroup>summary span:first-child{flex:1}
.fgroup>summary small{font-size:12.5px;color:var(--muted);font-weight:700}
.fgroup[open]>summary .cchev{transform:rotate(180deg)}
.fgroup[open]>summary{border-bottom:1px solid var(--line)}
.fgroup .faq{padding:12px 14px 14px;gap:8px}
.fgroup .faq details{box-shadow:none;background:var(--ice);border-radius:var(--r-md)}
@media(max-width:760px){.helpact{width:100%}.helpact .btn{flex:1;justify-content:center}.fgroup>summary{padding:14px 16px}}

.tempbox{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ice);border:1px dashed var(--navy-2);border-radius:10px;padding:10px 14px;margin:8px 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;font-weight:700;letter-spacing:.06em;color:var(--navy-d)}
.tempbox .sel{user-select:all}
.tempbox .btn{font-family:var(--f-body);font-size:13px;letter-spacing:0}

.acchead{max-width:960px;margin:0 auto 16px;display:flex;gap:12px;align-items:flex-end;justify-content:space-between}
.acchead h2{color:var(--navy-d);font-weight:800;font-size:clamp(22px,3vw,28px)}
.dotsep{margin:0 6px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px!important;letter-spacing:.02em}
.ctact{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.bmin{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff8e1;border:1px solid #f0c94a;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;color:#5a4300}
.bmin b{font-size:16px;color:var(--navy-d);font-variant-numeric:tabular-nums}
.seg button{white-space:nowrap}
body.has-mbar .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
@media(max-width:760px){
  .ctact .btn{flex:1 1 140px;justify-content:center}
  .acchead{align-items:flex-start}
  .kv b{font-size:15px}
}

.cmpx{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmpx table{width:100%;border-collapse:separate;border-spacing:0;min-width:640px;font-size:14px}
.cmpx th,.cmpx td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;vertical-align:middle}
.cmpx tbody th{text-align:left;font-weight:600;color:#2b3a5c;position:sticky;left:0;background:#fff;z-index:1;min-width:170px}
.cmpx thead th{vertical-align:bottom;padding-top:18px;position:relative;font-weight:400}
.cmpx thead th.corner{text-align:left;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;position:sticky;left:0;background:#fff;z-index:2}
.cmpx .thimg{height:96px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:8px}
.cmpx .thimg svg{height:96px;width:auto}
.cmpx thead b{display:block;color:var(--navy-d);font-size:15px}
.cmpx thead small{color:var(--muted);font-weight:700}
.cmpx .tag{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;background:var(--navy-d);color:#fff;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 8px;border-radius:5px;white-space:nowrap}
.cmpx .tag svg{width:11px;height:11px;color:var(--gold)}
.cmpx .hl{background:#f5f8ff}
.cmpx tr.grp th{background:var(--ice);color:var(--navy-d);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:9px 16px;text-align:left}
.cmpx .yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e3f5ec;color:var(--ok);font-weight:800;font-size:12px}
.cmpx tr.ctarow td,.cmpx tr.ctarow th{border-bottom:0;padding-block:16px}
.cmpx td b{color:var(--navy-d)}
.cmpx td .btn{white-space:nowrap}
.swipehint{display:none;font-size:12.5px;font-weight:700;color:var(--muted);padding:10px 16px 0}
@media(max-width:760px){
  .swipehint{display:block}
  .cmpx table{min-width:520px;font-size:13px}
  .cmpx th,.cmpx td{padding:10px 10px}
  .cmpx tbody th,.cmpx thead th.corner{min-width:128px;max-width:128px;box-shadow:1px 0 0 var(--line)}
  .cmpx thead th{min-width:130px}
  .cmpx .thimg,.cmpx .thimg svg{height:72px}
  .cmpx thead b{font-size:13.5px}
}
.cmptitle{font-size:22px;color:var(--navy-d);margin-bottom:12px}
.psec>.cmpx{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow)}

.ctgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start;margin-top:20px}
.lead h2,.partner h2{font-size:20px;color:var(--navy-d);margin-bottom:14px}
.partner{position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px)}
.partner .hint{margin:0 0 16px;font-size:14px}
label.f textarea{font:inherit;font-weight:600;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;resize:vertical}
label.f textarea:focus{border-color:var(--navy-2);outline:none;box-shadow:0 0 0 3px rgba(18,58,140,.15)}
.done{text-align:center;padding:26px 10px;display:grid;gap:10px;justify-items:center}
.done b{font-size:19px;color:var(--navy-d)}
.done .hint{max-width:46ch;margin:0}
.yes.big{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e3f5ec;color:var(--ok);font-weight:800;font-size:24px}
@media(max-width:860px){.ctgrid{grid-template-columns:1fr}.partner{position:static}}
@media(max-width:760px){label.f textarea{font-size:16px}}

.pframe{display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%;width:100%}
.pframe .pimg{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;max-width:none}
.pframe svg{height:100%;width:auto}
.prod .img .pframe{height:200px}
.gallery .main .pframe{height:320px}
.thumbs .pframe{height:52px}
.qimg{height:110px;display:flex;justify-content:center}
.qimg svg{height:110px;width:auto}
.qimg .pframe{height:110px;width:120px}
.cimg{flex:none;display:flex}
.cimg svg{height:56px;width:auto}
.cimg .pframe{height:56px;width:48px}
.eqimg{flex:none;display:flex}
.eqimg svg{height:90px;width:auto}
.eqimg .pframe{height:90px;width:76px}
.cmpx .thimg .pframe{height:96px;width:120px}
.mimg .pframe{height:300px}
@media(max-width:760px){.prod .img .pframe{height:180px}.gallery .main .pframe{height:240px}.cmpx .thimg .pframe{height:72px;width:90px}}
@media(max-width:860px){.mimg .pframe{height:220px}}
/* Painel do administrador */
.admhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.admtop{display:flex;gap:10px;align-items:center}
.pill-warn{font-size:12px;font-weight:800;background:#fff8e1;color:#6a5100;border:1px solid #f0c94a;padding:4px 10px;border-radius:999px}
.adm{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start;margin-top:18px}
.admnav{display:grid;gap:2px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:10px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 88px)}
.admnav button{background:none;border:0;text-align:left;padding:9px 12px;border-radius:10px;font-weight:700;color:var(--navy-d);font-size:14px}
.admnav button:hover{background:var(--ice)}
.admnav button.on{background:var(--navy-d);color:#fff}
.admbody h2{font-size:20px;color:var(--navy-d);margin-bottom:8px}
.admbody>.hint,.admbody>p{margin:0 0 14px}
.admbody .grid2{margin-top:10px}
.admbox{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px 16px;margin:0 0 16px}
.admbox legend{font-weight:800;color:var(--navy-d);padding:0 6px}
.admbody textarea,.admta{font:inherit;font-weight:600;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;resize:vertical;color:var(--ink);background:#fff}
.imgf{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:end}
.prev{height:96px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;background:var(--ice);padding:6px;text-align:center;font-size:11.5px;overflow:hidden}
.prev img{max-height:84px;max-width:100%;object-fit:contain}
.prev.dark{background:var(--navy-d)}
.prev.dark .hint{color:#c9d6f5}
.admsave{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-end;margin-top:18px}
.admsave .btn{box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.faqrow{display:grid;grid-template-columns:170px 1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.faqrow input{font:inherit;font-weight:600;border:1.5px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}
.faqrow textarea{grid-column:1/-1}
.admh3{font-size:16px;color:var(--navy-d);margin:22px 0 8px}
.tbl select{font:inherit;font-size:13px;border:1.5px solid var(--line);border-radius:8px;padding:6px}
@media(max-width:860px){
  .adm{grid-template-columns:1fr}
  .admnav{position:static;display:flex;overflow-x:auto;scrollbar-width:none}
  .admnav button{flex:none}
  .imgf,.logoprev{grid-template-columns:1fr}
  .faqrow{grid-template-columns:1fr}
}

/* Telas do fluxo */
.flow{padding-block:30px 50px}
.steps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
.steps span{font-size:12.5px;font-weight:800;color:var(--muted);background:#fff;border:1px solid var(--line);padding:5px 12px;border-radius:999px}
.steps span.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.steps span.done{background:#e3f5ec;color:var(--ok);border-color:#bfe6d0}
.panel{background:var(--card);border:0;border-radius:var(--r-lg);padding:26px;max-width:720px;margin:0 auto;box-shadow:var(--shadow)}
.panel h2{color:var(--navy);font-size:26px;font-weight:600}
.panel .sub{color:var(--muted);margin:6px 0 18px}
.chosen{display:flex;align-items:center;gap:14px;background:var(--ice);border-radius:12px;padding:10px 14px;margin-bottom:18px}
.chosen svg{height:56px;width:auto}
.chosen b{color:var(--navy-d)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.grid2{grid-template-columns:1fr}.panel{padding:18px}}
.full{grid-column:1/-1}
label.f{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:800;color:var(--navy-d);min-width:0}
label.f input,label.f select{font:inherit;font-weight:600;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;color:var(--ink);width:100%}
label.f input:focus{border-color:var(--navy-2);outline:none;box-shadow:0 0 0 3px rgba(18,58,140,.15)}
label.f input[readonly]{background:var(--ice)}
.hint{font-size:12px;font-weight:600;color:var(--muted)}
.err{font-size:12.5px;font-weight:700;color:var(--err)}
.okmsg{font-size:12.5px;font-weight:700;color:var(--ok)}
.row{display:flex;gap:10px;align-items:flex-end}
.row>label{flex:1}
.btn{border:0;border-radius:999px;padding:12px 22px;transition:filter .15s,transform .1s;font-weight:800;background:var(--navy);color:#fff}
.btn.gold{background:var(--gold);color:var(--navy-d)}
.btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:scale(.98)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.actions{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-top:22px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin-top:12px}
.check input{margin-top:3px;width:18px;height:18px;flex:none}
.notice{background:#fff8e1;border:1px solid #f5dc8a;border-radius:10px;padding:10px 12px;font-size:12.5px;color:#6a5100;margin-top:14px}
.found{border:1.5px solid #bfe6d0;background:#f2fbf6;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:13.5px}
.found dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 0}
.found dt{font-weight:800;color:var(--muted)}
.found dd{margin:0;min-width:0;overflow-wrap:anywhere}
.meter{height:6px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:6px}
.meter i{display:block;height:100%;width:0;transition:width .2s}

.contract{border:1.5px solid var(--line);border-radius:12px;height:380px;overflow:auto;padding:18px 20px;background:#fbfcff;font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:1.6}
.contract h3{font-family:Georgia,serif;text-align:center;font-size:16px;margin-bottom:10px}
.contract h4{font-size:14px;margin:14px 0 4px}
.contract p{margin:0 0 8px}
.contract p.obs{background:#fff6d6;border:1.5px solid #f0c94a;border-radius:12px;padding:10px 12px;font-family:var(--f-body);font-size:13.5px;font-weight:700;color:#5a4300}
.scrollhint{font-size:12px;color:var(--warn);font-weight:700;margin-top:6px}

/* Rastreio */
.app{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
@media(max-width:820px){.app{grid-template-columns:1fr}}
.card{background:var(--card);border:0;box-shadow:var(--shadow);border-radius:var(--r-lg);padding:18px;min-width:0}
.card h3{font-size:17px;color:var(--navy);font-weight:600;margin-bottom:10px}
.status{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;padding:5px 12px;border-radius:999px;background:#e8efff;color:var(--navy-2)}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.tl{list-style:none;padding:0;margin:0;display:grid;gap:0}
.tl li{display:grid;grid-template-columns:24px 1fr;gap:10px;padding-bottom:14px;position:relative}
.tl li::before{content:"";position:absolute;left:11px;top:22px;bottom:0;width:2px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl .dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}
.tl li.done .dot{background:var(--ok);border-color:var(--ok)}
.tl li.now .dot{background:var(--gold);border-color:var(--gold-d)}
.tl b{display:block;font-size:14px}
.tl small{color:var(--muted);font-size:12px}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kv div{background:var(--ice);border-radius:14px;padding:10px 12px}
.kv small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800}
.kv b{font-variant-numeric:tabular-nums;font-size:16px;color:var(--navy-d);overflow-wrap:anywhere}
.mapbox svg{width:100%;height:auto;display:block;border-radius:12px}

/* Modais / cookies / toast */
.overlay{position:fixed;inset:0;background:rgba(6,26,71,.55);display:grid;place-items:center;z-index:80;padding:16px}
.modal{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:28px;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);max-height:90vh;overflow:auto}
.modal.wide{max-width:640px;text-align:left}
.modal h3{color:var(--navy);font-weight:600;font-size:24px;margin-bottom:6px}
.modal .two{display:flex;gap:10px;justify-content:center;margin-top:18px}
.modal .two .btn{min-width:120px}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-radius:12px 22px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.cookie .in{max-width:1080px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cookie p{flex:1 1 360px;margin:0;font-size:13.5px}
.cookie .bt{display:flex;gap:8px;flex-wrap:wrap}
.pref{display:grid;gap:10px;margin-top:12px}
.pref label{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--ice);padding:10px 12px;border-radius:10px;font-size:13.5px}
.pref label span small{display:block;color:var(--muted);font-size:12px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy-d);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px;z-index:90}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Página do painel (/admin) */
body.admin-mode nav.main,body.admin-mode .burger,body.admin-mode footer{display:none!important}
.admlink{margin-left:auto;color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3)}
.admlink:hover{background:rgba(255,255,255,.08)}
.loginpage{min-height:calc(100vh - 140px);display:grid;align-items:center}
body.admin-mode main{display:block}

/* Reguladores de imagem no painel */
.imgf{grid-template-columns:1fr 170px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.imgf:last-child{border-bottom:0}
.imgf-l{display:grid;gap:10px;min-width:0}
.rgs{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end}
.rg{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:0}
.rg b{color:var(--navy-d);font-variant-numeric:tabular-nums}
.rg input{width:100%;accent-color:var(--navy-2)}
.rg input:disabled{opacity:.4}
.prev{height:150px;padding:0}
.prev .pframe{height:100%;width:100%}
.prev.logo{height:auto;min-height:160px;padding:0}
.lbar{width:100%;height:160px;display:flex;align-items:center;padding:0 12px;overflow:hidden}
.lbar img{width:auto;max-width:none;object-fit:contain}
.photos{border:1px solid var(--line);border-radius:var(--r-md);padding:4px 14px}
.photos>summary{cursor:pointer;font-weight:800;color:var(--navy-d);padding:10px 0}
@media(max-width:860px){.imgf{grid-template-columns:1fr}.rgs{grid-template-columns:1fr 1fr 1fr}.rgs .rgreset{grid-column:1/-1}.prev{height:170px}}
.prev .pframe .pimg,.lbar img{max-height:none}

/* Remoção de fundo */
.pframe .pimg.nobg{mix-blend-mode:multiply}
.prev .pframe{background:var(--ice)}
.bgnote{margin-top:6px;font-size:12px;line-height:1.35}
.check.sm{margin-top:2px;font-size:13px}
.check.sm input{width:16px;height:16px}
.admsave{align-items:center;gap:12px}
.admsave .hint{background:#fff;border-radius:8px;padding:4px 8px}
.draftbar{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 76px);transform:translateX(-50%);z-index:55;background:#fff8e1;border:1px solid #f0c94a;color:#5a4300;font-size:13px;padding:8px 14px;border-radius:999px;box-shadow:0 6px 18px -8px rgba(0,0,0,.3);max-width:calc(100% - 32px);text-align:center}

/* Carrossel de apresentação */
.showcase{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.sctrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sctrack::-webkit-scrollbar{display:none}
.scslide{flex:0 0 100%;scroll-snap-align:start;margin:0;position:relative;height:420px;display:flex;align-items:center;justify-content:center;background:var(--ice)}
.scslide img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}
.scslide figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 44px;background:linear-gradient(transparent,rgba(6,26,71,.82));color:#fff;display:grid;gap:4px}
.scslide figcaption b{font-size:20px;font-family:var(--f-display)}
.scslide figcaption span{font-size:14.5px;color:#dbe5ff;max-width:60ch}
.scnav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--navy-d);font-size:24px;font-weight:800;line-height:1;box-shadow:var(--shadow)}
.scnav.prev{left:12px}.scnav.next{right:12px}
.scdots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:7px}
.scdots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(6,26,71,.2);transition:width .25s}
.scdots button.on{width:24px;background:var(--gold)}
@media(max-width:760px){.scslide{height:260px}.scnav{display:none}.scslide figcaption{padding:28px 16px 36px}.scslide figcaption b{font-size:17px}}
/* Painel: linhas do carrossel */
.carrow{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.carprev{height:110px;border-radius:10px;background:var(--ice);border:1px dashed var(--line);display:grid;place-items:center;overflow:hidden}
.carprev img{width:100%;height:100%;object-fit:contain;display:none}
.carprev.has img{display:block}.carprev.has .hint{display:none}
.carprev.bad img{display:none}.carprev.bad::after{content:"Link não carregou";font-size:11.5px;color:var(--err);font-weight:700;text-align:center;padding:6px}
.carf{display:grid;gap:10px;min-width:0}
.carf .grid2{margin-top:0}
.carbt{display:flex;flex-direction:column;gap:6px}
.pill-ok{font-size:12px;font-weight:800;background:#e3f5ec;color:var(--ok);border:1px solid #bfe6d0;padding:4px 10px;border-radius:999px}
button.pill-warn{cursor:pointer;font-family:inherit}
@media(max-width:760px){.carrow{grid-template-columns:1fr}.carbt{flex-direction:row}}

/* Logo: área maior no painel */
.imgf[data-kind="logo"]{grid-template-columns:1fr 340px}
@media(max-width:860px){.imgf[data-kind="logo"]{grid-template-columns:1fr}}

/* Selo no painel */
.badgerow{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.badgeprev{min-width:170px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--ice);border-radius:10px;padding:0 10px}
label.f select{appearance:auto}
@media(max-width:760px){.badgerow{grid-template-columns:1fr}.badgeprev{justify-content:flex-start}}
.mimg{overflow:hidden}
.badge{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}

#s-galeria{padding-top:8px}
.logo:empty{min-width:1px}

/* Carrossel: ajustes de zoom e posição */
.scslide{overflow:hidden}
.scslide img{transform-origin:center}
.carprev .pframe{width:100%;height:100%}
.carprev img{transform-origin:center}
.carf .rgs{margin-top:2px}
.carprev:not(.has) .pframe,.carprev.bad .pframe{display:none}

/* Selos no padrão de marketplace: etiqueta colada no canto da foto */
.prod .img,.mimg{position:relative}
.badge{top:0;left:0;gap:5px;font-size:10.5px;letter-spacing:.06em;padding:7px 16px 7px 10px;border-radius:var(--r-md) 0 0 0;box-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.prod .badge{top:10px;left:10px}
.mimg .badge{top:0;left:0}
.badge.padrao{background:var(--navy-2);color:#fff}
.badge.padrao svg{color:#fff}
.badge.destaque{background:#f26a1b;color:#fff;box-shadow:none}
.badge.destaque svg{color:#fff}
.badge.static{border-radius:4px 0 0 4px}
.cmpx .tag{background:#f26a1b}
.cmpx .tag svg{color:#fff}

/* Carrossel menor, em formato de faixa (flyer) */
#s-galeria .wrap{max-width:980px}
.showcase{border-radius:14px}
.scslide{height:240px}
.scslide figcaption{padding:24px 20px 30px}
.scslide figcaption b{font-size:17px}
.scslide figcaption span{font-size:13px}
.scnav{width:34px;height:34px;font-size:20px}
.scdots{bottom:10px}
@media(max-width:760px){.scslide{height:170px}.scslide figcaption{padding:18px 14px 26px}.scslide figcaption b{font-size:15px}.scslide figcaption span{display:none}}

/* Carrossel: fotos preenchendo a faixa */
.scslide img{object-fit:cover}
/* Vídeos de anúncio */
#s-videos{padding-top:8px}
#s-videos .wrap{max-width:980px}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vgrid.one{grid-template-columns:1fr;max-width:720px;margin:0 auto}
.vcard{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.vcard iframe,.vplay{display:block;width:100%;aspect-ratio:16/9;border:0}
.vplay{position:relative;background:#0b1530 center/cover no-repeat;cursor:pointer;padding:0}
.vplay::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(6,26,71,.45))}
.vbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:46px;border-radius:12px;background:#e62117;color:#fff;display:grid;place-items:center;z-index:1;transition:transform .15s}
.vbtn svg{width:26px;height:26px}
.vplay:hover .vbtn{transform:translate(-50%,-50%) scale(1.08)}
.vcard figcaption{padding:10px 14px;font-weight:700;color:var(--navy-d);font-size:14px}
@media(max-width:760px){.vgrid{grid-template-columns:1fr}}
.vrow{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.vprev{aspect-ratio:16/9;border-radius:10px;background:var(--ice) center/cover no-repeat;border:1px dashed var(--line)}
.vprev.has{border-style:solid}
@media(max-width:760px){.vrow{grid-template-columns:1fr}}

/* Selos menores e com espaço próprio acima da foto */
.badge{font-size:9.5px;letter-spacing:.05em;gap:4px;padding:4px 12px 4px 7px;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%)}
.badge svg{width:9px;height:9px}
.prod .img{padding-top:34px}
.mimg{padding-top:44px}
.cmpx .tag{font-size:9px;padding:3px 7px}

/* Carrossel discreto */
#s-galeria .wrap{max-width:860px}
.showcase{box-shadow:0 0 0 1px var(--line);border-radius:12px}
.scslide{height:180px}
.scslide figcaption{padding:16px 16px 22px;background:linear-gradient(transparent,rgba(6,26,71,.6))}
.scslide figcaption b{font-size:14px}
.scslide figcaption span{font-size:12px}
.scnav{display:none}
.scdots{bottom:8px}
.scdots button{width:6px;height:6px}
.scdots button.on{width:16px}
@media(max-width:760px){.scslide{height:130px}}
/* Vídeos tocando sem som */
.vplay{cursor:default}
.vplay::after{display:none}

/* Carrossel: faixa baixa e esticada na largura da vitrine (formato de fly) */
#s-galeria .wrap{max-width:1080px}
.scslide{height:auto;aspect-ratio:6/1}
@media(max-width:760px){.scslide{height:auto;aspect-ratio:3/1}}
/* Prévias do carrossel no painel, no mesmo formato da faixa */
.carrow{grid-template-columns:1fr auto}
.carprevs{grid-column:1/-1;display:grid;grid-template-columns:3fr 1fr;gap:12px;align-items:end}
.carprevs .pvlab{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px}
.carprev{height:auto;border-radius:8px}
.carprev.desk{aspect-ratio:6/1}
.carprev.mob{aspect-ratio:3/1}
.carprev .pframe img,.carprev img{object-fit:cover}
@media(max-width:760px){.carprevs{grid-template-columns:1fr}.carrow{grid-template-columns:1fr}}
/* Vídeos: um player só, em sequência */
.vsolo{max-width:760px;margin:0 auto}
.vsep{margin:0 8px;color:var(--muted)}

/* ===== Ajustes finos para celular ===== */
.mobonly{display:none}
@media(max-width:760px){
  .mobonly{display:flex;margin-top:14px}
  /* rodapé organizado */
  .frow{align-items:stretch}
  .flinks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
  .flinks button,.flinks button:first-child{border:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14);padding:10px 6px;border-radius:10px;text-align:center;background:rgba(255,255,255,.06);min-height:42px}
  .soc{justify-content:center;width:100%}
  .flegal{justify-content:center;text-align:center;gap:10px 16px}
  .flegal button{padding:4px 0;min-height:32px}
  /* pontos dos carrosséis com área de toque maior */
  .cdots{gap:2px}
  .cdots button{width:24px;height:24px;background:transparent;position:relative}
  .cdots button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:999px;background:#c3cfe6;transition:width .25s}
  .cdots button.on{width:34px;background:transparent}
  .cdots button.on::before{width:24px;background:var(--navy-2)}
  /* vídeo e faixa ocupando a largura */
  #s-videos{padding-top:4px}
  .vcard{border-radius:12px}
  .vcard figcaption{font-size:13.5px;padding:9px 12px}
  /* página do produto */
  .crumb{font-size:12.5px}
  .pinfo table td{padding:8px 10px}
  /* textos e espaçamentos */
  section.block{padding-block:18px 4px}
  .page{padding-block:12px 6px}
}

/* Carrossel na medida 1680 × 580 (84:29) em todas as telas; fundo transparente usa o fundo do site */
.scslide,.scslide:is(*){aspect-ratio:84/29;height:auto}
@media(max-width:760px){.scslide{aspect-ratio:84/29;height:auto}}
.scslide{background:var(--ice)}
.showcase{background:var(--ice)}
.carprev.desk,.carprev.mob{aspect-ratio:84/29}
.carprevs{grid-template-columns:2fr 1fr}
.carprev{background:var(--ice)}
/* Logo do rodapé */
.flogo{display:flex;align-items:center;min-height:40px;overflow:hidden;max-width:260px}
.flogo img{width:auto;max-width:260px;object-fit:contain;display:block}
@media(max-width:760px){.flogo{justify-content:center;max-width:none;width:100%}.flogo img{max-height:56px}}
/* Página Modelos: grade completa, inclusive no celular */
@media(max-width:760px){
  .products.allmodels{display:grid;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding:6px 0 0}
  .products.allmodels>.prod{flex:none}
}

/* Vídeo discreto: player pequeno abaixo do carrossel, no canto direito */
#s-videos{padding-top:12px}
#s-videos .wrap{max-width:1080px;display:flex;justify-content:flex-end}
.vsolo{width:340px;max-width:100%;margin:0;border-radius:12px;box-shadow:0 0 0 1px var(--line),0 8px 20px -14px rgba(6,26,71,.4)}
.vsolo figcaption{font-size:12.5px;padding:7px 12px;color:var(--muted);font-weight:700}
@media(max-width:760px){.vsolo{width:68%}}

/* Vídeo maior e mais visível, ainda no canto direito abaixo do carrossel */
.vsolo{width:560px;box-shadow:0 0 0 1px var(--line),0 14px 30px -16px rgba(6,26,71,.5)}
.vsolo figcaption{font-size:14px;color:var(--navy-d);padding:9px 14px}
@media(max-width:760px){.vsolo{width:100%}}

/* Animação discreta no "Solicitar agora": brilho suave passando a cada poucos segundos */
.prod .btn.gold,#buyNow,#buyNowM,.mact .btn.gold{position:relative;overflow:hidden;isolation:isolate}
.prod .btn.gold::after,#buyNow::after,#buyNowM::after,.mact .btn.gold::after{
  content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);animation:ctaShine 5s ease-in-out infinite}
.prod .btn.gold:hover,#buyNow:hover,#buyNowM:hover,.mact .btn.gold:hover{transform:translateY(-1px);box-shadow:0 6px 14px -8px rgba(240,165,0,.9)}
@keyframes ctaShine{0%,70%{left:-40%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.prod .btn.gold::after,#buyNow::after,#buyNowM::after,.mact .btn.gold::after{animation:none;display:none}}

/* Parceiros: marcas coloridas */
.mk{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.mk.verde{background:#1a9c5b}.mk.amarelo{background:#e8b100}.mk.vermelho{background:#d23b3b}
.mklegend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted);font-weight:700;margin:4px 0 14px}
.ptools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.ptools .ftabs{margin:0}
.ftabs.pf button b{font-variant-numeric:tabular-nums;opacity:.7;margin-left:2px}
.pact{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pact .check{margin:0}
.btn.danger{color:var(--err);border-color:#f0c6c6}
.btn.danger.arm{background:var(--err);color:#fff;border-color:var(--err)}
.btn.danger:disabled{opacity:.45}
.ptable td{vertical-align:middle}
.ptable tr{box-shadow:inset 4px 0 0 transparent}
.ptable tr.pm-verde{box-shadow:inset 4px 0 0 #1a9c5b;background:#f3fbf6}
.ptable tr.pm-amarelo{box-shadow:inset 4px 0 0 #e8b100;background:#fffbea}
.ptable tr.pm-vermelho{box-shadow:inset 4px 0 0 #d23b3b;background:#fdf3f3}
.mkset{display:flex;gap:6px}
.mkb{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;opacity:.35;padding:0}
.mkb.verde{background:#1a9c5b}.mkb.amarelo{background:#e8b100}.mkb.vermelho{background:#d23b3b}
.mkb.on{opacity:1;box-shadow:0 0 0 2px var(--navy-d)}
.mkb:hover{opacity:.8}
.pbt{white-space:nowrap}
.pbt .btn+.btn{margin-left:6px}
.ptable input[type=checkbox]{width:18px;height:18px}
.ptable{min-width:1040px}
.ptable td:nth-child(4),.ptable td:nth-child(6){white-space:nowrap}
.ptable td:nth-child(3){min-width:220px}
.ptable th,.ptable td{padding:10px 12px}

/* Pop-up do código de liberação */
.codemodal{max-width:460px}
.cmic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff6d6;color:#b07a00;margin-bottom:8px}
.cmic svg{width:28px;height:28px}
.cmlab{margin:16px 0 4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tempbox.big{font-size:26px;letter-spacing:.14em;justify-content:center;gap:16px;padding:14px}
/* Painel: liberação */
.libbox{display:grid;grid-template-columns:1fr 200px auto;gap:10px 12px;align-items:center;background:#fff8e1;border:1px solid #f0c94a;border-radius:var(--r-md);padding:14px 16px;margin:6px 0 14px}
.libbox>div:first-child>b{display:block;color:var(--navy-d)}
.libbox input{font:inherit;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;min-width:0}
.libbox .full{grid-column:1/-1}
.libbox #libMsg:empty{display:none}
@media(max-width:760px){.libbox{grid-template-columns:1fr}}
.st{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;margin-bottom:6px;white-space:nowrap}
.st.ok{background:#e3f5ec;color:var(--ok)}
.st.wait{background:#fff6d6;color:#8a6200}
.lk{background:none;border:0;padding:2px 0;color:var(--navy-2);font-weight:700;font-size:12px;text-decoration:underline;cursor:pointer}
.pcode{display:inline-block;margin-top:4px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.06em;color:var(--navy-d);background:var(--ice);padding:2px 6px;border-radius:5px}
.pcode.used{text-decoration:line-through;opacity:.6}
.ptable{min-width:1180px}

/* Escolha da voltagem */
.qstep{margin:4px 0 2px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.vchoice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.vopt{display:grid;gap:2px;justify-items:center;padding:16px 10px;border-radius:14px;border:2px solid var(--line);background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.vopt b{font-family:var(--f-display);font-size:24px;color:var(--navy-d);letter-spacing:-.3px}
.vopt span{font-size:12px;color:var(--muted);font-weight:700}
.vopt:hover{border-color:var(--navy-2);background:#f5f8ff}
.vopt:active{transform:scale(.98)}

/* Escolha do representante */
.repset{border:0;padding:0;margin:6px 0 0}
.repset legend{font-weight:800;color:var(--navy-d);font-size:14px;margin-bottom:10px}
.repgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.repopt{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border:2px solid var(--line);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.repopt input{position:absolute;opacity:0;pointer-events:none}
.repopt:hover{border-color:#b9c8e6}
.repopt:has(input:checked){border-color:var(--navy-2);background:#f2f6ff}
.repopt:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.repav{width:38px;height:38px;border-radius:50%;background:var(--navy-d);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.repav.none{background:var(--ice);color:var(--muted)}
.repopt b{display:block;font-size:14px;color:var(--navy-d)}
.repopt small{display:block;font-size:12px;color:var(--muted)}
/* WhatsApp no pop-up */
.btn.wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#1fa855;color:#fff;margin-top:12px;text-decoration:none}
.btn.wa svg{width:20px;height:20px}
/* Painel */
.reptag{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:700;color:var(--navy-2);background:#eef3ff;padding:2px 7px;border-radius:5px}
.repflt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}
.repflt select{font:inherit;font-weight:700;border:1.5px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--navy-d)}

/* Login dos representantes */
.replogin{border-top:1px dashed var(--line);padding-top:12px;margin-top:4px;display:grid;gap:8px}
.rlhead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rlhead b{color:var(--navy-d);font-size:14px}
.rlst{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--ice);color:var(--muted)}
.rlst.on{background:#e3f5ec;color:var(--ok)}
.rlst.off{background:#fdecec;color:var(--err)}
.rlrow{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.rlbt{display:flex;gap:6px;flex-wrap:wrap}
.rlmsg:empty{display:none}
@media(max-width:760px){.rlrow{grid-template-columns:1fr}}

.modal.ficha{max-width:620px}
.fsit{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:10px 0}
.fsit label{display:flex;gap:8px;align-items:center;font-size:.9rem}
.ftab{width:100%;border-collapse:collapse;font-size:.9rem;margin:6px 0 12px}
.ftab th{text-align:left;font-weight:600;color:#5b6475;padding:6px 10px 6px 0;width:34%;vertical-align:top}
.ftab td{text-align:left;padding:6px 0;border-bottom:1px solid #eef0f4;word-break:break-word}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}

.f input.locked{background:#f3f5f9;color:#3b4456;border-style:dashed;cursor:not-allowed}
.f input.locked:focus{box-shadow:none;outline:none}
.lockhint{margin:10px 0 0}

/* Visão geral do painel */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0 6px}
.kpi{background:#f6f8fc;border:1px solid #e6eaf2;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.kpi b{font-size:1.6rem;line-height:1.1;color:#0a2a6b}
.kpi span{font-size:.82rem;color:#5b6475}
.kpi.ok b{color:#14804a}.kpi.wait b{color:#b7791f}
.ovh{font-size:1rem;margin:22px 0 8px;color:#0a2a6b}
.ovlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.ovlist li{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;padding:6px 0;border-bottom:1px solid #eef0f4}
.ovdt{color:#5b6475;font-size:.8rem;min-width:118px;font-variant-numeric:tabular-nums}
.ovt td,.ovt th{text-align:left}
.rsg{display:inline-block;margin-top:4px;font-size:.78rem;color:#8a5a00;line-height:1.35}
.rsg.ok{color:#14804a}
.fhist{margin:0 0 12px;font-size:.9rem}.fhist summary{cursor:pointer;font-weight:600;color:#0a2a6b;margin-bottom:6px}

.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 14px}
.stages button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid #e1e6ef;background:#f6f8fc;cursor:pointer;text-align:left;font:inherit;color:#0a2a6b}
.stages button b{font-size:1.4rem;line-height:1.1}
.stages button span{font-size:.82rem;color:#5b6475}
.stages button.on{background:#0a2a6b;border-color:#0a2a6b;color:#fff}
.stages button.on span{color:#dfe6f5}
@media(max-width:560px){.stages{grid-template-columns:1fr}.stages button{flex-direction:row;align-items:center;gap:10px}}

/* Ficha do representante: seções extras */
.fsec{border-top:1px solid #eef0f4;padding:12px 0 6px;margin-top:4px}
.fsec h4{margin:0 0 6px;font-size:.95rem;color:#0a2a6b}
.fsec .grid2{margin:8px 0}
.trk{margin-top:10px}
/* Painel do cliente */
.pedido{margin-bottom:26px}
.pedhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.pedhead h3{margin:0 0 2px;font-size:1.15rem}
.status.wait{background:#fff4d6;color:#8a5a00}.status.go{background:#e6eefc;color:#0a2a6b}.status.ok{background:#e3f5ec;color:#14804a}
.live{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.92rem}
.ldot{width:10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:lpulse 1.8s infinite}
.live.end .ldot{animation:none;background:#14804a}
@keyframes lpulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@media (prefers-reduced-motion:reduce){.ldot{animation:none}}
.tl li.done{text-align:left;padding:0 0 14px;display:grid;gap:10px;justify-items:stretch}
.pedido{max-width:960px;margin:0 auto 26px}
.ovlist.trk li{flex-wrap:nowrap}
.ovlist.trk .ovdt{flex:0 0 96px;min-width:0}
.ovlist.trk{margin:10px 0 16px}
.modal.ficha{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;text-align:left}
.modal.ficha h3,.modal.ficha>p.hint{text-align:center}
/* Área restrita: versão para celular (admin e representante) */
.livrebox{min-height:42vh;display:grid;place-content:center;text-align:center}
@media(max-width:860px){
  .admnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:5;padding:6px;gap:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .admnav button{scroll-snap-align:start;padding:9px 14px;white-space:nowrap}
  .admbody.pcard{padding:18px 16px}
}
@media(max-width:760px){
  .admhead{flex-direction:column;align-items:flex-start;gap:10px}
  .admtop{width:100%;justify-content:space-between;flex-wrap:wrap}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi{padding:12px}
  .kpi b{font-size:1.35rem}
  .ptools{flex-direction:column;align-items:stretch;gap:10px}
  .ptools .ftabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .ptools .pact{flex-wrap:wrap}
  .tbl{overflow:visible;border:0;margin-top:6px}
  .ptable,.ptable.ovt{min-width:0!important;width:100%}
  .ptable thead{display:none}
  .ptable,.ptable tbody,.ptable tr{display:block;width:100%}
  .ptable tr{background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:10px 14px;box-shadow:none}
  .ptable tr[class^="pm-"]{border-left-width:5px}
  .ptable tr.pm-verde{border-left-color:#16a34a}.ptable tr.pm-amarelo{border-left-color:#eab308}.ptable tr.pm-vermelho{border-left-color:#dc2626}
  .ptable td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border:0;border-bottom:1px solid #f0f2f6;text-align:left;word-break:break-word}
  .ptable td:last-child{border-bottom:0}
  .ptable td::before{content:attr(data-l);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding-top:2px}
  .ptable td:not([data-l]){grid-template-columns:1fr}
  .ptable td:not([data-l])::before{display:none}
  .ptable td.pbt{display:flex;flex-wrap:wrap;gap:8px}
  .ptable td[colspan]{display:block}
  .ovlist li{flex-direction:column;gap:2px}
  .modal.ficha{padding:20px 16px;border-radius:14px}
  .ftab th{width:38%}
  .fsit{justify-content:space-between}
}
.tdv{min-width:0}
@media(max-width:860px){.adm{grid-template-columns:minmax(0,1fr)}.admbody{min-width:0}}
@media(max-width:760px){
  .ptools,.ptools>*{min-width:0;max-width:100%}
  .ptools .ftabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ptools .ftabs button{flex:none}
  .stages{min-width:0}
}

/* Botão de login do cliente no cabeçalho */
.hlogin{order:5;display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:8px;background:var(--gold);color:var(--navy-d);border:0;border-radius:999px;padding:9px 18px 9px 14px;font-weight:800;font-size:14px;line-height:1;box-shadow:0 6px 16px -8px rgba(255,194,26,.7);transition:transform .15s,box-shadow .15s,background .15s}
.hlogin svg{width:18px;height:18px}
.hlogin:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(255,194,26,.85)}
.hlogin:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hlogin.on{background:#fff}
nav.main{order:4}
body.admin-mode .hlogin{display:none!important}
@media(max-width:760px){
  .hlogin{order:0;margin-left:auto;padding:8px 12px 8px 10px;font-size:13px}
  .burger{margin-left:8px}
}
@media(max-width:360px){.hlogin span{display:none}.hlogin{padding:9px}}

/* Gestão de leads (padrão CRM) */
.crm{margin:4px 0 10px;display:grid;gap:10px;min-width:0}
.funil{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.funil button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid #e1e6ef;background:#fff;border-radius:12px;padding:8px 10px;font:inherit;cursor:pointer;text-align:left;position:relative;overflow:hidden}
.funil button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#dfe6f5}
.funil button:nth-child(2)::after{background:#93c5fd}.funil button:nth-child(3)::after{background:#60a5fa}.funil button:nth-child(4)::after{background:#f59e0b}.funil button:nth-child(5)::after{background:#16a34a}
.funil b{font-size:1.15rem;color:#0a2a6b;line-height:1.1}
.funil span{font-size:.74rem;color:#5b6475;line-height:1.2}
.funil button.on{border-color:#0a2a6b;box-shadow:0 0 0 2px #0a2a6b inset}
.crmbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crmq{flex:1 1 280px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;min-width:0}
.crmq svg{width:16px;height:16px;color:#5b6475;flex:none}
.crmq input{border:0;outline:0;padding:9px 0;font:inherit;font-size:14px;width:100%;min-width:0;background:none}
.crmq:focus-within{border-color:#0a2a6b}
.crmbar select{font:inherit;font-size:13px;border:1.5px solid var(--line);border-radius:10px;padding:8px;background:#fff}
.crmbar .btn.on{background:#0a2a6b;color:#fff;border-color:#0a2a6b}
.crmbar .cnt{display:inline-block;background:#dc2626;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px;margin-left:4px}
.crmres{margin:0}
.fu{display:inline-block;margin-top:4px;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#eef2fb;color:#0a2a6b}
.fu.today{background:#fff4d6;color:#8a5a00}.fu.late{background:#fde2e2;color:#b42318}
.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 0 4px}
.notas{margin-top:10px}
@media(max-width:760px){
  .funil{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none}
  .crmbar select,.crmbar .btn{flex:1 1 auto}
}

/* Visitantes ao vivo (visão geral) */
.livebox{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;border:1px solid #d6e9dc;background:#f2fbf5;border-radius:14px;padding:12px 16px;margin:12px 0 4px}
.livebox .lvmain{display:flex;flex-direction:column}
.livebox .lvnums{display:flex;gap:18px;margin-left:auto}
.livebox .lvnums div{display:flex;flex-direction:column;align-items:flex-end}
.livebox .lvnums b{font-size:1.5rem;color:#14804a;line-height:1}
.livebox .lvnums span{font-size:.75rem;color:#5b6475}
.livebox .lvpg{flex-basis:100%}
.ldot.off{background:#9aa3b2;animation:none}
@media(max-width:560px){.livebox .lvnums{margin-left:0;width:100%;justify-content:space-between}.livebox .lvnums div{align-items:flex-start}}
/* Lista de leads: vira cartões sempre que o espaço não comporta a tabela inteira */
.tbl{container-type:inline-size}
@container (max-width:880px){
  .ptable,.ptable.ovt{min-width:0!important;width:100%}
  .ptable thead{display:none}
  .ptable,.ptable tbody{display:block;width:100%}
  .ptable tbody{padding:10px}
  .ptable tr{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 12px;padding:10px 14px}
  .ptable tr[class^="pm-"]{border-left-width:5px}
  .ptable tr.pm-verde{border-left-color:#16a34a}.ptable tr.pm-amarelo{border-left-color:#eab308}.ptable tr.pm-vermelho{border-left-color:#dc2626}
  .ptable td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border:0;border-bottom:1px solid #f0f2f6;text-align:left;word-break:break-word}
  .ptable td::before{content:attr(data-l);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding-top:2px}
  .ptable td:not([data-l]){grid-template-columns:1fr}
  .ptable td:not([data-l])::before{display:none}
  .ptable td.pbt{display:flex;flex-wrap:wrap;gap:8px;border-bottom:0}
  .ptable td[colspan]{display:block}
}
@container (min-width:600px) and (max-width:880px){
  .ptable tr{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
  .ptable td:first-child,.ptable td.pbt,.ptable td[colspan]{grid-column:1/-1}
}

/* "Já sou cliente": versão discreta */
.hlogin{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none;font-weight:600;font-size:13.5px;padding:7px 14px 7px 11px;gap:7px}
.hlogin svg{width:16px;height:16px;opacity:.9}
.hlogin:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);transform:none;box-shadow:none}
.hlogin.on{background:rgba(255,255,255,.12);border-color:var(--gold)}
@media(max-width:760px){.hlogin{padding:6px 11px 6px 9px;font-size:12.5px}}

/* Página do link do cliente: download do aplicativo */
.appdl{display:grid;justify-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 0}
.appico{width:72px;height:72px;border-radius:20px;background:var(--navy-d);color:var(--gold);display:grid;place-items:center;box-shadow:0 14px 30px -16px rgba(6,26,71,.8)}
.appico svg{width:40px;height:40px}
.appdl h2{margin:4px 0 0}
.appdl .hint{margin:0}
.appdesc{text-align:left;width:100%;color:var(--ink,#1d2433);line-height:1.6}
.appdesc p{margin:0 0 10px}
.appbtn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:16px;margin-top:6px}
.appbtn svg{width:20px;height:20px}

/* Pop-up "Pedido em análise" */
.okmodal{max-width:420px;text-align:left;padding:24px}
.okhead{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.okhead h3{margin:0 0 2px;font-size:1.25rem}
.okhead p{margin:0;color:var(--muted);font-size:.95rem}
.okic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff6d6;color:#b07a00}
.okic svg{width:26px;height:26px}
.okprot{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f4f6fb;border:1px solid #e3e8f2;border-radius:14px;padding:12px 14px;margin-bottom:10px}
.okprot small,.okrep small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.okprot b{font-size:1.6rem;letter-spacing:.04em;color:var(--navy-d);font-variant-numeric:tabular-nums}
.okrep{display:flex;align-items:center;gap:12px;padding:10px 2px 12px}
.okrep b{font-size:1rem;color:var(--navy-d)}
.okav{flex:none;width:40px;height:40px;border-radius:50%;background:var(--navy-d);color:var(--gold);display:grid;place-items:center;font-weight:800}
.okmodal .btn.wa{display:flex;justify-content:center;align-items:center;gap:8px}
.okmodal .btn.wa svg{width:20px;height:20px}

/* Página do link do cliente (download do aplicativo) */
.apppage{max-width:960px;margin:0 auto;display:grid;gap:18px}
.apphero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy-d),#123a8c);color:#fff;border-radius:22px;padding:24px 26px;box-shadow:var(--shadow)}
.apphero .appico{background:#fff;color:var(--navy-d);width:76px;height:76px}
.apphero .appmeta{flex:1 1 220px;min-width:0}
.apphero h1{margin:2px 0;font-size:clamp(1.5rem,3vw,2.1rem);color:#fff}
.apphero .hint{color:#c9d6f2;margin:0}
.appkick{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.apphero .appbtn{margin:0}
.appgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.appgrid h2{font-size:1.1rem;margin:0 0 10px}
.appsteps{margin:0 0 10px;padding-left:20px;display:grid;gap:10px}
.appsteps b{display:block;color:var(--navy-d)}
.appsteps span{color:var(--muted);font-size:.92rem}
.apprep{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.apprep small{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--muted)}
.apprep .btn{margin-left:auto}
.applink{margin:4px 0 12px}
.applink small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.replinks li{flex-direction:column;align-items:flex-start;gap:4px}
.lkrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.appgrid{grid-template-columns:1fr}.apphero{padding:20px}.apphero .appbtn{width:100%;justify-content:center}.apprep .btn{margin-left:0;width:100%}}

/* ====== Acabamento empresarial (formulários, janelas e botões) ====== */
.btn{border-radius:10px;font-weight:700;letter-spacing:.1px}
.btn.sm{border-radius:8px}
label.f{font-size:13px;font-weight:600;color:#2b3445;gap:6px}
label.f input,label.f select,label.f textarea{border-radius:10px;font-weight:500;border:1px solid #cfd6e3;padding:11px 12px;transition:border-color .15s,box-shadow .15s}
label.f input::placeholder{color:#9aa3b2;font-weight:400}
label.f input:focus{border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(18,58,140,.12)}
.f input.locked{border-style:solid;border-color:#e3e7ef;background:#f5f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") no-repeat right 12px center/15px;padding-right:36px;color:#3b4456}
.panel{border:1px solid #e3e8f0;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -18px rgba(16,24,40,.18);padding:28px 30px}
.panel h2{font-weight:700;font-size:24px;letter-spacing:-.2px}
.panel .sub{font-size:14.5px}
.chosen{background:#f6f8fb;border:1px solid #e6eaf1;border-radius:12px}
.chosen .btn{border-radius:8px}
.fsech{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b6475;margin:22px 0 10px;padding-top:16px;border-top:1px solid #edf0f5}
.fsech:first-child{border-top:0;padding-top:0}
.srcbadge{font-size:11px;letter-spacing:0;text-transform:none;font-weight:600;color:#14804a;background:#e8f6ee;border-radius:999px;padding:2px 9px}
.infobox{display:flex;gap:10px;align-items:flex-start;background:#f6f8fb;border:1px solid #e6eaf1;border-radius:10px;padding:11px 13px;font-size:12.5px;color:#4a5466;margin-top:16px}
.infobox svg{width:18px;height:18px;flex:none;color:#14804a;margin-top:1px}
.actions{border-top:1px solid #edf0f5;padding-top:18px}
/* Etapas numeradas */
.stepper{list-style:none;display:flex;justify-content:center;align-items:center;gap:0;margin:0 auto 22px;padding:0;max-width:720px}
.stepper li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#8a93a3;flex:1 1 0;min-width:0}
.stepper li:not(:last-child)::after{content:"";flex:1;height:2px;background:#dfe4ec;margin:0 10px;border-radius:2px}
.stepper li.done:not(:last-child)::after{background:var(--navy-2)}
.stepper .sn{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#fff;border:1.5px solid #cfd6e3;color:#8a93a3}
.stepper .sn svg{width:15px;height:15px}
.stepper li.on{color:var(--navy-d)}
.stepper li.on .sn{background:var(--navy-d);border-color:var(--navy-d);color:#fff;box-shadow:0 0 0 4px rgba(10,42,107,.12)}
.stepper li.done{color:#3b4456}
.stepper li.done .sn{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.stepper .sl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){.stepper li:not(.on) .sl{display:none}.stepper li{flex:0 1 auto}.stepper li:not(:last-child){flex:1 1 auto}}
/* Janela em etapas (tensão / já é cliente) */
.modal.wiz{max-width:460px;text-align:left;padding:24px}
.wizhead{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.wizstep{font-size:12px;font-weight:700;color:#5b6475;white-space:nowrap}
.wizbar{flex:1;height:4px;border-radius:4px;background:#e6eaf1;overflow:hidden}
.wizbar i{display:block;height:100%;background:var(--navy-2);border-radius:4px}
.wizprod{display:flex;align-items:center;gap:12px;background:#f6f8fb;border:1px solid #e6eaf1;border-radius:12px;padding:8px 12px;margin-bottom:16px}
.wizart{flex:none;display:flex}
.wizart svg{height:44px;width:auto}
.wizart .pframe{height:44px;width:40px}
.wizprod small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a93a3}
.wizprod b{font-size:14px;color:var(--navy-d)}
.modal.wiz h3{font-size:19px;font-weight:700;margin:0 0 14px;color:var(--navy-d)}
.optlist{display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #cfd6e3;border-radius:12px;padding:14px 16px;cursor:pointer;font:inherit;transition:border-color .15s,background .15s,box-shadow .15s}
.opt b{display:block;font-size:15px;color:var(--navy-d)}
.opt small{display:block;font-size:12.5px;color:#6b7486;margin-top:2px}
.optradio{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid #9aa3b2;background:#fff;position:relative}
.opt:hover{border-color:var(--navy-2);background:#f7f9fd}
.opt:hover .optradio{border-color:var(--navy-2)}
.opt:hover .optradio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--navy-2)}
.opt:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(18,58,140,.18);border-color:var(--navy-2)}
.wizhint{margin:12px 0 0;font-size:12.5px}
.wizfoot{display:flex;justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f5}
.wizfoot .btn{padding:9px 16px}
/* Pop-up final */
.okmodal{max-width:400px;text-align:left;padding:26px}
.stpill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8a5a00;background:#fff4d6;border:1px solid #f5dc8a;border-radius:999px;padding:4px 11px;margin-bottom:12px}
.stpill i{width:7px;height:7px;border-radius:50%;background:#d39200}
.okmodal h3{font-size:21px;font-weight:700;margin:0 0 4px;color:var(--navy-d)}
.oktx{margin:0 0 16px;color:#4a5466;font-size:15px}
.okrep{border:1px solid #e6eaf1;border-radius:12px;padding:12px 14px;margin-bottom:4px}
.okav{font-size:14px;letter-spacing:.5px}
.okmodal .btn.wa{margin-top:10px}
@media(max-width:760px){.row>label{flex:none;width:100%;align-self:stretch}.row>.btn{width:100%}.panel{padding:22px 18px}}

/* Página de download: foto, indisponível */
.appico.has{padding:0;overflow:hidden;background:#fff}
.appico img{width:100%;height:100%;object-fit:cover}
.appcta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.appbtn.off{background:rgba(255,255,255,.14);color:#dfe6f5;cursor:not-allowed;box-shadow:none}
.appnote{color:#c9d6f2;font-size:12.5px;max-width:280px;text-align:right}
.appshot{display:grid;place-items:center;min-height:280px;padding:16px;overflow:hidden}
.appshot img{max-width:100%;max-height:420px;border-radius:12px;object-fit:contain}
.appph{display:grid;place-items:center;gap:10px;width:100%;height:100%;min-height:248px;border:1.5px dashed #cfd6e3;border-radius:12px;color:#8a93a3;font-size:13px;font-weight:600;background:#f6f8fb}
.appph svg{width:48px;height:48px;color:#b5bdcb}
@media(max-width:760px){.appcta{width:100%;align-items:stretch}.appnote{text-align:left;max-width:none}.appshot{min-height:200px}}

.acclink{display:grid;gap:8px;border:1px solid #e3e8f0;border-radius:14px;padding:14px 16px;margin:12px 0 4px;background:#fff}
.acclink small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5b6475}
.acclink .tempbox{margin:0}

/* Editor da página de download por representante */
.repapp{border:1px solid #e3e8f0;border-radius:14px;margin:0 0 12px;background:#fff}
.repapp>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;cursor:pointer;list-style:none}
.repapp>summary::-webkit-details-marker{display:none}
.repapp>summary::after{content:"▾";margin-left:auto;color:#8a93a3}
.repapp[open]>summary{border-bottom:1px solid #edf0f5}
.repapp>.grid2{padding:14px 16px}
.okav.sm{width:30px;height:30px;font-size:12px}
.appframe{display:block;width:100%;max-width:420px;aspect-ratio:9/16;max-height:440px;overflow:hidden;border-radius:12px;background:#f6f8fb;margin:0 auto}
.appframe img{width:100%;height:100%;object-fit:contain;transform-origin:center}
.appfiles{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.appfiles .btn.line{color:#fff}

.imgf[data-kind="appfoto"] .prev{aspect-ratio:9/16;max-width:200px;height:auto;margin:0 auto}
.imgf[data-kind="appfoto"] .prev img{object-fit:contain}

/* ===== Painel do cliente (empresarial) ===== */
.cpanel .wrap{max-width:1040px}
.cphero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--navy-d),#123a8c);color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:18px}
.cphi{display:flex;align-items:center;gap:16px;min-width:0}
.cpav{flex:none;width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--navy-d);display:grid;place-items:center;font-weight:800;font-size:20px}
.cpkick{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c9d6f2}
.cphero h1{margin:2px 0;font-size:clamp(1.5rem,3vw,2rem);color:#fff}
.cphero p{margin:0;color:#dfe6f5;font-size:14px;overflow-wrap:anywhere}
.cphero .btn.line{color:#fff}
.cpbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:center;background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:14px 18px;margin-bottom:14px}
.cpbar small,.cpdl dt{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a93a3}
.cpbar b{font-size:15px;color:var(--navy-d)}
.cpst{justify-self:end}
.pcard h2{font-size:17px;font-weight:700;color:var(--navy-d);margin:0 0 12px}
.cptrack{margin-bottom:18px}
.hsteps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.hsteps li{position:relative;display:grid;justify-items:center;text-align:center;gap:4px;padding:0 4px}
.hsteps li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:#e3e8f0;z-index:0}
.hsteps li:first-child::before{display:none}
.hsteps li.done::before,.hsteps li.now::before{background:var(--navy-2)}
.hdot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#fff;border:2px solid #cfd6e3;color:#8a93a3}
.hdot svg{width:16px;height:16px}
.hsteps li.done .hdot{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.hsteps li.now .hdot{background:var(--gold);border-color:var(--gold);color:var(--navy-d);box-shadow:0 0 0 5px rgba(255,194,26,.25)}
.hsteps b{font-size:13px;color:var(--navy-d);line-height:1.25}
.hsteps li:not(.done):not(.now) b{color:#8a93a3}
.hsteps small{font-size:11.5px;color:#8a93a3}
.cpnow{margin:14px 0 0;text-align:center}
.cpwait{display:grid;gap:4px;background:#fff8e6;border:1px solid #f5dc8a;border-radius:12px;padding:14px 16px;margin:4px 0 6px}
.cpwait b{color:#7a5200}.cpwait span{color:#7a6230;font-size:13.5px}
.cph3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5b6475;margin:18px 0 8px}
.cptx{margin:0;color:#3b4456;font-size:14px}
.cpdl{display:grid;gap:10px;margin:0}
.cpdl.two{grid-template-columns:1fr 1fr}
.cpdl>div{border-bottom:1px solid #f0f2f6;padding-bottom:8px}
.cpdl dd{margin:2px 0 0;font-weight:600;color:var(--navy-d);font-size:14.5px;overflow-wrap:anywhere}
.cpfz{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.cpfz .eqimg svg{height:72px}.cpfz .eqimg .pframe{height:72px;width:60px}
.cpfz b{display:block;color:var(--navy-d);font-size:14.5px}
.cprep{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.cprep b{color:var(--navy-d)}
.cpctr{margin-top:18px}
.cpctrh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.cpctrh h2{margin-bottom:2px}
.cpctrh .ctact{display:flex;gap:8px;flex-wrap:wrap}
.cpfull{margin-top:14px;border-top:1px solid #edf0f5;padding-top:12px}
.cpfull summary{cursor:pointer;font-weight:700;color:var(--navy-2)}
.cpfull .contract{height:auto;max-height:70vh;margin-top:12px}
@media(max-width:760px){
  .cpbar{grid-template-columns:1fr 1fr}.cpst{grid-column:1/-1;justify-self:start}
  .hsteps{grid-template-columns:1fr;gap:12px}
  .hsteps li{grid-template-columns:32px 1fr;justify-items:start;text-align:left;column-gap:12px;row-gap:0}
  .hsteps li .hdot{grid-row:1/3}
  .hsteps li::before{top:-12px;left:15px;width:3px;height:12px}
  .cpdl.two{grid-template-columns:1fr}
  .cphero{padding:18px}
  .cpav{width:46px;height:46px;font-size:17px}
}
.cpanel .pedido{max-width:none}.cpanel .app{max-width:none}

/* Primeiro acesso do representante */
.infobox.pfirst{display:block;margin-bottom:18px}.infobox.pfirst b{display:block;margin-bottom:4px}

/* ================= Painel administrativo: padrão empresarial ================= */
.admpage{max-width:1560px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.admpage .admhead h1{font-size:clamp(1.45rem,2.2vw,1.9rem);margin:0 0 2px}
.admpage .admhead p{margin:0;font-size:.95rem}
.admpage .adm{grid-template-columns:236px minmax(0,1fr);gap:22px}
.admnav{align-content:start}
.admnav .navg{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a93a6;padding:12px 12px 4px}
.admnav .navg:first-child{padding-top:4px}
.admnav button{font-size:13.5px;padding:8px 12px}
.admbody.pcard{padding:24px 28px;min-width:0}
.admbody h2{font-size:1.25rem;margin:0 0 4px}
.admbody>.hint:first-of-type{margin-top:0}
.admsave{background:linear-gradient(to top,#fff 70%,rgba(255,255,255,0));margin:22px -28px -24px;padding:14px 28px 18px;border-radius:0 0 var(--r-lg) var(--r-lg);bottom:0;z-index:4}
.admsave .btn{box-shadow:none}
/* Tabela de dados genérica */
.dtw{border:1px solid #e6eaf1;border-radius:12px;overflow:hidden;background:#fff;container-type:inline-size;margin:6px 0 4px}
.dtable{width:100%;border-collapse:collapse;font-size:13.5px}
.dtable th{background:#f6f8fb;text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5b6475;padding:10px 14px;border-bottom:1px solid #e6eaf1;white-space:nowrap}
.dtable td{padding:10px 14px;border-bottom:1px solid #eef1f6;vertical-align:middle;overflow-wrap:anywhere}
.dtable tbody tr:last-child td{border-bottom:0}
.dtable tbody tr:hover{background:#fafbfd}
.dtable .n{text-align:right;font-variant-numeric:tabular-nums}
.dtable .nw{white-space:nowrap}
.dtable td .okav{display:inline-grid;vertical-align:middle;margin-right:8px}
.dtable .lk{font-size:13px}
.dtable .st{margin:0}
.st{background:#eef2f8;color:#3a4558}
.lkurl{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#3a4558;overflow-wrap:anywhere}
@container (max-width:600px){
  .dtable thead{display:none}
  .dtable,.dtable tbody,.dtable tr{display:block;width:100%}
  .dtable tr{padding:10px 14px;border-bottom:1px solid #eef1f6}
  .dtable tbody tr:last-child{border-bottom:0}
  .dtable td{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:5px 0;border:0;text-align:left!important}
  .dtable td::before{content:attr(data-l);font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a93a6;padding-top:2px}
  .dtable td:not([data-l]),.dtable td[data-l=""]{grid-template-columns:1fr}
  .dtable td:not([data-l])::before,.dtable td[data-l=""]::before{display:none}
  .dtable .nw{white-space:normal}
}
/* Leads: tabela com colunas fixas */
.ptable.lt{min-width:0!important;width:100%;table-layout:auto}
.ptable.lt th{white-space:nowrap}
.ptable.lt td{vertical-align:top;overflow-wrap:anywhere}
.ptable.lt .sub{display:block;font-size:12px;color:#5b6475;margin-top:2px;line-height:1.4}
.ptable.lt .c-sel{width:34px;padding-right:0}
.ptable.lt .c-ped{width:92px;white-space:nowrap}
.ptable.lt .c-cli{min-width:200px}
.ptable.lt .c-frz{width:96px}
.ptable.lt .c-rep{width:180px}
.ptable.lt .c-et{width:170px}
.ptable.lt .c-et select{width:100%;max-width:190px}
.ptable.lt .c-et .btn{margin-top:6px}
.ptable.lt .c-mk{width:96px}
.ptable.lt .c-act{width:1%;white-space:nowrap;text-align:right}
.ptable.lt td:nth-child(n){white-space:normal}
.ptable.lt td.c-ped,.ptable.lt td.c-act{white-space:nowrap}
.ptable.lt .rsg{margin:0;display:block}
.etp{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef2fb;color:#0a2a6b;white-space:nowrap}
.etp.e2{background:#e8f1ff;color:#1d4ed8}.etp.e3{background:#eef0ff;color:#4338ca}.etp.e4{background:#fff4e0;color:#9a5b00}.etp.e5{background:#e3f5ec;color:#14804a}
@container (max-width:880px){
  .ptable.lt td{white-space:normal!important}
  .ptable.lt .c-act{text-align:left}
  .ptable.lt td.c-sel{grid-template-columns:1fr}
}
/* Aplicativo: página de cada representante */
.repapp{scroll-margin-top:96px}
/* Celular e tablet */
@media(max-width:1100px){.admpage .adm{grid-template-columns:200px minmax(0,1fr)}.admbody.pcard{padding:20px}.admsave{margin:20px -20px -20px;padding:12px 20px 16px}}
@media(max-width:860px){
  .admpage{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .admpage .adm{grid-template-columns:minmax(0,1fr);gap:12px}
  .admnav .navg{display:none}
  .admbody.pcard{padding:18px 14px}
  .admsave{margin:18px -14px -18px;padding:12px 14px 14px}
  .admsave .btn{flex:1 1 auto}
}
.acclink .tempbox{min-width:0}
.acclink .tempbox .sel{min-width:0;overflow-wrap:anywhere;font-size:clamp(12px,3.4vw,16px)}
@media(max-width:560px){.acclink .tempbox{flex-wrap:wrap}.acclink .tempbox .btn{width:100%}}

.ptable.lt .c-ped{width:104px}
.ptable.lt .c-ped .mkset{margin-top:8px;gap:5px}
.ptable.lt .c-ped .mkb{width:18px;height:18px}
.ptable.lt .c-rep{width:160px}
.ptable.lt .c-et{width:156px}
.ptable.lt .c-act .btn+.btn{margin-left:4px}
.btn.ico{padding-inline:10px;min-width:38px}
.btn.ico svg{width:16px;height:16px;display:block}
.admsave{background:#fff;border-top:1px solid #e6eaf1;box-shadow:0 -10px 18px -16px rgba(6,26,71,.35)}
.dtable .lkrow{flex-wrap:nowrap}
@container (max-width:600px){.dtable .lkrow{flex-wrap:wrap}}
@container (max-width:880px){.ptable.lt td.c-ped .mkset{margin-top:6px}}

/* Leads em cartões: as colunas não têm largura fixa */
@container (max-width:880px){.ptable.lt td{width:auto!important;min-width:0!important}}
@media(max-width:760px){.ptable.lt td{width:auto!important;min-width:0!important;white-space:normal!important}.ptable.lt td.c-act{display:flex}}

.ptable.lt{table-layout:fixed}
.ptable.lt td{overflow-wrap:break-word}
.ptable.lt .c-sel{width:44px}
.ptable.lt .c-frz{width:92px}
.ptable.lt .c-cli{width:auto;min-width:0}
.ptable.lt .c-act{width:206px}
.ptable.lt.rp .c-act{width:168px}
.ptable.lt.rp .c-rep{width:170px}
.dtable .tdv{min-width:0}
@container (max-width:880px){.ptable.lt{table-layout:auto}}
@media(max-width:760px){.ptable.lt{table-layout:auto}}

#libCode{text-transform:none;letter-spacing:normal;font-weight:600}

/* Arquivos do aplicativo: link ou envio do computador */
.arqrow{border:1px solid #e6eaf1;border-radius:12px;padding:12px 14px;background:#fbfcfe;margin:4px 0 6px}
.arqhd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.arqhd b{font-size:.9rem;color:var(--navy-d)}
.arqst{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#eef1f6;color:#5b6475}
.arqst.on{background:#e3f5ec;color:#14804a}
.arqrow .grid2{margin:0}
.arqbt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.arqup{cursor:pointer}
.arqup.dis{pointer-events:none;opacity:.55}
.arqmsg{flex:1 1 220px}
.arqbar{height:6px;border-radius:99px;background:#e6eaf1;overflow:hidden;margin-top:8px}
.arqbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0a2a6b,#2453c9);transition:width .2s}
@media(max-width:560px){.arqbt .btn{flex:1 1 auto}}

/* Aplicativo: um representante por vez */
.apsel{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:18px 0 16px}
.apsel button{display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:1.5px solid #e3e8f0;border-radius:14px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;min-width:0;transition:border-color .15s,box-shadow .15s}
.apsel button:hover{border-color:#b9c6dd}
.apsel button.on{border-color:var(--navy-d);box-shadow:0 0 0 3px rgba(10,42,107,.12);background:#f7f9fd}
.apsel .asn{display:flex;flex-direction:column;min-width:0}
.apsel .asn b{font-size:14px;color:var(--navy-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apsel .asn small{font-size:12px;color:#5b6475}
.okav.def{background:#fff4d6;color:#9a6a00}
.apane{display:grid;gap:14px}
.apane[hidden]{display:none}
.aphead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#0a2a6b,#123a8a);color:#fff}
.aphead .okav{width:48px;height:48px;font-size:17px;background:#fff;color:var(--navy-d)}
.aphead .okav.def{background:#fff4d6;color:#9a6a00}
.aphn{flex:1 1 240px;min-width:0}
.aphn h3{margin:0;color:#fff;font-size:1.15rem}
.aphn .hint{color:#c9d5ee}
.aphn .hint b{color:#fff}
.aphn .okmsg{color:#7ee2a8}.aphn .err{color:#ffb4b4}
.apkp{display:flex;gap:22px}
.apkp div{display:flex;flex-direction:column;align-items:flex-end}
.apkp b{font-size:1.35rem;line-height:1.1}
.apkp span{font-size:11.5px;color:#c9d5ee}
.apcard{border:1px solid #e6eaf1;border-radius:14px;padding:16px 18px;background:#fff}
.apcard h4{margin:0 0 2px;font-size:1rem;color:var(--navy-d)}
.apcard>.hint{margin:0 0 10px}
.aplink{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--ice);border:1px dashed #9fb2d6;border-radius:10px;padding:10px 12px}
.aplink .lkurl{flex:1 1 220px;font-size:13.5px;color:var(--navy-d);font-weight:700}
.apbt{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:700px){
  .apsel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,78%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .apsel button{scroll-snap-align:start}
  .apkp{width:100%;justify-content:space-between}
  .apkp div{align-items:flex-start}
  .apcard{padding:14px}
  .apbt{width:100%}.apbt .btn{flex:1 1 auto}
}
.apstd{margin:14px 0 4px}.apstd .arqrow{margin-top:12px}
/* Representantes: adicionar e zerar */
.reptools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 6px}
.reptools #repZero{margin-left:auto}
.reptools .btn span{font-size:1.2em;line-height:0;margin-right:4px}
@media(max-width:560px){.reptools #repAdd{flex:1 1 100%}.reptools #repZero{margin-left:0}}
.appgrid.one{grid-template-columns:minmax(0,1fr)}

/* ===== Página de download do aplicativo (vitrine) ===== */
.apx{padding:28px 0 40px;background:#f4f6fa}
.apx .wrap{max-width:880px;display:grid;gap:16px}
.apxcard{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:28px 30px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -20px rgba(16,24,40,.18)}
.apxtop{display:flex;gap:22px;align-items:center}
.apxico{flex:none;width:104px;height:104px;border-radius:24px;background:#0a2a6b;color:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 1px rgba(16,24,40,.08),0 10px 24px -12px rgba(10,42,107,.55)}
.apxico svg{width:54px;height:54px}
.apxico.has{background:#fff}
.apxico img{width:100%;height:100%;object-fit:cover}
.apxid{min-width:0;flex:1}
.apxid h1{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:clamp(1.55rem,3.2vw,2.05rem);letter-spacing:-.01em;line-height:1.15;color:#0b1730}
.apxdev{margin:4px 0 0;font-weight:700;font-size:.95rem;color:#1d5bd8}
.apxmeta{list-style:none;display:flex;margin:14px 0 0;padding:0}
.apxmeta li{display:flex;flex-direction:column;padding:0 18px;border-left:1px solid #e3e8f0}
.apxmeta li:first-child{padding-left:0;border-left:0}
.apxmeta b{font-size:.95rem;color:#0b1730}
.apxmeta span{font-size:.75rem;color:#667085;margin-top:1px}
.apxcta{margin-top:22px;display:flex;flex-direction:column;gap:10px}
.apxcta .appbtn,.apxcta .appfiles .btn{width:100%;justify-content:center;margin:0;padding:15px 22px;font-size:16px;font-weight:800;border-radius:12px;box-shadow:none;transform:none}
.apxcta .btn.gold{background:#0a2a6b;color:#fff;border:0}
.apxcta .btn.gold:hover{background:#0d3586}
.apxcta .btn.line{background:#fff;color:#0a2a6b;border:1.5px solid #c9d3e5}
.apxcta .btn.line:hover{border-color:#0a2a6b;background:#f7f9fd}
.apxcta .appbtn.off{background:#eef1f6;color:#667085;border:0;cursor:not-allowed}
.apxcta .appfiles{display:flex;flex-direction:column;gap:10px}
.apxcta .appnote{color:#667085;font-size:13px;text-align:center;max-width:none}
.apxsafe{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:12.5px;color:#667085}
.apxsafe svg{width:14px;height:14px;flex:none}
.apxrep{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:14px 18px}
.apxav{flex:none;width:52px;height:52px;border-radius:50%;background:#e8eefb;color:#0a2a6b;font-weight:800;display:grid;place-items:center;overflow:hidden}
.apxav img{width:100%;height:100%;object-fit:cover}
.apxrn{display:flex;flex-direction:column;min-width:0;flex:1}
.apxrn small{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#667085}
.apxrn b{font-size:1rem;color:#0b1730}
.apxrn span{font-size:.85rem;color:#475467}
.apxgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.apxsec{background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:22px 24px}
.apxsec h2{margin:0 0 12px;font-size:1.05rem;color:#0b1730}
.apxsec .appdesc{color:#344054}
.apxsteps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:14px}
.apxsteps li{counter-increment:s;display:grid;grid-template-columns:28px 1fr;column-gap:12px}
.apxsteps li::before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:#e8eefb;color:#0a2a6b;font-weight:800;font-size:13px;display:grid;place-items:center}
.apxsteps b{color:#0b1730;font-size:.95rem}
.apxsteps span{color:#667085;font-size:.88rem;line-height:1.45}
@media(max-width:700px){
  .apx{padding:16px 0 28px}
  .apxcard{padding:22px 18px;border-radius:18px}
  .apxtop{gap:16px;align-items:flex-start}
  .apxico{width:84px;height:84px;border-radius:20px}
  .apxico svg{width:44px;height:44px}
  .apxmeta li{padding:0 12px}
  .apxgrid{grid-template-columns:1fr}
  .apxrep{flex-wrap:wrap}
  .apxrep .btn{width:100%}
  .apxsec{padding:18px}
}
/* Perfil do representante: foto */
.pffoto{display:flex;gap:16px;align-items:center;margin:6px 0 16px;padding:14px;border:1px solid #e6eaf1;border-radius:14px;background:#fbfcfe}
.pfav{flex:none;width:84px;height:84px;border-radius:50%;background:#e8eefb;color:#7d8bb0;display:grid;place-items:center;overflow:hidden}
.pfav svg{width:42px;height:42px}
.pfav img{width:100%;height:100%;object-fit:cover}
.pffoto b{display:block;color:var(--navy-d)}
.pfbt{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.pfbt label{cursor:pointer}
/* Representantes (admin): perfil definido pelo representante */
.rpperf{display:flex;align-items:center;gap:12px;margin:2px 0 12px;padding:10px 12px;border-radius:12px;background:#f6f8fb}
.rpav{flex:none;width:44px;height:44px;border-radius:50%;background:#0a2a6b;color:#fff;font-weight:800;display:grid;place-items:center;overflow:hidden}
.rpav img{width:100%;height:100%;object-fit:cover}
.rpperf b{display:block;color:var(--navy-d)}
.okav.ph{padding:0;overflow:hidden}.okav.ph img{width:100%;height:100%;object-fit:cover;border-radius:50%}
@media(max-width:560px){.pffoto{flex-direction:column;align-items:flex-start}}
/* Downloads da gaveta (limite de 5) */
.cotabar{height:8px;border-radius:99px;background:#e6eaf1;overflow:hidden;margin:4px 0 10px}
.cotabar i{display:block;height:100%;width:0;background:#14804a;transition:width .3s}
.cotabar i.full{background:#d23b3b}
.cotarow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:560px){.cotarow .btn{width:100%}}
.apxgrid.one{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){.apkp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.apkp div{align-items:flex-start;min-width:0}.apkp b{font-size:1.1rem}.aphead{overflow:hidden}}
/* Página de download: nome alinhado ao ícone e animação do botão */
.apxtop{align-items:center}
.apxid h1{margin:0}
.apxmeta{margin-top:8px}
@media(max-width:700px){.apxtop{align-items:center}}
.dlanim{position:relative;overflow:hidden}
.dlico{display:inline-grid;place-items:center;width:22px;height:22px}
.dlico svg{width:22px;height:22px;overflow:visible}
.dlarrow{animation:dlnudge 2.6s cubic-bezier(.45,0,.25,1) infinite}
.dlanim:hover .dlarrow,.dlanim:focus-visible .dlarrow{animation-duration:1.1s}
@keyframes dlnudge{0%,55%,100%{transform:translateY(0)}70%{transform:translateY(3px)}85%{transform:translateY(-1px)}}
.dlanim::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:rgba(255,255,255,.55)}
.dlanim.go::after{animation:dlprog 1.4s ease-out forwards}
.dlanim.go .dlarrow{animation:dldrop .7s ease-in infinite}
@keyframes dlprog{to{width:100%}}
@keyframes dldrop{0%{transform:translateY(-6px);opacity:0}35%{opacity:1}100%{transform:translateY(5px);opacity:0}}
.dlanim.done{background:#14804a!important}
.dlanim.done .dlarrow{animation:none;opacity:0}
.dlanim.done .dlico svg{display:none}
.dlanim.done .dlico::before{content:"";width:12px;height:7px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:translateY(-2px) rotate(-45deg);animation:dlcheck .3s ease-out}
@keyframes dlcheck{from{transform:translateY(-2px) rotate(-45deg) scale(.4);opacity:0}to{transform:translateY(-2px) rotate(-45deg) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.dlarrow,.dlanim.go .dlarrow,.dlanim.go::after{animation:none}}
.apxver{margin:4px 0 0;font-size:.9rem;font-weight:600;color:#667085}
/* Nome do aplicativo no estilo de loja de aplicativos (Play Store) */
.apxid h1{font-family:"Google Sans","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:0;line-height:1.2;color:#1f1f1f}
.apxver{font-family:"Roboto",system-ui,sans-serif;font-weight:400;font-size:.875rem;color:#5f6368;margin-top:4px}
.apxico{border-radius:22%}
/* Aplicativo: 4 gavetas de download por representante */
.gvtools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 12px}
.gvgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gaveta{border:1px solid #e3e8f0;border-radius:12px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:6px;min-width:0}
.gvhd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gvhd b{color:var(--navy-d)}
.gvst{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#eef1f6;color:#5b6475;white-space:nowrap}
.gvst.on{background:#e8f1ff;color:#1d4ed8}
.gvst.full{background:#fde2e2;color:#b42318}
.gaveta .cotabar{margin:2px 0 4px}
.gaveta .arqrow{margin:0;padding:10px;background:#fbfcfe}
.gaveta .arqhd b{font-size:.8rem;font-weight:700;color:#5b6475}
.gaveta .gvren{align-self:flex-start}
@media(max-width:900px){.gvgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.gvtools .btn,.gaveta .gvren{width:100%}}