.p3d{background:#F5F5F7;padding-block:8px 80px}
.p3d .pc-cab{margin-bottom:28px}
.p3d-wrap{max-width:1280px;margin:0 auto;padding-inline:32px}
.p3d-card{position:relative;background:#000;border-radius:28px;overflow:hidden;height:min(660px,80vh);min-height:520px;display:grid;grid-template-columns:minmax(260px,400px) 1fr;align-items:center;color:#F5F5F7}
#p3d-view{position:absolute;inset:0;z-index:0;cursor:grab;touch-action:none}
#p3d-view:active{cursor:grabbing}
#p3d-view canvas{display:block;width:100%!important;height:100%!important}
.p3d-features{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-left:clamp(24px,4vw,64px);pointer-events:none}
.p3d-pill{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;background:#1D1D1F;border:0;color:#F5F5F7;font:600 15px/1.2 var(--f-texto);letter-spacing:-.01em;border-radius:28px;padding:13px 22px 13px 14px;text-align:left;cursor:pointer;transition:background .2s,border-radius .3s;max-width:340px}
.p3d-pill:hover{background:#2A2A2D}
.p3d-pill:focus-visible{outline:2px solid #2997FF;outline-offset:3px}
.p3d-row{display:flex;align-items:center;gap:12px}
.p3d-ico{position:relative;width:22px;height:22px;border-radius:50%;border:1.5px solid #F5F5F7;flex:none;display:grid;place-items:center;transition:transform .3s}
.p3d-ico::before,.p3d-ico::after{content:"";position:absolute;width:10px;height:1.5px;background:#F5F5F7}
.p3d-ico::after{transform:rotate(90deg)}
.p3d-pill.open .p3d-ico{transform:rotate(45deg)}
.p3d-pill p{margin:0;max-height:0;overflow:hidden;opacity:0;color:#A1A1A6;font:500 15px/1.45 var(--f-texto);padding-left:34px;transition:max-height .35s ease,opacity .25s ease,margin .35s ease}
.p3d-pill p b{color:#F5F5F7;font-weight:600}
.p3d-pill.open{border-radius:22px}
.p3d-pill.open p{max-height:160px;opacity:1;margin-top:8px}
.p3d-hint{position:absolute;z-index:1;right:24px;bottom:20px;font:500 13px var(--f-texto);color:#86868B;pointer-events:none;transition:opacity .6s}
.p3d-loading{position:absolute;inset:0;display:grid;place-items:center;color:#A1A1A6;font:500 14px var(--f-texto);z-index:0}
.p3d-loading[hidden]{display:none!important}
@media (max-width:760px){
  .p3d-wrap{padding-inline:16px}
  .p3d-card{height:auto;min-height:0;grid-template-columns:1fr;align-items:start}
  #p3d-view{position:relative;inset:auto;height:min(60vh,420px)}
  .p3d-features{padding:4px 20px 28px}
  .p3d-hint{top:14px;bottom:auto;right:16px}
}
@media (prefers-reduced-motion:reduce){.p3d-pill,.p3d-pill p,.p3d-ico{transition:none}}

:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}
.opc{position:relative;cursor:pointer}.opc .opc-ver::before{content:"";position:absolute;inset:0;z-index:1}.opc .opc-ver{margin-top:auto}.pc-card{cursor:pointer}
button.ds-chip{font-family:inherit;cursor:pointer}

.ds-cats-lista{gap:clamp(4px,1.4vw,18px)!important;justify-content:center!important;padding-top:26px!important;padding-bottom:22px!important}
@media (max-width:1100px){.ds-cats-lista{justify-content:flex-start!important}}
.ds-cats-lista a{width:112px!important;gap:12px!important}
.ds-cats-ic{width:96px!important;height:80px!important;display:flex!important;align-items:flex-end;justify-content:center}
.ds-cats-ic img{width:100%;height:100%;object-fit:contain;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ds-cats-lista a:hover .ds-cats-ic img{transform:translateY(-4px) scale(1.04)}
.ds-cats-lista a.on .ds-cats-ic img{transform:scale(1.06)}
.ds-cats-t{font-size:13px!important;line-height:1.3}
@media (prefers-reduced-motion:reduce){.ds-cats-ic img{transition:none}.ds-cats-lista a:hover .ds-cats-ic img{transform:none}}


/* Layout: full-bleed dark hero with pill nav, then névoa sections in a 1200px column; blueprint line drawings stand in for product photos */
:root{
  --azul:#0243F3; --azul-escuro:#0233C0; --preto:#0B0C15; --nevoa:#D9DDEC; --nevoa-2:#E9ECF5;
  --branco:#FFFFFF; --texto:#3B4157; --linha:#B4BACF;
  --f-destaque:'Lexend Exa', 'Arial', sans-serif;
  --f-texto:'Inter', 'Helvetica Neue', Arial, sans-serif;
  color-scheme: light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--nevoa);color:var(--preto);font-family:var(--f-texto);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}
.eyebrow{font-family:var(--f-destaque);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--azul)}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}

/* ---------- header ---------- */
.top{position:absolute;inset:0 0 auto 0;z-index:5;padding-top:calc(env(safe-area-inset-top,0px) + 22px)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo img{height:34px;width:auto;display:block;border-radius:4px}
.nav{display:flex;flex-shrink:0;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;white-space:nowrap;border-radius:999px;transition:background .2s}
.nav a:hover{background:rgba(255,255,255,.14)}
.btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--f-texto);font-weight:600;font-size:15px;text-decoration:none;border-radius:999px;padding:12px 22px;border:1px solid transparent;transition:transform .2s, background .2s;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-azul{background:var(--azul);color:#fff}
.btn-azul:hover{background:#1A55FF}
.menu-btn{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:10px 16px;font:600 14px var(--f-texto)}
.menu-panel{margin:12px 24px 0;background:rgba(11,12,21,.92);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:10px;display:flex;flex-direction:column}
.menu-panel a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:4px;font-weight:500}
.menu-panel a:hover{background:rgba(255,255,255,.08)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:min(860px,100svh);display:flex;align-items:flex-start;justify-content:center;text-align:center;color:#fff;background:var(--preto);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(11,12,21,.92) 0%,rgba(11,12,21,.55) 38%,rgba(11,12,21,.25) 62%,rgba(11,12,21,.9) 100%),
  radial-gradient(80% 60% at 50% 15%,rgba(2,67,243,.28),transparent 70%)}
.hero h1{font-weight:500;font-size:clamp(42px,7.2vw,96px);line-height:1.02;letter-spacing:-.035em}
.hero h1 span{color:#9DB6FF}
@media (prefers-reduced-motion:no-preference){
  @keyframes sobe{from{transform:translateY(18px)}to{transform:none}}
}

/* ---------- faixa ---------- */

/* ---------- sections ---------- */
section.bloco{padding-block:110px}
.cabeca{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.cabeca h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.05;max-width:640px;margin-top:14px}
.cabeca p{max-width:420px;color:var(--texto)}

.produtos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.produto{background:var(--branco);border-radius:4px;padding:28px;display:flex;flex-direction:column;gap:18px;min-width:0}
.produto svg{width:72%;height:auto;position:relative}
.produto h3{font-size:24px;font-weight:600;letter-spacing:-.02em}
.produto p{color:var(--texto);font-size:16px}
.produto .mais{margin-top:auto;font-weight:600;font-size:15px;color:var(--azul);text-decoration:none}
.produto .mais:hover{text-decoration:underline}
.nota-port{margin-top:20px;color:var(--texto);font-size:15px}

/* ---------- aplicações ---------- */
.aplic{background:var(--preto);color:#fff}
.aplic .cabeca p{color:#A9B0C7}
.aplic .eyebrow{color:#7FA0FF}

/* ---------- sobre ---------- */
.sobre .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.sobre img{width:100%;border-radius:4px;aspect-ratio:4/5;object-fit:cover;max-width:100%}
.sobre h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin-top:14px}

/* ---------- orçamento ---------- */
.cta{background:var(--azul);color:#fff;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.cta .wrap{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.cta h2{font-size:clamp(32px,4.4vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1.04}
.cta p{color:#DCE4FF;margin-top:16px;max-width:520px}
.contato-card{background:rgba(11,12,21,.25);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:28px;display:flex;flex-direction:column;gap:16px}
.linha-contato{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.linha-contato .k{font-family:var(--f-destaque);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#BFD0FF}
.linha-contato .v{font-size:20px;font-weight:600;user-select:all}
.copiar{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:7px 14px;font:600 13px var(--f-texto);cursor:pointer}
.copiar:hover{background:rgba(255,255,255,.25)}
.btn-branco{background:#fff;color:var(--azul)}

/* ---------- rodapé ---------- */
footer{background:var(--preto);color:#A9B0C7;padding-block:64px 40px;font-size:15px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;gap:32px}
footer img{height:26px;width:auto}
.ft-end{margin-top:14px;line-height:1.55}
footer .wrap > div:first-child img{align-self:flex-start;width:auto;height:26px;max-width:160px;object-fit:contain}
footer h4{font-family:var(--f-destaque);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-weight:400;margin:0 0 14px}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:#fff}
.base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}


/* ---------- intro / carrossel ---------- */
.pilula{background:var(--azul);color:#fff;font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px}
.carrossel{perspective:1300px;margin-top:56px;height:clamp(220px,26vw,320px);position:relative}
.trilho{position:absolute;inset:0;transform-style:preserve-3d}
.clientes{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:56px}
.clientes span{border:1px dashed var(--linha);border-radius:4px;padding:14px 22px;font-size:13px;color:#7A8199}


/* ---------- linhas de produto (cards empilhados) ---------- */
.linhas{background:var(--nevoa-2);padding-block:110px}
.pcard{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;background:#F3F4F8;border:1px solid #E1E4EE;border-radius:4px;padding:10px;box-shadow:0 20px 50px rgba(11,12,21,.07)}
.pintro{grid-template-columns:1fr 1.1fr;margin-bottom:120px}
.pcard .pfoto{border-radius:4px;overflow:hidden;min-height:340px;max-width:100%}
.pcard .pfoto img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .ptxt{padding:36px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.pintro .ptxt{justify-content:center}
.pcard h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.pcard h2 em{font-style:italic;font-weight:300;color:var(--azul)}
.pcard h3{font-size:clamp(28px,3vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.pcard p{color:var(--texto);max-width:46ch}
.selos{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px}
.selos span{background:var(--azul);color:#fff;font-family:var(--f-destaque);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:4px}
.btn-claro{background:#fff;color:var(--preto);border-color:#E1E4EE}
.pilha{position:relative;display:flex;flex-direction:column;gap:36px}
.pilha .pcard{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px + var(--i)*16px);grid-template-columns:1.1fr 1fr;min-height:480px}
.pilha .pcard .ptxt{justify-content:center}
.dots{position:sticky;bottom:40px;align-self:flex-end;margin-right:28px;display:flex;flex-direction:column;gap:6px;z-index:3;margin-top:-80px}
.dots span{width:8px;height:8px;border-radius:99px;background:#C4C9D9;transition:height .3s,background .3s}
.dots span.on{height:22px;background:var(--azul)}
.linhas .nota-port{margin-top:40px}
.linhas .nota-port a{color:var(--azul);font-weight:600}
@media (max-width:860px){
  .pcard,.pintro,.pilha .pcard{grid-template-columns:1fr}
  .pilha .pcard{position:relative;top:auto;min-height:0}
  .pcard .pfoto{min-height:240px;aspect-ratio:4/3}
  .pintro .pfoto{order:-1}
  .pcard .ptxt{padding:24px 20px 28px}
  .dots{display:none}
  .pintro{margin-bottom:40px}
}


/* ---------- quem somos ---------- */
.quem{background:var(--branco);padding-block:110px}
.quem-topo{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.quem-txt{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.quem h2{font-size:clamp(30px,3.8vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.quem h2 em{font-style:italic;font-weight:300;color:var(--azul)}
.quem-txt p{color:var(--texto);max-width:58ch}
.quem-foto{border-radius:4px;overflow:hidden;aspect-ratio:4/5;max-width:100%}
.quem-foto img{width:100%;height:100%;object-fit:cover;display:block}
.dif{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:72px}
.dif div{background:var(--nevoa-2);border-radius:4px;padding:26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.dif .dn{font-family:var(--f-destaque);font-size:12px;letter-spacing:.16em;color:var(--azul)}
.dif h3{font-size:20px;font-weight:600;letter-spacing:-.02em}
.dif p{color:var(--texto);font-size:15px}
.mvv2{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--linha)}
.mvv2 div{padding:26px 28px 0 0;display:flex;flex-direction:column;gap:10px;min-width:0}
.mvv2 .k{font-family:var(--f-destaque);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--azul)}
.mvv2 p{font-size:17px;color:var(--preto)}
@media (max-width:860px){
  .quem-topo{grid-template-columns:1fr;gap:36px}
  .quem-foto{aspect-ratio:16/11;order:-1}
  .dif{grid-template-columns:1fr 1fr}
  .mvv2{grid-template-columns:1fr}
}
@media (max-width:520px){.dif{grid-template-columns:1fr}.quem{padding-block:76px}}


/* ---------- filme da marca ---------- */


/* ---------- abertura ---------- */
.abertura{position:fixed;inset:0;z-index:100;background:#fff;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}
.abertura video{width:100%;height:100%;object-fit:contain;background:#fff}
.abertura.sai{opacity:0;visibility:hidden}
body.travado{overflow:hidden}


/* ---------- como chegar ---------- */
.chegar{background:var(--branco);padding-block:100px}
.chegar-grade{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.chegar-txt{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}
.chegar h2{font-size:clamp(30px,3.8vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.chegar h2 em{font-style:italic;font-weight:300;color:var(--azul)}
.end{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-top:1px solid var(--linha);padding-top:20px;width:100%}
.end .k{font-family:var(--f-destaque);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--azul)}
.end p{font-size:18px;line-height:1.5}
.copiar-esc{background:var(--nevoa-2);border:1px solid #E1E4EE;border-radius:999px;padding:7px 14px;font:600 13px var(--f-texto);color:var(--preto);cursor:pointer}
.rotas{display:flex;gap:10px;flex-wrap:wrap}
.mapa{position:relative;display:block;border-radius:4px;overflow:hidden;aspect-ratio:15/11;max-width:100%;text-decoration:none}
.mapa{border:1px solid #E1E4EE}
.mapa img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.mapa:hover img{transform:scale(1.03)}
.mapa-rot{position:absolute;left:18px;top:18px;background:#fff;color:var(--preto);font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px}
.mapa-abrir{position:absolute;right:18px;bottom:18px;background:rgba(11,12,21,.55);color:#fff;font-weight:600;font-size:14px;padding:9px 16px;border-radius:999px}
.mapa-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.v360{display:flex;align-items:center;gap:16px;background:var(--preto);color:#fff;text-decoration:none;border-radius:4px;padding:16px 20px;transition:background .2s}
.v360:hover{background:#1A1C2B}
.v360 span{font-size:14px;color:#A9B0C7;line-height:1.4}
.v360 b{color:#fff;font-size:16px}
.v360-ic{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--azul);display:grid;place-items:center;font-family:var(--f-destaque);font-size:12px!important;color:#fff!important}
.v360-seta{margin-left:auto;font-size:20px!important;color:#fff!important}
@media (max-width:860px){.chegar-grade{grid-template-columns:1fr;gap:36px}.chegar{padding-block:76px}}


/* ---------- avaliações ---------- */


/* ---------- obrigado ---------- */
.obrigado{position:relative;background:var(--preto);color:#fff;display:flex;flex-direction:column;overflow:hidden}
.obrigado-txt{padding-block:96px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;order:1}
.obrigado img{order:2;display:block;width:100%;height:auto;aspect-ratio:1403/591;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%);mask-image:linear-gradient(180deg,transparent 0%,#000 22%)}
.obrigado h2{font-size:clamp(30px,4.6vw,58px);font-weight:500;letter-spacing:-.035em;line-height:1.08}
.obrigado h2 em{font-style:italic;font-weight:300;color:#B9CBFF}
.obrigado p{color:#A9B0C7;max-width:520px}
@media (max-width:620px){.obrigado-txt{padding-block:64px 24px}.obrigado img{aspect-ratio:4/3;object-position:45% 60%}}


/* ---------- páginas ---------- */
.pagehead{background:var(--preto);color:#fff;padding-block:200px 90px;position:relative;overflow:hidden}
.pagehead::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.pagehead::after{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:160%;background:radial-gradient(closest-side,rgba(2,67,243,.45),transparent)}
.pagehead .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.pagehead h1{font-size:clamp(38px,6vw,76px);font-weight:500;letter-spacing:-.035em;line-height:1.02;max-width:900px}
.pagehead h1 em{font-style:italic;font-weight:300;color:#9DB6FF}
.pagehead p{color:#B8BED3;max-width:600px;font-size:18px}
.nav a.on{background:rgba(255,255,255,.18)}
.painelsec{background:var(--branco)}
.painel-grade{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.painel-img{background:radial-gradient(70% 70% at 50% 50%,#1E5BFF,#0B1A6B);border-radius:4px;padding:48px;display:grid;place-items:center}
.painel-img img{width:100%;max-width:560px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
.painel-txt{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.painel-txt h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-.035em}
.painel-txt p{color:var(--texto)}
.lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;width:100%}
.lista li{padding:12px 0;border-bottom:1px solid #E1E4EE;padding-left:28px;position:relative}
.lista li::before{content:"";position:absolute;left:0;top:19px;width:12px;height:12px;border-radius:3px;background:var(--azul)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.post:first-child{grid-column:1/-1;flex-direction:row}
.post:first-child .post-img{flex:1.3;aspect-ratio:auto;min-height:320px}
.post:first-child .post-txt{flex:1;padding:40px;justify-content:center}
.post:first-child h3{font-size:30px}
.post{background:#fff;border-radius:4px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;min-width:0}
.post:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,12,21,.1)}
.post-img{aspect-ratio:16/10;overflow:hidden}
.post-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.cat{font-family:var(--f-destaque);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--azul)}
.post h3{font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.post p{color:var(--texto);font-size:15px}
.ler{margin-top:auto;font-weight:600;color:var(--azul);font-size:15px;padding-top:8px}
.dls{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dl{display:flex;align-items:center;gap:18px;background:#fff;border-radius:4px;padding:22px 24px;text-decoration:none;border:1px solid #E1E4EE;transition:border-color .2s;min-width:0}
.dl:hover{border-color:var(--azul)}
.dl-ic{flex-shrink:0;width:52px;height:52px;border-radius:4px;background:var(--azul);color:#fff;display:grid;place-items:center}
.dl-ic svg{width:26px;height:26px}
.dl-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.dl-t b{font-size:17px}
.dl-t span{font-size:14px;color:var(--texto)}
.dl-b{margin-left:auto;font-weight:600;color:var(--azul);white-space:nowrap;font-size:15px}
.nota-dl{margin-top:28px;color:var(--texto)}
.nota-dl a{color:var(--azul);font-weight:600}
.formsec{background:var(--nevoa-2)}
.form-grade{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.form-txt{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.form-txt h2{font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-.035em}
.form-txt p{color:var(--texto)}
.form{background:#fff;border-radius:4px;padding:32px;display:flex;flex-direction:column;gap:16px;min-width:0}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--preto)}
.form input,.form select,.form textarea{font:400 16px var(--f-texto);padding:12px 14px;border:1px solid #D5DBE8;border-radius:4px;background:#FAFBFD;color:var(--preto);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--azul);outline-offset:0;border-color:var(--azul)}
.form .btn{align-self:flex-start}
.f-erro{color:#B42318;font-size:14px;font-weight:600}
@media (max-width:980px){.posts{grid-template-columns:1fr 1fr}.painel-grade,.form-grade{grid-template-columns:1fr}}
@media (max-width:620px){.post:first-child{flex-direction:column}.post:first-child .post-img{min-height:200px}.post:first-child .post-txt{padding:22px 24px 26px}.post:first-child h3{font-size:21px}.posts,.dls,.f2{grid-template-columns:1fr}.pagehead{padding-block:150px 64px}.dl{flex-wrap:wrap}.dl-b{margin-left:70px}}


/* ---------- artigo ---------- */
.art-col{max-width:780px}
.art-head{background:var(--preto);color:#fff;padding-block:180px 120px}
.art-head .art-col{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.voltar{color:#9DB6FF;text-decoration:none;font-weight:600;font-size:15px}
.art-head h1{font-size:clamp(32px,5vw,56px);font-weight:500;letter-spacing:-.03em;line-height:1.08}
.lead{font-size:20px;color:#C9CFE0;line-height:1.55}
.autor{font-size:14px;color:#8A91AA}
.art-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-top:-72px;display:block;box-shadow:0 30px 60px rgba(11,12,21,.18)}
.art-body{padding-block:48px 100px;font-size:18px;line-height:1.75;color:#2A3045}
.art-body h2{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--preto);margin:40px 0 12px;line-height:1.2}
.art-body p{margin:0 0 16px}
.art-body ul{margin:0 0 16px;padding-left:22px}
.art-body li{margin-bottom:8px}
.art-body a{color:var(--azul);font-weight:600}
.art-cta{margin-top:48px;background:var(--azul);color:#fff;border-radius:4px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.art-cta div{display:flex;flex-direction:column;gap:4px}
.art-cta b{font-size:20px}
.art-cta span{color:#DCE4FF;font-size:16px}
.art-cta .btn{background:#fff;color:var(--azul)!important}
.prox{display:flex;flex-direction:column;gap:6px;margin-top:24px;padding:24px 28px;border:1px solid var(--linha);border-radius:4px;text-decoration:none!important}
.prox span{font-family:var(--f-destaque);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--texto)}
.prox b{font-size:19px;color:var(--preto)}
.prox:hover{border-color:var(--azul)}
@media (max-width:620px){.art-head{padding-block:140px 100px}.art-body{font-size:17px}.art-body h2{font-size:23px}}


/* ---------- produto: opções ---------- */
.ph-c1{background-image:url(/assets/img/bg-ph-c1.webp)}
.ph-c2{background-image:url(/assets/img/bg-ph-c2.webp)}
.ph-ci1{background-image:url(/assets/img/bg-ph-ci1.webp)}
.ph-ci2{background-image:url(/assets/img/bg-ph-ci2.webp)}
.ph-v1{background-image:url(/assets/img/bg-ph-v1.webp)}
.ph-cl{background-image:url(/assets/img/bg-ph-cl.webp)}

.pagehead .voltar{color:#9DB6FF;text-decoration:none;font-weight:600;font-size:15px}
.opcs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.opcs-2{grid-template-columns:repeat(2,1fr)}
.ph-gpa{background-image:url(/assets/img/bg-ph-gpa.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.ph-gpc{background-image:url(/assets/img/bg-ph-gpc.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.ph-gpp{background-image:url(/assets/img/bg-ph-gpp.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.ph-gia{background-image:url(/assets/img/bg-ph-gia.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.ph-gic{background-image:url(/assets/img/bg-ph-gic.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.ph-gip{background-image:url(/assets/img/bg-ph-gip.webp);background-size:contain!important;background-repeat:no-repeat;background-color:#fff}
.opc{background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.opc[hidden]{display:none}
.opc-img{aspect-ratio:4/3;background-size:cover;background-position:center}
.opc-txt{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}
.opc h3{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.opc-tags{display:flex;flex-wrap:wrap;gap:6px}
.opc-tags span{font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;background:var(--nevoa-2);color:var(--preto)}
.opc-tags span:first-child{background:var(--azul);color:#fff}
.opc-btn{margin-top:auto;font-weight:600;color:var(--azul);text-decoration:none;font-size:15px}
.opc-btn:hover{text-decoration:underline}
.filtros{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.fg-l{font-family:var(--f-destaque);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--texto);margin-right:6px}
.fbtn{font:600 13px var(--f-texto);padding:8px 14px;border-radius:99px;border:1px solid #C9CEDE;background:#fff;color:var(--preto);cursor:pointer}
.fbtn.on{background:var(--preto);color:#fff;border-color:var(--preto)}
.sem{color:var(--texto);margin-top:16px}
.fichasec{background:var(--branco)}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.spec{background:var(--nevoa-2);border-radius:4px;padding:24px 26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.spec h3{font-family:var(--f-destaque);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--azul);font-weight:400}
.spec p{color:var(--texto);font-size:15px}
.spec .lista li{font-size:15px;color:var(--preto);border-color:#D9DDEC}
.obs{font-size:14px!important}
.vaos{display:flex;flex-wrap:wrap;gap:8px}
.vaos span{background:#fff;border:1px solid #D9DDEC;border-radius:4px;padding:8px 12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.tab{width:100%;border-collapse:collapse;font-size:15px}
.tab th{text-align:left;font-size:12px;color:var(--texto);font-weight:600;padding:8px 0;border-bottom:1px solid #C9CEDE}
.tab td{padding:10px 0;border-bottom:1px solid #D9DDEC;font-variant-numeric:tabular-nums}
.apl-chips{display:flex;flex-wrap:wrap;gap:10px}
.apl-chips span{border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:10px 18px;font-weight:500}
.pcard .acoes{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:980px){.opcs{grid-template-columns:1fr 1fr}.specs{grid-template-columns:1fr}.filtros{align-items:flex-start}.fg{justify-content:flex-start}}
@media (max-width:620px){.opcs,.opcs-2{grid-template-columns:1fr}}

/* ---------- responsive ---------- */
.logo{flex-shrink:0}
@media (max-width:1180px){
  .logo img{height:24px}
  .nav a{padding:8px 10px;font-size:13.5px}
  .top .btn-azul{padding:11px 16px;font-size:14px}
}
@media (max-width:1000px){ .top .btn-azul{display:none} }
@media (max-width:820px){
  .nav{display:none}
  .menu-btn{display:inline-flex}
}
@media (max-width:980px){
  .produtos{grid-template-columns:1fr 1fr}
  .sobre .wrap,.cta .wrap{grid-template-columns:1fr}
  .sobre img{aspect-ratio:16/10}
  footer .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .wrap{padding-inline:18px}
  .produtos{grid-template-columns:1fr}
  section.bloco{padding-block:76px}
  footer .wrap{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ================= Estilo novo (referência: céu azul, cartões flutuantes, lima) ================= */
:root{
  --azul:#1F5FE0; --azul-escuro:#123C9E; --lima:#D7F55A; --lima-2:#C6EA3C;
  --preto:#0B0C15; --cinza-bg:#F3F4F6; --cinza-txt:#8C93A1; --texto:#4A5060; --linha:#E3E6EC;
  --nevoa:#FFFFFF; --nevoa-2:#F3F4F6;
  --f-titulo:'Inter Tight','Inter',Arial,sans-serif;
  --f-destaque:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --raio:4px;
}
body{background:#fff}
h1,h2,h3{font-family:var(--f-titulo);font-weight:500;letter-spacing:-.045em}
h1 em,h2 em,h3 em{font-style:normal;font-weight:inherit;color:var(--cinza-txt)}
.eyebrow,.pilula{font-family:var(--f-destaque);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;background:none;color:var(--texto);padding:0;border-radius:0}
.pilula::before,.rotulo::before{content:"•";margin-right:8px}
.rotulo{display:block;text-align:center;font-family:var(--f-destaque);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--texto)}

/* botões */
.btn{font-family:var(--f-destaque);font-size:12.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:12px 22px;min-height:46px}
.btn:hover{transform:none}
.btn .seta{width:30px;height:30px;border-radius:50%;background:var(--preto);color:var(--lima);display:grid;place-items:center;margin:-6px -14px -6px 2px;flex:none;transition:transform .2s}
.btn .seta svg{width:15px;height:15px}
.btn:hover .seta{transform:rotate(45deg)}
.btn-azul{background:var(--lima);color:var(--preto)}
.btn-azul:hover{background:var(--lima-2)}
.btn-claro{background:#fff;color:var(--preto);border-color:var(--linha)}
.btn-branco{background:var(--lima);color:var(--preto)!important}
@media (prefers-reduced-motion:reduce){.btn:hover .seta{transform:none}}

/* topo dentro do cartão do céu */
.top{padding-top:calc(env(safe-area-inset-top,0px) + 34px)}
.top .wrap{padding-inline:max(40px,env(safe-area-inset-left,0px))}
.logo img{height:30px;border-radius:5px}
.nav{background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;gap:6px}
.nav a{font-family:var(--f-destaque);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;color:rgba(255,255,255,.9)}
.nav a:hover,.nav a.on{background:rgba(255,255,255,.16)}
.btn-topo{min-height:40px;padding:8px 18px}
.btn-topo .seta{width:26px;height:26px;margin:-4px -10px -4px 0}
.menu-btn{font-family:var(--f-destaque);text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.menu-panel{background:rgba(11,20,45,.94)}
@media (max-width:1100px){.btn-topo{display:none}}

/* ---------- hero ---------- */
.hero{margin:12px;border-radius:var(--raio);min-height:0;display:block;text-align:center;
  background:linear-gradient(180deg,#1B57D6 0%,#2F7BEA 38%,#6FB2F4 70%,#CFE6FB 100%);overflow:hidden}
.hero::before{display:none}
.hero h1{font-family:var(--f-titulo);font-weight:400;font-size:clamp(40px,6vw,78px);letter-spacing:-.055em;line-height:1.02}
.hero h1 span{color:rgba(255,255,255,.82)}
@media (max-width:760px){
  .top .wrap{padding-inline:24px}
}

/* faixa de segmentos */
.faixa-apps{display:flex;overflow:hidden;padding-block:22px;border-bottom:1px solid var(--linha);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fa-trilho{display:flex;gap:44px;padding-right:44px;flex:none;animation:passa 40s linear infinite}
.fa-trilho span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#8C93A1;font-weight:500;font-size:15px}
.fa-trilho svg{width:18px;height:18px}
@keyframes passa{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.fa-trilho{animation:none}}

/* títulos centrais */
.titulo-c{text-align:center;font-size:clamp(30px,4.4vw,52px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:18px auto 0;max-width:900px}
.titulo-c .cinza{color:var(--cinza-txt)}

/* sobre + bento */
.estrelas{font-size:22px;letter-spacing:3px;color:#F2B01E}

/* serviços */

/* blocos escuros e coloridos viram cartões arredondados */
.aplic,.cta,.obrigado,.pagehead,.art-head{margin:12px;border-radius:var(--raio)}
.aplic{background:var(--preto)}
.aplic .eyebrow{color:#9EA6B8}
.cta{background:linear-gradient(160deg,#1B57D6,#2F7BEA)}
.cta::before{opacity:.5}
.contato-card{background:rgba(11,25,60,.28)}
.pagehead,.art-head{background:linear-gradient(180deg,#1B57D6 0%,#2F7BEA 100%);padding-block:180px 80px}
.pagehead::after{background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent)}
.pagehead h1,.art-head h1{font-weight:400;letter-spacing:-.055em}
.pagehead h1 em,.art-head h1 em{color:rgba(255,255,255,.75)}
.pagehead p{color:rgba(255,255,255,.88)}
.pagehead .pilula,.art-head .pilula{color:rgba(255,255,255,.85)}
.voltar{color:#fff;font-family:var(--f-destaque);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.obrigado h2 em{color:rgba(255,255,255,.72)}
.obrigado .pilula{color:#C9CEDA}
.aplic .cabeca p,.obrigado p{color:#B5BCCB}

/* cartões claros */
.linhas{background:#fff}
.pcard{background:var(--cinza-bg);border-color:transparent;box-shadow:none}
.pcard h2,.pcard h3,.quem h2,.chegar h2{font-weight:500}
.selos span{background:var(--lima);color:var(--preto);font-family:var(--f-destaque)}
.quem,.chegar{background:#fff}
.dif div{background:var(--cinza-bg)}
.dif .dn{font-family:var(--f-destaque);color:var(--azul)}
.dots span.on{background:var(--preto)}
.lista li::before{background:var(--lima)}
.dl,.post{background:var(--cinza-bg);border-color:transparent}
.dl-ic{background:var(--lima);color:var(--preto)}
.cat,.end .k,.mvv2 .k{color:var(--azul)}
.formsec{background:#fff}
.form{background:var(--cinza-bg)}
.form input,.form select,.form textarea{background:#fff}
.v360-ic{background:var(--lima);color:var(--preto)!important}
.art-cta{background:var(--preto)}
.art-cta .btn{background:var(--lima);color:var(--preto)!important}
.painel-img{background:radial-gradient(70% 70% at 50% 50%,#3A86F0,#1B57D6)}
footer{margin:12px;border-radius:var(--raio)}
footer h4{font-family:var(--f-destaque)}
footer img{border-radius:4px}

/* ================= Cores da logo: azul Metalrib #2E3192 + branco ================= */
:root{--azul:#2E3192;--azul-escuro:#1F2170;--azul-claro:#E6E7F8;--azul-medio:#5A5FC4;--preto:#14153A;--lima:#FFFFFF;--lima-2:#ECEDFA;--cinza-bg:#F2F3F9;--cinza-txt:#8A8DB8;--texto:#4A4D6A;--linha:#E2E3F0}
.hero,.pagehead,.art-head,.cta{background:linear-gradient(180deg,#2E3192 0%,#3D42B0 40%,#7C82DA 72%,#DCDEF6 100%)}
.pagehead,.art-head,.cta{background:linear-gradient(165deg,#2E3192 0%,#3D42B0 100%)}
.btn-azul{background:#fff;color:#2E3192}
.btn-azul:hover{background:#ECEDFA}
.btn-azul .seta{background:#2E3192;color:#fff}
.btn-branco{background:#fff;color:#2E3192!important}
/* botão azul em fundos claros */
.formsec .btn-azul,.chegar .btn-azul,.linhas .btn-azul,.bloco:not(.cta):not(.aplic) .btn-azul,.quem .btn-azul{background:#2E3192;color:#fff}
.formsec .btn-azul .seta,.chegar .btn-azul .seta,.linhas .btn-azul .seta,.bloco:not(.cta):not(.aplic) .btn-azul .seta{background:#fff;color:#2E3192}
.estrelas{color:#2E3192}
.selos span{background:#2E3192;color:#fff}
.lista li::before{background:#2E3192}
.dl-ic,.v360-ic{background:#2E3192;color:#fff!important}
.aplic{background:#14153A}
.aplic .eyebrow{color:#A9ACEB}
.art-cta{background:#2E3192}
.art-cta .btn{background:#fff;color:#2E3192!important}
.painel-img{background:radial-gradient(70% 70% at 50% 50%,#5A5FC4,#2E3192)}
footer{background:#14153A}
.cat,.end .k,.mvv2 .k,.dif .dn,.eyebrow{color:#2E3192}
.hero h1 span,.pagehead h1 em,.art-head h1 em{color:#D6D8F5}
.voltar{color:#fff}
.top .logo img{box-shadow:0 0 0 1.5px rgba(255,255,255,.7)}
.hero :focus-visible,.pagehead :focus-visible,.cta :focus-visible,.top :focus-visible{outline-color:#fff}

/* cartões do topo: retos, alinhados e abaixo do degradê */

/* aplicações: painel com depoimento + números + grade de segmentos */
.aplic2{padding-block:clamp(64px,8vw,100px)}
.ap-painel{margin-top:48px;background:#F2F3F9;border-radius:4px;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.ap-dep{margin:0;display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start}
.ap-dep figcaption{display:flex;flex-direction:column;gap:2px;padding-right:24px;border-right:1px solid #DCDEEC}
.ap-av{width:60px;height:60px;border-radius:4px;background:#2E3192;color:#fff;display:grid;place-items:center;font-family:var(--f-titulo);font-size:26px;margin-bottom:14px}
.ap-dep b{font-size:15px;font-weight:600;color:var(--preto)}
.ap-dep small{font-size:13px;color:var(--texto)}
.ap-dep blockquote{margin:0;font-family:var(--f-titulo);font-size:clamp(21px,2.4vw,30px);line-height:1.3;letter-spacing:-.03em;color:var(--preto);max-width:34ch}
.ap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ap-s{background:#fff;border-radius:4px;padding:22px;display:flex;align-items:center;gap:18px;min-width:0}
.ap-ic{flex:none;width:52px;height:52px;border-radius:50%;background:#2E3192;color:#fff;display:grid;place-items:center}
.ap-ic svg{width:24px;height:24px}
.ap-s b{display:block;font-family:var(--f-titulo);font-size:30px;font-weight:400;letter-spacing:-.04em;line-height:1.1;color:var(--preto)}
.ap-s small{display:block;font-size:13.5px;color:var(--texto);line-height:1.4;margin-top:4px}
.ap-grade{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ap-t{background:#F2F3F9;border-radius:4px;min-height:88px;padding:18px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;color:#5A5D80;font-weight:500;font-size:16px;transition:background .2s,color .2s}
.ap-t:hover{background:#E6E7F8;color:#2E3192}
.ap-t svg{width:22px;height:22px;flex:none;color:#2E3192}
@media (max-width:900px){.ap-dep{grid-template-columns:1fr;gap:20px}.ap-dep figcaption{border-right:0;padding-right:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.ap-av{grid-row:span 2;margin:0;width:48px;height:48px;font-size:20px}.ap-stats{grid-template-columns:1fr}.ap-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.ap-t{flex-direction:column;gap:8px;font-size:15px}}

/* avaliações: carrossel centralizado */
.dp-janela{margin-top:44px;overflow:hidden;padding-block:6px}
.dp-trilho{display:flex;align-items:stretch;column-gap:20px;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.dp-prox{background:#2E3192;color:#fff}
.dp-prox:hover{background:#1F2170}
@media (prefers-reduced-motion:reduce){.dp-trilho{transition:none}}

/* avaliações menores + continuar lendo */
.dp-trilho{column-gap:16px;align-items:flex-start}
.dp-mais{align-self:flex-start;background:none;border:0;padding:0;margin-top:-4px;font:600 13px var(--f-texto);color:#2E3192;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.dp-janela{margin-top:36px}

/* ================= Venha conhecer a fábrica: mapa em perspectiva ================= */
@media (prefers-reduced-motion:no-preference){@keyframes pulo{0%,100%{translate:0 0}50%{translate:0 -8px}}}
/* ajuste de enquadramento */

/* mapa 3D animado */

/* ================= Banner com vídeos da fábrica ================= */
.hero{background:#14153A}
.bv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}
.bv.on{opacity:1}
.hero h1{text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hero h1 span{color:#fff;opacity:.88}
.hero h1 span{color:#C3C6F2}
.bv-prog{position:absolute;left:50%;transform:translateX(-50%);bottom:64px;display:flex;gap:6px;z-index:1}
.bv-prog span{width:34px;height:3px;border-radius:3px;background:rgba(255,255,255,.28);overflow:hidden}
.bv-prog i{display:block;height:100%;width:0;background:#fff}
.bv-et{position:absolute;right:24px;bottom:22px;font-family:var(--f-destaque);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);background:rgba(20,21,58,.45);padding:6px 10px;border-radius:99px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media (max-width:760px){.bv-et{display:none}.bv-prog{bottom:56px}}

/* ================= Produtos: lista em cartões ================= */

/* vídeo 3D das portas */

/* ================= Fundo do site em cinza ================= */
:root{--cinza-bg:#FFFFFF;--nevoa:#E4E6EE;--nevoa-2:#FFFFFF;--linha:#D3D6E2}
body{background:#E4E6EE}
.quem,.chegar,.formsec,.linhas,.aplic2,.bloco.painelsec,section.bloco:not(.cta):not(.aplic){background:transparent}
.ap-painel,.ap-t,.pcard,.dif div,.post,.dl,.form{background:#FFFFFF}
.ap-t:hover{background:#F4F5FA}
.ap-s{background:#F2F3F8}
.faixa-apps{border-bottom-color:#D3D6E2}
.fa-trilho span{color:#6E7290}
.form input,.form select,.form textarea{background:#F7F8FB}
footer{background:#14153A}

/* ================= V4 · Estrutura vasta.me (faixas escuras e claras, títulos em dois tons) ================= */
:root{--az:#2E3192;--az-v:#2E3192;--az-cl:#9DA2FF;--esc:#0B0C24;--esc-2:#15163A;--cinza:#F3F4F8;--txt:#55586F;--cz:#9A9DB2;--borda:#E3E5EE;--f-destaque:'Inter',Arial,sans-serif}
body{background:#fff;color:var(--esc)}
h1,h2,h3{font-family:'Inter',Arial,sans-serif}

/* ---------- topo fixo ---------- */
.top{position:fixed;inset:0 0 auto 0;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(11,12,36,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.top .wrap{max-width:1280px;padding-inline:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:16px}
.top .logo{grid-column:2;grid-row:1;justify-self:center}
.top .logo img{height:28px;box-shadow:none}
.nav{grid-column:1;grid-row:1;justify-self:start;background:none!important;border:0!important;padding:0!important;backdrop-filter:none!important;gap:0}
.nav a{font-family:'Inter',Arial,sans-serif!important;font-size:12.5px!important;font-weight:500;letter-spacing:.06em!important;text-transform:uppercase!important;color:#C9CBE4;padding:6px 12px!important;border-radius:0!important;background:none!important;position:relative}
.nav a + a::before{content:"";position:absolute;left:0;top:50%;height:12px;margin-top:-6px;width:1px;background:rgba(255,255,255,.22)}
.nav a:hover,.nav a.on{color:#fff}
.nav a.on{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--az-cl)}
.btn-topo{grid-column:3;grid-row:1;justify-self:end;background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important;font-family:'Inter',Arial,sans-serif!important;font-size:12.5px!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:9px 18px!important;min-height:0!important}
.btn-topo:hover{background:#fff!important;color:var(--esc)!important}
.btn-topo .seta{display:none}
.menu-btn{grid-column:3;grid-row:1;justify-self:end}
.menu-panel{background:var(--esc)}

/* ---------- base ---------- */
.vs{padding-block:110px;position:relative}
.vs-claro{background:#fff}
.vs.vs-proposta{padding-block:56px}
.vs-preto{background:#000;color:#fff}
.vs-preto .vt{font-size:clamp(24px,2.6vw,36px)}
.vs-preto .vt{color:#fff}
.vs-preto .vt .c{color:#6E7190}
.vs-preto .vt .az{color:var(--az-cl)}
.vs-preto .vp,.vs-preto .vp-t{color:#B4B7CC}
.vs-preto .vp b{color:#fff}
.vs-preto .vp-ic{color:var(--az-cl)}
.vs-preto .vp + .vp::before{background:rgba(255,255,255,.14)}
.vs-proposta .vp-itens{margin-top:40px}
@media (max-width:860px){.vs.vs-proposta{padding-block:44px}.vs-proposta .vp-itens{margin-top:32px}}
.vs-cinza{background:var(--cinza)}

.priv-head{padding-bottom:72px!important}
.ob-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ob-f{margin:0;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:4/5;background:var(--cinza)}
.ob-f img{width:100%;height:100%;object-fit:cover;display:block}
.ob-f figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.94);color:var(--esc);font-weight:600;font-size:14px;padding:8px 12px;border-radius:4px}
.ob-rvs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.ob-rv{margin:0;background:#fff;border-radius:4px;overflow:hidden;padding:8px}
.ob-rv img{width:100%;display:block}
.ob-nota{text-align:center;margin-top:28px}
.ob-nota a{color:var(--az-cl);font-weight:600}
.ob-fim{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.ob-fim p{color:var(--txt);max-width:560px}
@media (max-width:980px){.ob-gal{grid-template-columns:1fr 1fr}.ob-rvs{grid-template-columns:1fr}}
@media (max-width:420px){.ob-gal{grid-template-columns:1fr}}
/* ---------- funil ---------- */
.vl-acoes{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:auto}
.vl-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--az-v);color:#fff;text-decoration:none;font:700 13px 'Inter',Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:11px 18px;border-radius:999px;transition:background .2s}
.vl-btn:hover{background:var(--esc)}
.vl-acoes .vl-lk{margin:0}
.msc-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.msc-cta .vbtn{min-width:0}
.msc-lk{color:#C9CBE4;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.msc-lk:hover{color:#fff}
.vs.vdep{padding-block:96px}
.dep{margin:0 auto;max-width:880px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.dep-aspas{font-size:120px;line-height:.6;height:48px;color:var(--az);font-family:Georgia,serif}
.dep-est{color:#F5B301;font-size:20px;letter-spacing:4px}
.dep blockquote{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1.35;color:var(--esc)}
.dep figcaption{display:flex;align-items:center;gap:14px;text-align:left}
.dep-av{width:52px;height:52px;border-radius:50%;background:var(--az);color:#fff;display:grid;place-items:center;font-weight:700}
.dep figcaption b{display:block;font-size:17px;color:var(--esc)}
.dep figcaption small{font-size:14px;color:var(--txt)}
.vs.vseg{padding-block:88px}
.seg-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.seg{border:1px solid #E1E4EE;border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:10px;background:#fff;transition:border-color .2s,transform .2s}
.seg:hover{border-color:var(--az);transform:translateY(-2px)}
.seg-ic{width:44px;height:44px;border-radius:4px;background:var(--cinza);color:var(--az);display:grid;place-items:center}
.seg-ic svg{width:24px;height:24px}
.seg h3{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--esc);line-height:1.25}
.seg p{font-size:14.5px;color:var(--txt);line-height:1.5}
.vf-mais{text-align:center;color:var(--txt);font-size:15px}
.vf-mais a{color:var(--az);font-weight:700}
.ft-links{display:flex;gap:20px;flex-wrap:wrap}
.ft-links a{text-decoration:underline;text-underline-offset:3px}
footer .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr 1.3fr}
@media (max-width:1100px){footer .wrap{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:980px){.seg-grade{grid-template-columns:1fr 1fr}}
@media (max-width:620px){footer .wrap{grid-template-columns:1fr 1fr}footer .wrap > div:first-child{grid-column:1/-1}.vs.vdep{padding-block:64px}.vs.vseg{padding-block:56px}.seg{padding:18px}}
@media (max-width:420px){.seg-grade{grid-template-columns:1fr}footer .wrap{grid-template-columns:1fr}}

/* ---------- cadastro / orçamento ---------- */
.vs.vcad{padding-block:72px}
.cad{display:grid;grid-template-columns:1fr 1.08fr;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 24px 60px rgba(11,12,36,.08);border:1px solid #E6E8F0}
.cad-foto{position:relative;min-height:640px;background:var(--esc);overflow:hidden;isolation:isolate}
.cad-s{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease}
.cad-s.on{opacity:1}
.cad-s img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 6s ease-out}
.cad-s.on img{transform:scale(1)}
.cad-foto::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,12,36,.55) 0%,rgba(11,12,36,0) 28%,rgba(11,12,36,0) 45%,rgba(11,12,36,.88) 100%)}
.cad-topo{position:absolute;z-index:2;left:28px;right:28px;top:26px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cad-marca{background:#fff;color:var(--az);font-weight:800;letter-spacing:.08em;font-size:13px;padding:8px 14px;border-radius:999px}
.cad-tag{color:#fff;font-size:13px;font-weight:600;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:7px 13px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cad-legenda{position:absolute;z-index:2;left:32px;right:32px;bottom:30px;color:#fff;display:grid}
.cad-c{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s;pointer-events:none}
.cad-c.on{opacity:1;transform:none}
.cad-n{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--az-cl)}
.cad-c h3{font-size:clamp(26px,2.6vw,34px);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:8px 0 8px}
.cad-c p{color:rgba(255,255,255,.82);font-size:16px;max-width:36ch}
.cad-dots{grid-area:2/1;display:flex;gap:7px;margin-top:22px}
.cad-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s,background .3s}
.cad-dots button.on{width:28px;background:#fff}
.cad-form{padding:44px 48px;display:flex;flex-direction:column;gap:22px;min-width:0}
.cad-cab{display:flex;flex-direction:column;gap:8px}
.cad-cab h2{font-size:clamp(28px,2.8vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--esc)}
.cad-cab p{color:var(--txt);font-size:15px}
#cad{display:flex;flex-direction:column;gap:14px}
#cad label,#cad legend{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--esc);padding:0}
#cad fieldset{border:0;margin:0;padding:0;min-width:0;border-radius:4px}
#cad legend{margin-bottom:6px}
#cad input:not([type=radio]),#cad select,#cad textarea{font:400 15px 'Inter',Arial,sans-serif;padding:11px 13px;border:1px solid #D9DCE7;border-radius:4px;background:#FAFBFD;color:var(--esc);width:100%;min-width:0;transition:border-color .15s,background .15s}
#cad textarea{resize:vertical}
#cad input:focus,#cad select:focus,#cad textarea:focus{outline:2px solid var(--az);outline-offset:0;border-color:var(--az);background:#fff}
#cad .cad-inv{border-color:#D92D20!important;background:#FFF6F5!important}
#cad fieldset.cad-inv{outline:1px solid #D92D20;outline-offset:4px}
.cad-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cad-2b{grid-template-columns:1fr 110px}
.cad-3{display:grid;grid-template-columns:1fr 1fr 110px;gap:12px}
.cad-un{position:relative;display:block}
.cad-un i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:13px;color:var(--cz);pointer-events:none}
.cad-un input{padding-right:38px!important}
.cad-chips{display:flex;flex-wrap:wrap;gap:8px}
.cad-chip{position:relative;flex-direction:row!important;gap:0!important;cursor:pointer}
.cad-chip input{position:absolute;opacity:0;width:1px;height:1px}
.cad-chip span{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid #D9DCE7;background:#fff;font-size:14px;font-weight:500;color:var(--esc);transition:background .15s,border-color .15s,color .15s}
.cad-chip:hover span{border-color:var(--az)}
.cad-chip input:checked+span{background:var(--esc);border-color:var(--esc);color:#fff}
.cad-chip input:focus-visible+span{outline:2px solid var(--az);outline-offset:2px}
.cad-erro{color:#B42318;font-size:14px;font-weight:600}
.cad-btn{margin-top:4px;background:var(--esc);color:#fff;border:0;border-radius:4px;padding:15px 20px;font:700 15px 'Inter',Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.cad-btn:hover{background:var(--az)}
.cad-btn:active{transform:scale(.99)}
.cad-link{color:var(--az);font-weight:600;font-size:14px;text-align:center}
.cad-lgpd{font-size:12.5px;color:var(--cz);text-align:center;line-height:1.5}
@media (max-width:980px){
  .cad{grid-template-columns:1fr}
  .cad-foto{min-height:0;aspect-ratio:4/5;max-height:560px}
  .cad-form{padding:32px 24px 28px}
}
@media (max-width:520px){
  .vs.vcad{padding-block:48px}
  .cad{border-radius:4px}
  .cad-foto{aspect-ratio:4/5}
  .cad-topo{left:18px;right:18px;top:18px}
  .cad-legenda{left:20px;right:20px;bottom:22px}
  .cad-2,.cad-3{grid-template-columns:1fr 1fr}
  .cad-2b{grid-template-columns:1fr 92px}
  .cad-3 label:last-child{grid-column:1/-1}
  .cad-2:not(.cad-2b) > label:first-child:nth-last-child(2){grid-column:auto}
}
@media (max-width:420px){.cad-2:not(.cad-2b){grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cad-s,.cad-s img,.cad-c{transition:none}}

.vs#linhas-h{padding-block:64px 80px}
.vl-cab{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:40px}
.vl-cab .vt{font-size:clamp(28px,3.4vw,44px)}
.vl-cta{display:flex;flex-direction:column;align-items:center;margin-top:36px}
@media (max-width:860px){.vs#linhas-h{padding-block:48px 56px}.vl-cab{margin-bottom:28px}}
.vs-escuro{background:var(--esc);color:#fff}
.vt{font-size:clamp(30px,3.9vw,52px);font-weight:700;letter-spacing:-.04em;line-height:1.06;color:var(--esc)}
.vt .c{color:var(--cz)}
.vt .az,.az{color:var(--az)}
.vs-escuro .az,.vt-claro .az{color:var(--az-cl)}
.vt-claro{color:#fff}
.vt-c{text-align:center;max-width:900px;margin-inline:auto}
.vk{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--az)}
.vs-escuro .vk{color:var(--az-cl)}
.vbtn{display:inline-flex;align-items:center;justify-content:center;background:var(--az-v);color:#fff;text-decoration:none;font:700 15px 'Inter',Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:17px 46px;border-radius:999px;min-width:280px;transition:background .2s,transform .2s;box-shadow:0 12px 30px rgba(46,49,146,.35)}
.vbtn:hover{background:var(--az);transform:translateY(-1px)}
.vh-sub{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--cz);margin-top:12px}
.vh-sub a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.vh-sub em{font-size:12px}
.vh-sub-c{align-items:center;text-align:center}

/* ---------- hero ---------- */
.hero.vh{display:block;text-align:left;min-height:auto;margin:0;border-radius:0;background:var(--esc);overflow:hidden;padding:0}
.hero.vh::before{display:none}
.vh-grade{max-width:1280px;padding-inline:32px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:150px;padding-bottom:110px}
.vh-txt{display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}
.vh-trust{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#C9CBE4}
.vh-trust b{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.02em}
.vh h1{font-size:clamp(42px,5.4vw,76px);font-weight:800;letter-spacing:-.045em;line-height:1.02;color:#fff;text-transform:none;max-width:12.5ch;text-shadow:none}
.vh h1 .c{color:#8F92B6}
.vh-txt > p{color:#C9CBE4;font-size:17px;max-width:520px;text-shadow:none}
.vh-txt .vbtn{margin-top:8px}
.vh .bv-et{position:absolute;left:22px;bottom:22px;z-index:1;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:none;padding:0;border:0;text-shadow:none}
.vh .bv-prog{position:absolute;left:auto;right:22px;bottom:26px;transform:none;z-index:1;display:flex;gap:6px}

/* ---------- proposta ---------- */
.vp-itens{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:56px auto 0}
.vp{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;font-size:15px;color:var(--txt)}
.vp-ic{width:56px;height:56px;border-radius:4px;background:var(--cinza);color:var(--az);display:grid;place-items:center}
.vp-ic svg{width:26px;height:26px}
.vm{padding-block:90px}
.vm-grade{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.vm-txt{font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.3;letter-spacing:-.025em;color:#fff}
.vm-video{border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:#000}
.vm-video video{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- dores (linha do tempo) ---------- */
.vd-linha{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:28px 28px;padding-left:28px}
.vd-linha::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(180deg,#C9CBE4 0 6px,transparent 6px 12px)}
.vdc{position:relative;background:var(--cinza);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:10px}
.vdc:nth-child(even){transform:translateY(48px)}
.vdc::before{content:"";position:absolute;left:-28px;top:30px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--az-v)}
.vdc:nth-child(even)::before{display:none}
.vdc h3{font-size:18px;font-weight:700;letter-spacing:-.02em}
.vdc p{color:var(--txt);font-size:15px}
.vcta-mid{padding-block:70px 110px;text-align:center}
.vcta-mid .wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.vcta-mid .vt{font-size:clamp(28px,3.4vw,44px)}

/* ---------- credibilidade ---------- */
.cr-faixa{margin-top:64px;border:0!important}
.cr-faixa .fa-trilho span{color:#8F92B6!important;font-size:16px}

/* ---------- visão geral ---------- */
.vo-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.vo{border:1px solid var(--borda);border-radius:4px;padding:6px 26px 22px}
.vo summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-weight:800;font-size:22px;letter-spacing:-.03em;border-bottom:1px solid var(--borda)}
.vo summary::-webkit-details-marker{display:none}
.vo summary::after{content:"×";font-weight:400;font-size:24px;color:var(--az);transition:transform .2s}
.vo:not([open]) summary::after{transform:rotate(45deg)}
.vo ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column}
.vo li a{display:block;padding:10px 0;color:var(--txt);text-decoration:none;font-size:15px}
.vo li a:hover{color:var(--az)}

/* ---------- pilares ---------- */
.vl-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vl{background:#fff;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.vl > img{width:100%;aspect-ratio:4/3.2;object-fit:cover;display:block}
.vl-txt{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.vl h3{font-size:24px;font-weight:800;letter-spacing:-.03em}
.vl p{color:var(--txt);font-size:15px}
.vl details{border-top:1px solid var(--borda);margin-top:4px}
.vl summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between}
.vl summary::-webkit-details-marker{display:none}
.vl summary::after{content:"+";color:var(--az);font-size:18px;line-height:1}
.vl details[open] summary::after{content:"–"}
.vl ul{margin:0 0 8px;padding-left:18px;color:var(--txt);font-size:14px;display:flex;flex-direction:column;gap:6px}
.vl-lk{margin-top:auto;color:var(--az);font-weight:700;text-decoration:none;font-size:15px}
.vtabs{margin-top:20px;background:#fff;border-radius:4px;padding:28px}
.vtabs-cab{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.vtabs-bts{display:flex;gap:8px;flex-wrap:wrap}
.vtabs-bts button{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:10px 18px;font:600 14px 'Inter',Arial,sans-serif;color:var(--txt);cursor:pointer}
.vtabs-bts button[aria-selected="true"]{background:var(--esc);border-color:var(--esc);color:#fff}
.vtab p{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--txt);max-width:900px}
.vtab b{color:var(--esc)}

/* ---------- processo zigue-zague ---------- */
.vz{display:flex;flex-direction:column;gap:28px;margin-top:64px;position:relative}
.vz-l{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--cinza);border-radius:4px;padding:22px}
.vz-l:nth-child(even) .vz-t{order:2}
.vz-t{padding:20px 28px;display:flex;flex-direction:column;gap:12px}
.vz-n{font-size:64px;font-weight:800;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--az)}
.vz-t h3{font-size:clamp(24px,2.4vw,32px);font-weight:800;letter-spacing:-.035em}
.vz-t p{color:var(--txt);max-width:44ch}
.vz-l img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;display:block}

/* ---------- números ---------- */
.vnum .wrap{display:flex;flex-direction:column;align-items:center;gap:56px;text-align:center}
.vn-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}
.vn-grade div{display:flex;flex-direction:column;gap:10px;padding:28px 12px;border-left:1px solid rgba(255,255,255,.1)}
.vn-grade div:first-child{border-left:0}
.vn-grade b{font-size:clamp(48px,6vw,86px);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--az-cl)}
.vn-grade span{color:#C9CBE4;font-size:16px}

/* ---------- valores ---------- */
.vv-grade{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.vv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.vv li{display:flex;align-items:baseline;gap:22px;padding:20px 0;border-bottom:1px solid var(--borda);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.03em}
.vv li:first-child{border-top:1px solid var(--borda)}
.vv span{font-size:14px;font-weight:600;color:var(--az);min-width:28px;letter-spacing:0}

/* ---------- FAQ ---------- */
.vf-grade{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.vf{display:flex;flex-direction:column;gap:10px}
.vf .fq{background:#fff;border-radius:4px}
.vf .fq summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:16px;color:var(--esc)}
.vf .fq summary::-webkit-details-marker{display:none}
.vf .fq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:var(--cinza);color:var(--az);text-align:center;line-height:26px;font-size:18px;transition:transform .25s}
.vf .fq[open] summary::after{transform:rotate(45deg)}
.vf .fq p{padding:0 22px 20px;color:var(--txt);font-size:15px}
.vf .fq p a{color:var(--az);font-weight:600}
#faq .vf-grade{display:flex;flex-direction:column;align-items:center;gap:36px}
#faq .vt{text-align:center}
#faq .vf{width:100%;max-width:820px;display:flex;flex-direction:column;gap:0;border-top:1px solid #D9DCE7}
#faq .vf .fq{background:transparent;border-radius:0;border-bottom:1px solid #D9DCE7}
#faq .vf .fq summary{padding:20px 4px;font-size:17px}
#faq .vf .fq summary::after{background:#fff}
#faq .vf .fq p{padding:0 4px 22px;max-width:70ch}
@media (max-width:620px){#faq .vf-grade{gap:24px}#faq .vf .fq summary{font-size:16px;padding:18px 2px}}

/* ---------- SEO ---------- */
.vseo-box summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.vseo-box summary::-webkit-details-marker{display:none}
.vseo-mais{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--az);border-bottom:2px solid var(--az);padding-bottom:2px}
.vseo-box[open] .vseo-mais{display:none}
.vseo-box .vt{font-size:clamp(26px,3vw,40px);max-width:900px}
.vseo-corpo{max-width:820px;margin-top:24px;color:var(--txt);font-size:16px;line-height:1.7;display:flex;flex-direction:column;gap:12px}
.vseo-corpo h3{font-size:22px;font-weight:700;color:var(--esc);margin-top:14px;letter-spacing:-.02em}
.vseo-corpo ul{margin:0;padding-left:20px}
.vseo-corpo a{color:var(--az);font-weight:600}

/* ---------- CTA final ---------- */
.vfim .wrap{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.vfim p{color:#C9CBE4;max-width:560px}
.vfim{background:radial-gradient(60% 80% at 50% 120%,rgba(46,49,146,.55),transparent 70%),var(--esc)}

/* ---------- páginas internas ---------- */
.pagehead,.art-head{margin:0!important;border-radius:0!important;background:var(--esc)!important;padding-top:160px!important}
.pagehead::before{opacity:.5}
.pagehead::after{background:radial-gradient(closest-side,rgba(46,49,146,.45),transparent)!important}
.pagehead h1,.art-head h1{font-weight:800!important;letter-spacing:-.045em!important}
.pagehead h1 em,.art-head h1 em{font-style:normal!important;color:#8F92B6!important;font-weight:800!important}
.pagehead .pilula,.art-head .cat{background:none!important;color:var(--az-cl)!important;padding:0!important;font-weight:600;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:12px!important}
.pagehead .pilula::before{display:none!important}
.bloco.cta,.obrigado,footer{margin:0!important;border-radius:0!important}
footer{background:var(--esc)!important;border-top:1px solid rgba(255,255,255,.08)}
.ap-painel,.ap-t,.pcard,.dif div,.post,.dl,.form,.opc,.spec{background:var(--cinza)!important;border-color:transparent!important;box-shadow:none!important}
.btn-azul{background:var(--az-v);color:#fff}
.formsec .btn-azul,.chegar .btn-azul,.linhas .btn-azul,.bloco:not(.cta):not(.aplic) .btn-azul{background:var(--az-v);color:#fff}

/* ---------- responsivo ---------- */
@media (max-width:1000px){
  .top .wrap{grid-template-columns:auto 1fr auto}
  .top .logo{grid-column:1;justify-self:start}
  .nav{display:none}
  .btn-topo{display:none!important}
  .vh-grade,.vm-grade,.vv-grade,.vf-grade{grid-template-columns:1fr}
  .vo-grade,.vl-grade{grid-template-columns:1fr}
  .vz-l{grid-template-columns:1fr;gap:12px}
  .vz-l:nth-child(even) .vz-t{order:0}
  .vz-l img{order:-1}
}
@media (max-width:700px){
  .top .wrap,.vh-grade{padding-inline:20px}
  .vs{padding-block:72px}
  .vh-grade{padding-top:110px;padding-bottom:72px;gap:36px}
  .vbtn{min-width:0;width:100%}
  .vp-itens,.vn-grade{grid-template-columns:1fr}
  .vn-grade div{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .vn-grade div:first-child{border-top:0}
  .vd-linha{grid-template-columns:1fr}
  .vdc:nth-child(even){transform:none}
  .vdc:nth-child(even)::before{display:block}
  .vz-t{padding:8px 6px}
  .vh .bv-et{display:none}
}
@media (prefers-reduced-motion:reduce){.vbtn:hover{transform:none}}
.vt .az,span.az{font-size:inherit;font-weight:inherit}
@media (min-width:1001px) and (max-width:1280px){.nav a{padding:6px 9px!important;font-size:11.5px!important}}
/* ---------- dores: linha do tempo ligada à rolagem ---------- */
.vd-linha{display:flex;flex-direction:column;gap:22px;padding:24px 0 24px;grid-template-columns:none}
.vd-linha::before{display:none}
.vd-linha article.vdc{width:calc(50% - 40px);--k:1;--dx:-48px;opacity:calc(.12 + .88*var(--k));transform:translateX(calc((1 - var(--k))*var(--dx))) scale(calc(.78 + .22*var(--k)));transform-origin:right center;will-change:transform,opacity}
.vd-linha article.vdc:nth-of-type(odd){align-self:flex-start}
.vd-linha article.vdc:nth-of-type(even){align-self:flex-end;--dx:48px;transform-origin:left center}
.vd-linha article.vdc::before{display:block!important;content:"";position:absolute;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid #C9CBE4;transition:background .25s,border-color .25s,box-shadow .25s}
.vd-linha article.vdc:nth-of-type(odd)::before{left:auto;right:-47px}
.vd-linha article.vdc:nth-of-type(even)::before{left:-47px}
.vd-linha article.vdc::after{content:"";position:absolute;top:50%;height:2px;width:26px;background:#DADCF0}
.vd-linha article.vdc:nth-of-type(odd)::after{right:-26px}
.vd-linha article.vdc:nth-of-type(even)::after{left:-26px}
.vd-linha article.vdc.on::before{background:var(--az-v);border-color:var(--az-v);box-shadow:0 0 0 5px rgba(46,49,146,.15)}
.vd-linha article.vdc.on::after{background:var(--az-v)}
.vd-linha article.vdc.on{background:#fff;box-shadow:0 18px 40px rgba(20,21,58,.08),inset 0 0 0 1px #E4E5FB}
@media (max-width:700px){
  .vd-linha{padding-left:34px}
  .vd-linha article.vdc,.vd-linha article.vdc:nth-of-type(even){width:100%;align-self:stretch;--dx:28px;transform-origin:left center}
  .vd-linha article.vdc::before,.vd-linha article.vdc:nth-of-type(even)::before{left:-31px;right:auto}
  .vd-linha article.vdc::after,.vd-linha article.vdc:nth-of-type(even)::after{left:-18px;right:auto;width:18px}
}
@media (prefers-reduced-motion:reduce){.vd-linha article.vdc{transform:none!important;opacity:1!important}}
/* ---------- dores: título solto + cor real #2E3192 na linha do tempo ---------- */
#dores{--az-v:#2E3192;--az:#2E3192}
.vd-w{color:#CDCFE2;transition:color .25s ease}
.vd-w.on{color:var(--esc)}
.az .vd-w.on{color:#2E3192}
.vd-t{font-size:clamp(18px,1.7vw,22px);font-weight:700;letter-spacing:-.02em;color:var(--esc);transition:opacity .2s,transform .2s}
.vd-t.troca{opacity:0;transform:translateY(6px)}
#dores .vd-linha article.vdc.on::before{box-shadow:0 0 0 5px rgba(46,49,146,.15)}
/* ---------- cor real Metalrib #2E3192 em todo o site ---------- */
:root{--az:#2E3192;--az-v:#2E3192;--azul:#2E3192}
.vbtn:hover{background:#25287A}
.vs-escuro .az,.vt-claro .az,.vn-grade b,.vs-escuro .vk{color:#A9ACEB}
/* ---------- topo da Home (estilo Brickwise, cores Metalrib) ---------- */
.btn-zap-topo{display:none}
body.home-topo .top{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #ECEDF3;box-shadow:0 1px 0 rgba(20,21,58,.02)}
body.home-topo .top .wrap{display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative;height:68px}
body.home-topo .top .logo{order:0;margin-right:auto}
body.home-topo .nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:6px}
body.home-topo .nav a{text-transform:none!important;letter-spacing:-.005em!important;font-size:14.5px!important;font-weight:500;color:#8A8DA6;padding:8px 14px!important}
body.home-topo .nav a + a::before{display:none}
body.home-topo .nav a:hover{color:#14153A}
body.home-topo .nav a.on{color:#14153A;font-weight:600;text-decoration:none}
body.home-topo .btn-zap-topo{display:inline-flex;order:2;align-items:center;font:600 14px 'Inter',Arial,sans-serif;color:#14153A;text-decoration:none;padding:10px 20px;border:1px solid #D9DBE6;border-radius:999px;background:#fff;transition:border-color .2s}
body.home-topo .btn-zap-topo:hover{border-color:#2E3192;color:#2E3192}
body.home-topo .btn-topo{order:3;background:#2E3192!important;color:#fff!important;border:0!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600;padding:11px 20px!important;border-radius:999px}
body.home-topo .btn-topo:hover{background:#25287A!important}
body.home-topo .btn-topo .seta{display:inline-grid!important;place-items:center;width:auto;height:auto;margin:0 0 0 6px;background:none;color:#fff}
body.home-topo .btn-topo .seta svg{width:15px;height:15px}
body.home-topo .menu-btn{order:4;background:#F3F4F8;color:#14153A;border:1px solid #E3E5EE}
@media (max-width:1000px){body.home-topo .nav,body.home-topo .btn-topo,body.home-topo .btn-zap-topo{display:none!important}}
/* ---------- hero com foto integrada ---------- */
.hero.vh{position:relative;background:linear-gradient(90deg,#0B0C24 0%,#0B0C24 38%,#090A16 62%,#08090F 100%);min-height:min(820px,100svh)}
.vh-foto{position:absolute;top:0;right:0;bottom:0;width:min(58%,860px);margin:0;z-index:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(0deg,transparent 0%,#000 26%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 32%),linear-gradient(0deg,transparent 0%,#000 26%);mask-composite:intersect}
.vh-foto img{width:100%;height:100%;object-fit:cover;object-position:62% 18%;display:block}
.vh-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,36,.35),transparent 45%),radial-gradient(70% 60% at 70% 40%,transparent 40%,rgba(8,9,15,.35))}
.vh-grade{position:relative;z-index:1;grid-template-columns:1fr 1fr;min-height:min(820px,100svh);padding-top:120px!important;padding-bottom:90px!important}
.vh-txt{grid-column:1}
@media (max-width:1000px){
  .vh-foto{width:100%;height:520px;bottom:auto;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 45%);mask-image:linear-gradient(0deg,transparent 0%,#000 45%);-webkit-mask-composite:source-over;mask-composite:add}
  .vh-foto img{object-position:60% 15%}
  .vh-grade{grid-template-columns:1fr;min-height:0;padding-top:400px!important}
}
@media (max-width:700px){.vh-foto{height:440px}.vh-grade{padding-top:330px!important}}
/* ---------- proposta: ícones soltos, textos em 2 linhas ---------- */
.vp-itens{grid-template-columns:repeat(3,1fr);gap:0;max-width:1020px;margin:64px auto 0}
.vp{gap:20px;padding:8px 32px;position:relative}
.vp + .vp::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--borda)}
.vp-ic{width:auto;height:auto;background:none;border-radius:0;color:#2E3192}
.vp-ic svg{width:40px;height:40px;stroke-width:1.6}
.vp-t{display:block;font-size:16px;line-height:1.55;color:var(--txt);white-space:nowrap}
.vp-t b{font-weight:600;color:var(--esc)}
@media (max-width:700px){
  .vp-itens{grid-template-columns:1fr;gap:36px;margin-top:44px}
  .vp{padding:0}
  .vp + .vp::before{left:30%;right:30%;top:-18px;bottom:auto;width:auto;height:1px}
}
/* ---------- veja funcionando ---------- */
.vm-grade{grid-template-columns:.9fr 1.1fr;gap:64px}
.vm-txt{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:inherit;font-weight:400}
.vm-txt .vt{font-size:clamp(30px,3.4vw,46px)}
.vm-txt > p{color:#B4B7D3;font-size:16px;line-height:1.6;max-width:44ch}
.vm-lista{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:10px}
.vm-lista button{display:flex;align-items:flex-start;gap:16px;text-align:left;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:16px 18px;color:#fff;cursor:pointer;font:inherit;transition:background .2s,border-color .2s}
.vm-lista button:hover{background:rgba(255,255,255,.07)}
.vm-lista button.on{background:#2E3192;border-color:#2E3192}
.vm-n{font-size:13px;font-weight:700;color:#A9ACEB;padding-top:2px;min-width:22px}
.vm-lista button.on .vm-n{color:#fff}
.vm-lista b{display:block;font-size:16px;font-weight:600}
.vm-lista small{display:block;font-size:14px;color:#A6A9C8;margin-top:2px}
.vm-lista button.on small{color:#D9DAF5}
@media (max-width:1000px){.vm-grade{gap:32px}.vm-video{order:-1}}
@media (max-width:1000px){.vm-grade{grid-template-columns:1fr}}
/* veja funcionando: vídeo com a mesma altura do bloco de texto; no celular, vídeo por último */
.vm-grade{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch;gap:56px}
.vm-video{aspect-ratio:auto;height:100%;min-height:360px;border-radius:4px}
.vm-video video{object-fit:cover;object-position:28% 50%}
@media (max-width:1000px){
  .vm-grade{grid-template-columns:1fr;gap:28px}
  .vm-video{order:2;height:auto;min-height:0;aspect-ratio:16/9}
  .vm-video video{object-position:50% 50%}
}
@media (min-width:1001px){.vm-video video{object-position:8% 50%}}
/* vídeo inteiro (sem recorte), centralizado com o bloco de texto */
.vm-grade{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center}
.vm-video{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}

.vm-video video{object-fit:contain!important;object-position:50% 50%!important;background:#D7D9E3}
@media (max-width:1000px){.vm-grade{grid-template-columns:1fr!important;gap:28px}.vm-video{order:2}}
/* ================= DORES · celular com cartões que surgem na rolagem ================= */
.cel{position:relative;height:calc(100vh + 6 * 62vh);background:#fff}
.cel-fixo{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:64px}
.cel-grade{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.1fr);align-items:center;gap:40px;width:100%}
.cel-tit .vt{font-size:clamp(34px,4.2vw,58px);max-width:11ch}
.cel-tit .vd-w{color:#CDCFE2;transition:color .25s}
.cel-tit .vd-w.on{color:var(--esc)}
.cel-tit .az .vd-w.on{color:#2E3192}
/* trilho com a bolinha */
.cel-trilho{position:relative;justify-self:center;width:2px;height:min(62vh,560px);background:repeating-linear-gradient(180deg,#D3D5E6 0 6px,transparent 6px 12px);--p:0}
.cel-fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--p)*100%);background:linear-gradient(180deg,#C2C4EC,#2E3192);border-radius:2px}
.cel-trilho i{position:absolute;left:50%;top:calc(var(--y)*100%);width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2px solid #D3D5E6;transition:background .25s,border-color .25s}
.cel-trilho i.on{background:#2E3192;border-color:#2E3192}
.cel-bola{position:absolute;left:50%;top:calc(var(--p)*100%);width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#2E3192;border:4px solid #fff;box-shadow:0 0 0 6px rgba(46,49,146,.15),0 8px 24px rgba(46,49,146,.45);z-index:2}
/* palco + celular */
.cel-palco{position:relative;display:grid;place-items:center;height:min(78vh,700px)}
.fone{position:relative;width:min(300px,30vw);aspect-ratio:300/620;border-radius:54px;padding:11px;background:linear-gradient(145deg,#4A4D5C 0%,#1B1C24 22%,#0E0F14 55%,#2B2D38 82%,#545766 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 0 0 0 5px #0A0B10,0 50px 90px -20px rgba(20,21,58,.45),0 20px 40px -10px rgba(20,21,58,.25)}
.fone::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 28%);pointer-events:none}
.fone-bt{position:absolute;width:4px;border-radius:3px;background:linear-gradient(90deg,#2B2D38,#5A5D6C)}
.fone-bt1{left:-3px;top:17%;height:5%}.fone-bt2{left:-3px;top:25%;height:9%}.fone-bt3{left:-3px;top:36%;height:9%}.fone-bt4{right:-3px;top:28%;height:14%;background:linear-gradient(270deg,#2B2D38,#5A5D6C)}
.fone-tela{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:linear-gradient(180deg,#F6F7FB 0%,#ECEEF6 100%)}
.fone-ilha{position:absolute;left:50%;top:11px;width:31%;height:27px;margin-left:-15.5%;border-radius:20px;background:#000;z-index:3}
.fone-status{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 0 28px;font-size:13px;color:var(--esc)}
.fone-ic{display:flex;gap:2px;align-items:flex-end}
.fone-ic i{width:3px;background:var(--esc);border-radius:1px}
.fone-ic i:nth-child(1){height:4px}.fone-ic i:nth-child(2){height:6px}.fone-ic i:nth-child(3){height:8px}.fone-ic i:nth-child(4){height:10px}
.fone-app{padding:34px 20px 0;display:flex;flex-direction:column;gap:10px}
.fone-logo{align-self:flex-start;background:#2E3192;color:#fff;font-size:10px;letter-spacing:.14em;padding:5px 9px;border-radius:5px;font-weight:600}
.fone-k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cz);margin-top:8px}
.fone-num{font-size:46px;font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--esc)}
.fone-num small{font-size:18px;color:var(--cz);font-weight:600;letter-spacing:0}
.fone-lista{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.fone-lista li{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--txt);background:#fff;border-radius:11px;padding:8px 10px;transition:background .3s,color .3s}
.cl-d{width:8px;height:8px;border-radius:50%;border:2px solid #CDCFE2;flex:none;transition:all .3s}
.fone-lista li.feito .cl-d{background:#2E3192;border-color:#2E3192}
.fone-lista li.on{background:#2E3192;color:#fff}
.fone-lista li.on .cl-d{background:#fff;border-color:#fff}
.fone-cta{margin-top:10px;text-align:center;font-size:12px;font-weight:600;color:#fff;background:var(--esc);border-radius:999px;padding:10px}
.fone-home{position:absolute;left:50%;bottom:8px;width:36%;height:5px;margin-left:-18%;border-radius:4px;background:var(--esc);opacity:.85}
/* cartões que surgem do celular */
.cel-cards{position:absolute;inset:0;pointer-events:none}
.cel-card{position:absolute;left:50%;top:46%;width:min(400px,40vw);background:#2E3192;color:#fff;border-radius:4px;padding:24px 28px;box-shadow:0 30px 60px -12px rgba(46,49,146,.55),0 10px 24px -8px rgba(20,21,58,.3);opacity:0;transform:translate(-50%,-50%) translateY(120px) scale(.62);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.2,.85,.25,1.08),opacity .4s ease;display:flex;flex-direction:column;gap:8px}
.cel-card.on{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}
.cel-card.saiu{opacity:0;transform:translate(-50%,-50%) translateY(-70px) scale(.9);transition:transform .5s ease,opacity .3s ease}
.cel-cn{font-size:12px;font-weight:600;letter-spacing:.1em;color:#C9CBF4}
.cel-card h3{font-size:clamp(20px,1.9vw,24px);font-weight:700;letter-spacing:-.025em;color:#fff}
.cel-card p{font-size:15px;line-height:1.55;color:#E4E5FB}
@media (max-width:1000px){
  .cel{height:calc(100vh + 6 * 55vh)}
  .cel-fixo{align-items:flex-start;padding-top:96px}
  .cel-grade{grid-template-columns:1fr;gap:22px;justify-items:center;text-align:center}
  .cel-tit .vt{font-size:clamp(26px,7vw,40px);max-width:none;margin-inline:auto}
  .cel-trilho{width:min(260px,70vw);height:2px;background:repeating-linear-gradient(90deg,#D3D5E6 0 6px,transparent 6px 12px);order:2}
  .cel-fill{height:100%;width:calc(var(--p)*100%)}
  .cel-trilho i{left:calc(var(--y)*100%);top:50%}
  .cel-bola{left:calc(var(--p)*100%);top:50%}
  .cel-palco{order:3;height:auto;width:100%;padding-top:6px}
  .fone{width:min(230px,58vw)}
  .cel-card{width:min(330px,88vw);top:52%;padding:20px 22px}
  .cel-card p{font-size:14px}
}
@media (max-height:700px) and (min-width:1001px){.fone{width:min(250px,26vw)}}
@media (prefers-reduced-motion:reduce){.cel-card{transition:opacity .2s}.cel-card,.cel-card.on,.cel-card.saiu{transform:translate(-50%,-50%)}}
.fone-app,.fone-status{text-align:left}.fone-lista li span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1000px){.fone-app{padding:30px 14px 0;gap:8px}.fone-num{font-size:36px}.fone-lista li{font-size:10.5px;padding:7px 9px}}
/* ---------- prints reais das avaliações ---------- */
.rv{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;margin-top:64px;background:var(--esc-2);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:40px}
.rv-info{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.rv-nota{display:flex;align-items:center;gap:14px}
.rv-nota b{font-size:64px;font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}
.rv-est{color:#F5B301;font-size:22px;letter-spacing:3px}
.rv-info p{color:#B4B7D3;font-size:16px;max-width:36ch}
.rv-info p b{color:#fff}
.rv-lk{color:#A9ACEB;font-weight:600;text-decoration:none;font-size:15px}
.rv-lk:hover{text-decoration:underline}
.rv-palco{position:relative;height:300px;display:grid;place-items:center}
.rv-p{position:absolute;margin:0;width:min(100%,420px);background:#fff;border-radius:4px;padding:14px 12px;box-shadow:0 30px 60px -16px rgba(0,0,0,.55);opacity:0;transform:translateY(16px) scale(.97);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.rv-p.on{opacity:1;transform:none}
.rv-p img{display:block;width:100%;height:auto;border-radius:4px}
.rv-dots{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.rv-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.25);cursor:pointer;transition:width .3s,background .3s}
.rv-dots button.on{width:24px;background:#fff}
@media (max-width:1000px){.rv{grid-template-columns:1fr;gap:32px;padding:28px 20px}.rv-palco{height:290px}}
@media (max-width:420px){.rv-palco{height:270px}}
.vh-foto{top:64px}.vh-foto img{object-position:60% 0%}@media (max-width:1000px){.vh-foto{top:68px}.vh-foto img{object-position:55% 0%}}

/* ================= CREDIBILIDADE · mascote com rolagem ================= */
.msc{position:relative;height:calc(100vh + 3 * 70vh);background:#000;color:#fff}
.msc-fixo{background:radial-gradient(60% 75% at 74% 50%,rgba(42,58,230,.55) 0%,rgba(46,49,146,.28) 38%,rgba(0,0,0,0) 72%),radial-gradient(55% 60% at 0% 100%,rgba(30,64,200,.35) 0%,rgba(0,0,0,0) 70%),linear-gradient(160deg,#000 0%,#02030C 45%,#070A2E 100%)}
.msc .msc-trilho i{background:#000}
@media (max-width:860px){.msc-fixo{background:radial-gradient(90% 55% at 50% 72%,rgba(42,58,230,.55) 0%,rgba(46,49,146,.25) 40%,rgba(0,0,0,0) 75%),linear-gradient(180deg,#000 0%,#02030C 50%,#070A2E 100%)}}
.msc-fixo{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:64px}
.msc-grade{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;gap:40px;width:100%}
.msc-txt{display:flex;flex-direction:column;gap:44px}
.msc-txt .vt{font-size:clamp(34px,4.2vw,58px);max-width:12ch}
.msc-txt .vd-w{color:#33355E;transition:color .25s}
.msc-txt .vd-w.on{color:#fff}
.msc-txt .az .vd-w.on{color:var(--az-cl)}
.msc-passos{position:relative;min-height:170px}
.msc-p{position:absolute;inset:0 auto auto 0;max-width:440px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(34px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.85,.25,1)}
.msc-p.on{opacity:1;transform:none}
.msc-p.saiu{opacity:0;transform:translateY(-30px)}
.msc-n{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--az-cl)}
.msc-p h3{font-size:clamp(26px,2.7vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:#fff}
.msc-p p{font-size:17px;line-height:1.55;color:#B9BBDA}
.msc-trilho{background:repeating-linear-gradient(180deg,#33355E 0 6px,transparent 6px 12px)}
.msc-trilho i{background:var(--esc);border-color:#44477A}
.msc-trilho i.on{background:#fff;border-color:#fff}
.msc-trilho .cel-fill{background:linear-gradient(180deg,#5B5FD0,#9DA2FF)}
.msc-trilho .cel-bola{border-color:var(--esc);background:#fff;box-shadow:0 0 0 6px rgba(157,162,255,.22),0 8px 28px rgba(46,49,146,.8)}
.msc-palco{position:relative;height:min(80vh,720px);display:grid;place-items:end center}
.msc-luz{position:absolute;left:50%;top:48%;width:min(560px,46vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(46,49,146,.95) 0%,rgba(46,49,146,.45) 42%,rgba(11,12,36,0) 70%)}
.msc-chao{position:absolute;left:50%;bottom:1.5%;width:62%;height:7%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),rgba(0,0,0,0) 70%)}
.msc-m{position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 100%;opacity:0;transform:translateX(-50%) translateY(40px) scale(.94);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.85,.25,1.05);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.msc-m.on{opacity:1;transform:translateX(-50%)}
.msc-m.saiu{opacity:0;transform:translateX(-50%) translateY(-24px) scale(.97)}
.msc-av{padding-top:20px}
.msc-av .rv{margin-top:0}
@media (max-width:860px){
  .msc{height:calc(100vh + 3 * 60vh)}
  .msc-fixo{align-items:flex-start;padding-top:88px}
  .msc-grade{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center}
  .msc-txt{gap:16px;align-items:center;order:1}
  .msc-txt .vt{font-size:clamp(26px,7vw,40px);max-width:none}
  .msc-passos{min-height:118px;width:100%}
  .msc-p{inset:0 0 auto 0;max-width:none;align-items:center;gap:6px}
  .msc-p h3{font-size:clamp(21px,5.8vw,28px)}
  .msc-p p{font-size:15px;max-width:34ch}
  .msc-trilho{order:2;width:min(240px,64vw);height:2px;background:repeating-linear-gradient(90deg,#33355E 0 6px,transparent 6px 12px)}
  .msc-trilho .cel-fill{height:100%;width:calc(var(--p)*100%)}
  .msc-trilho i{left:calc(var(--y)*100%);top:50%}
  .msc-trilho .cel-bola{left:calc(var(--p)*100%);top:50%}
  .msc-palco{order:3;width:100%;height:calc(100vh - 380px);min-height:260px;max-height:460px}
  .msc-luz{width:min(380px,90vw)}
}
@media (prefers-reduced-motion:reduce){.msc-p,.msc-m{transition:opacity .2s}.msc-p,.msc-p.on,.msc-p.saiu{transform:none}.msc-m,.msc-m.on,.msc-m.saiu{transform:translateX(-50%)}}
.msc-av{padding-block:24px 64px}
.vfim + .rv-fim{padding-top:0}
.vnum{padding-bottom:72px}
.rv-fim .rv{margin-top:0}

/* ===== páginas internas no mesmo padrão visual da Home ===== */
.page:not([data-page="home"]) .cabeca h2,.page:not([data-page="home"]) .bloco h2,.page:not([data-page="home"]) section > .wrap > h2,.quem-txt h2,.painel-txt h2{font-weight:700!important;letter-spacing:-.04em!important;line-height:1.06!important;color:var(--esc)}
.page:not([data-page="home"]) h2 em,.quem-txt h2 em{font-style:normal!important;font-weight:inherit!important;color:#2E3192!important}
.pagehead h1 em,.art-head h1 em{font-style:normal!important;font-weight:inherit!important;color:var(--az-cl)!important}
.page:not([data-page="home"]) .eyebrow{letter-spacing:.12em;font-weight:600;font-size:12px}
.page:not([data-page="home"]) .btn{border-radius:999px}
.page:not([data-page="home"]) .btn-azul{background:#2E3192!important;color:#fff!important}
.page:not([data-page="home"]) .btn-azul:hover{background:#25287A!important}
.obrigado-txt h2{color:#fff!important}
.page .obrigado-txt h2 em,.page:not([data-page="home"]) .vs-escuro h2 em,.page:not([data-page="home"]) .aplic h2 em{color:var(--az-cl)!important}
.page .aplic .cabeca h2,.page .aplic h2{color:#fff!important}


/* ===== Produtos em carrossel (cartões estilo vitrine) ===== */
.pc{background:#F5F5F7!important;padding-block:72px 64px!important}
.linhas{background:#F5F5F7!important}
.pc-cab{max-width:1280px;margin:0 auto;padding-inline:32px}
.pc-cab h2{font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#1D1D1F}
.pc-cab h2 b{font-weight:600;color:#1D1D1F}
.pc-cab h2 .c{color:#6E6E73}
.pc-wrap{position:relative}
.pc-trilho{--pad:max(32px,calc((100vw - 1280px)/2 + 32px));display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:28px var(--pad) 44px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pc-trilho::-webkit-scrollbar{display:none}
.pc-trilho:focus-visible{outline-offset:-6px}
.pc-card{position:relative;flex:0 0 313px;min-height:500px;scroll-snap-align:start;background:#fff;border-radius:18px;box-shadow:2px 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(0,0,.5,1),box-shadow .3s cubic-bezier(0,0,.5,1)}
.pc-card:hover{transform:scale(1.01);box-shadow:2px 4px 16px rgba(0,0,0,.16)}
.pc-img{margin:20px 20px 0;height:250px;border-radius:12px;overflow:hidden;background:#F5F5F7}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block}
.pc-dots{display:flex;justify-content:center;gap:8px;height:14px;margin:22px 0 18px}
.pc-dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.pc-dots .d-pint{background:#F2F2EE}.d-plot{background:#1D1D1F}
.pc-dots .d-inox{background:linear-gradient(135deg,#E6E8EB 0%,#9EA3AA 50%,#D9DCE0 100%)}
.pc-txt{padding:0 28px 28px;display:flex;flex-direction:column;gap:6px;flex:1}
.pc-tag{font-size:12px;font-weight:600;color:#B64400;letter-spacing:0}
.pc-card h3{font-size:17px;font-weight:600;line-height:1.24;letter-spacing:-.01em;color:#1D1D1F;margin:0}
.pc-lk{color:inherit;text-decoration:none}
.pc-lk::after{content:"";position:absolute;inset:0;z-index:1}
.pc-lk:focus-visible{outline:none}
.pc-lk:focus-visible::after{outline:3px solid #2E3192;outline-offset:-3px;border-radius:18px}
.pc-card p{font-size:14px;line-height:1.43;color:#6E6E73;margin:0}
.pc-pe{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#1D1D1F}
.pc-orc{position:relative;z-index:2;color:#2E3192;font-weight:600;text-decoration:none;white-space:nowrap}
.pc-orc::after{content:" ›"}
.pc-orc:hover{text-decoration:underline}
.pc-intro{flex-basis:400px;background:#fff}
.pc-intro:hover{transform:none;box-shadow:2px 4px 12px rgba(0,0,0,.08)}
.pc-intro-txt{padding:52px 28px 0;display:flex;flex-direction:column;gap:12px}
.pc-intro h3{font-size:28px;font-weight:600;line-height:1.14;letter-spacing:-.02em}
.pc-intro p{font-size:14px;color:#1D1D1F}
.pc-mix{position:relative;flex:1;min-height:250px;margin-top:24px}
.pc-mix img{position:absolute;bottom:0;object-fit:cover;border-radius:16px 16px 0 0;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.pc-mix img:nth-child(1){left:28px;width:42%;height:88%}
.pc-mix img:nth-child(2){left:44%;width:26%;height:76%;z-index:1}
.pc-mix img:nth-child(3){right:-18px;width:40%;height:64%;z-index:2}
.pc-seta{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:rgba(210,210,215,.64);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s,opacity .2s}
.pc-seta:hover{background:rgba(223,223,227,.9)}
.pc-seta svg{width:26px;height:26px;fill:none;stroke:#1D1D1F;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pc-ant{left:max(12px,calc((100vw - 1280px)/2 - 8px))}
.pc-prox{right:max(12px,calc((100vw - 1280px)/2 - 8px))}
.pc-seta[hidden]{display:none}
.pc .vtabs{margin-top:8px}
.linhas .pc-wrap{margin-top:8px}
.linhas .pintro{margin-bottom:56px}
@media (max-width:700px){
  .pc-cab{padding-inline:20px}
  .pc-trilho{--pad:20px;gap:14px}
  .pc-card{flex-basis:276px;min-height:470px}
  .pc-intro{flex-basis:300px}
  .pc-intro-txt{padding-top:36px}
  .pc-intro h3{font-size:24px}
  .pc-img{height:220px}
  .pc-seta{display:none}
}
@media (prefers-reduced-motion:reduce){.pc-card,.pc-card:hover{transition:none;transform:none}.pc-trilho{scroll-behavior:auto}}
.pc-card{min-height:560px}
.pc-img{height:320px;background:#EBEBEC}
.pc-img img{object-position:50% 50%}
.pc-mix img{object-position:50% 40%}
@media (max-width:700px){.pc-card{min-height:520px}.pc-img{height:290px}}
.pc-mix-m{background:radial-gradient(60% 70% at 50% 85%,#E6E7F8 0%,rgba(230,231,248,0) 70%)}
.pc-mix-m .pc-masc{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:100%;max-width:96%;object-fit:contain;object-position:50% 100%;border-radius:0;box-shadow:none}
.pc-mix.pc-mix-m .pc-masc{left:50%;right:auto;width:auto;height:100%;max-width:96%;transform:translateX(-50%);z-index:1}
.pc-img-larga{background:#E9E9E9}
.pc-img-larga img{object-fit:contain!important}
/* cartões de modelo nas páginas de produto no mesmo padrão */
.page .opcs .opc{background:#fff!important;border-radius:18px;box-shadow:2px 4px 12px rgba(0,0,0,.08)!important;transition:transform .3s cubic-bezier(0,0,.5,1),box-shadow .3s cubic-bezier(0,0,.5,1)}
.page .opcs .opc:hover{transform:scale(1.01);box-shadow:2px 4px 16px rgba(0,0,0,.16)!important}
.page .opcs .opc-img{margin:16px 16px 0;border-radius:12px}
.page .opcs .opc-txt{padding:18px 22px 24px}
.page .opcs .opc h3{font-size:17px;font-weight:600;letter-spacing:-.01em;color:#1D1D1F}
.page .opcs .opc-tags span{background:#F5F5F7;color:#1D1D1F}
.page .opcs .opc-tags span:first-child{background:#F5F5F7;color:#B64400}
.page .opcs .opc-btn{color:#2E3192}
.page .opcs .opc-btn::after{content:" ›"}
/* ===== Acessibilidade e LGPD ===== */
.pular{position:fixed;left:16px;top:-80px;z-index:200;background:#2E3192;color:#fff;font:600 15px 'Inter',Arial,sans-serif;padding:12px 18px;border-radius:999px;text-decoration:none;transition:top .2s}
.pular:focus{top:12px}
:focus-visible{outline:3px solid #2E3192!important;outline-offset:3px}
.vs-escuro :focus-visible,.hero :focus-visible,.pagehead :focus-visible,.art-head :focus-visible,footer :focus-visible,.cta :focus-visible,.msc :focus-visible,.vh :focus-visible,.ck :focus-visible{outline-color:#fff!important}
.page:focus{outline:none}
.cad-chip input:focus-visible + span{outline:3px solid #2E3192;outline-offset:2px}
body.home-topo .nav a{color:#5E6178}
.vh-sub-c,.vh-sub-c a,.vh-sub-c em,.cad-un i,.cad-lgpd{color:#5E6178!important}
.vh-sub-c a{text-decoration:underline}
.cel-tit .vd-w{color:#8A8DA6}
.cel-tit .vd-w.on{color:var(--esc)}
.cel-tit .az .vd-w.on{color:#2E3192}
.f-lgpd{font-size:13px;color:#55586F;line-height:1.5}
.f-lgpd a,.cad-lgpd a{color:#2E3192;font-weight:600;text-decoration:underline}
footer .ft-links{flex-wrap:wrap}
footer .ft-links a{color:#C9CBE4}
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;max-width:980px;margin-inline:auto;background:#0B0C24;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35);padding:20px 22px;font-family:'Inter',Arial,sans-serif}
.ck-in{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ck-txt{flex:1 1 420px;display:flex;flex-direction:column;gap:6px}
.ck-txt b{font-size:16px}
.ck-txt p{font-size:14px;color:#C9CBE4;line-height:1.5;margin:0}
.ck-txt a{color:#fff;text-decoration:underline}
.ck-bts{display:flex;gap:8px;flex-wrap:wrap}
.ck-b{font:600 14px 'Inter',Arial,sans-serif;border-radius:999px;padding:11px 18px;cursor:pointer;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff}
.ck-b1{background:#fff;color:#14153A;border-color:#fff}
.ck-pref{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ck-op{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#C9CBE4;line-height:1.45}
.ck-op b{color:#fff}
.ck-op input{width:18px;height:18px;margin-top:2px;accent-color:#9DA2FF;flex:none}
@media (max-width:620px){.ck{padding:16px}.ck-bts{width:100%}.ck-b{flex:1}}


/* =====================================================================
   METALRIB · SISTEMA VISUAL v2 (inspirado na linguagem da Apple)
   Tokens globais + componentes. Vem por último e prevalece.
   ===================================================================== */
:root{
  /* cores */
  --ds-bg:#FFFFFF; --ds-bg-2:#F5F5F7; --ds-ink:#1D1D1F; --ds-ink-2:#6E6E73; --ds-ink-3:#86868B;
  --ds-line:#D2D2D7; --ds-line-2:#E8E8ED;
  --ds-accent:#1F4FD1; --ds-accent-h:#1A43B4; --ds-accent-a:#153896; --ds-brand:#2E3192;
  /* tipografia: SF Pro nos aparelhos Apple, Inter nos demais */
  --ds-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
  --ds-t-hero:clamp(40px,5.6vw,64px); --ds-t-h2:clamp(32px,4.2vw,48px); --ds-t-h3:clamp(21px,2vw,24px);
  --ds-t-sub:clamp(19px,1.7vw,24px); --ds-t-body:17px; --ds-t-sm:14px; --ds-t-xs:12px;
  /* espaçamento (múltiplos de 8) */
  --ds-s1:8px; --ds-s2:16px; --ds-s3:24px; --ds-s4:32px; --ds-s5:48px; --ds-s6:64px; --ds-s7:96px; --ds-s8:120px;
  --ds-sec:clamp(64px,10vw,120px); --ds-gutter:clamp(20px,4vw,48px); --ds-max:1280px;
  /* raios */
  --ds-r-sm:12px; --ds-r-md:18px; --ds-r-lg:28px; --ds-r-pill:999px;
  /* sombras */
  --ds-sh:0 2px 12px rgba(0,0,0,.05); --ds-sh-h:0 10px 30px rgba(0,0,0,.08);
  /* movimento */
  --ds-fast:160ms; --ds-med:240ms; --ds-slow:600ms; --ds-ease:cubic-bezier(.25,.1,.25,1);
}

/* ---------- base ---------- */
html body{background:var(--ds-bg);color:var(--ds-ink);font-family:var(--ds-font);font-size:var(--ds-t-body);line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
html body h1,html body h2,html body h3,html body h4{font-family:var(--ds-font);color:inherit;letter-spacing:-.022em}
html body a{transition:color var(--ds-fast) var(--ds-ease)}
html body :focus-visible{outline:2px solid var(--ds-accent);outline-offset:3px;border-radius:6px}
.ds-wrap{width:100%;max-width:var(--ds-max);margin-inline:auto;padding-inline:var(--ds-gutter);box-sizing:border-box}
.ds-sec{padding-block:var(--ds-sec);background:var(--ds-bg)}
.ds-alt{background:var(--ds-bg-2)}
.ds-eyebrow{margin:0 0 var(--ds-s1);font-size:var(--ds-t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-ink-2)}
.ds-sub{margin:0;font-size:var(--ds-t-sub);font-weight:400;line-height:1.4;color:var(--ds-ink-2);letter-spacing:-.012em}
.ds-head{max-width:760px;margin:0 0 var(--ds-s5)}
.ds-head h2{margin:0 0 var(--ds-s2);font-size:var(--ds-t-h2);font-weight:700;line-height:1.08}
.ds-h3{margin:0 0 var(--ds-s3);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.022em}
.ds-h4{margin:0 0 var(--ds-s2);font-size:var(--ds-t-h3);font-weight:600;line-height:1.2}
.ds-nota{margin:var(--ds-s2) 0 0;font-size:var(--ds-t-sm);color:var(--ds-ink-3)}
.ds-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-s3)}

/* ---------- botões e links ---------- */
.ds-btn,html body .btn,html body .vbtn,html body .cad-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:0;border-radius:var(--ds-r-pill);background:var(--ds-accent)!important;color:#fff!important;font:500 16px/1 var(--ds-font);letter-spacing:-.01em;text-decoration:none!important;cursor:pointer;box-shadow:none;transform:none!important;transition:background-color var(--ds-fast) var(--ds-ease)}
.ds-btn:hover,html body .btn:hover,html body .vbtn:hover,html body .cad-btn:hover{background:var(--ds-accent-h)!important}
.ds-btn:active,html body .btn:active,html body .vbtn:active,html body .cad-btn:active{background:var(--ds-accent-a)!important}
.ds-btn[disabled],.ds-btn[aria-disabled="true"],html body .btn[disabled]{background:var(--ds-line)!important;color:var(--ds-ink-3)!important;cursor:not-allowed}
html body .btn .seta,html body .top .btn-topo .seta{display:none!important}
html body .pc-tag{color:var(--ds-ink-2)!important;font-weight:500!important}
.ds-btn-2,html body .btn-claro{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:var(--ds-r-pill);background:#fff!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important;font:500 16px/1 var(--ds-font);text-decoration:none;transition:border-color var(--ds-fast) var(--ds-ease),background-color var(--ds-fast) var(--ds-ease)}
.ds-btn-2:hover,html body .btn-claro:hover{border-color:var(--ds-ink-3)!important;background:#FAFAFC!important}
.ds-btn-2:active{background:var(--ds-bg-2)!important}
.ds-link{display:inline-flex;align-items:center;gap:2px;color:var(--ds-accent);font-size:17px;font-weight:400;text-decoration:none}
.ds-link::after{content:"›";font-size:1.15em;line-height:1;transform:translateY(-1px);transition:transform var(--ds-fast) var(--ds-ease)}
.ds-link:hover{text-decoration:underline;text-underline-offset:3px}
.ds-link:hover::after{transform:translate(2px,-1px)}

/* ---------- cards ---------- */
.ds-grid{display:grid;gap:var(--ds-s3)}
.ds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-card{background:var(--ds-bg-2);border-radius:var(--ds-r-md);padding:var(--ds-s4);transition:transform var(--ds-med) var(--ds-ease),box-shadow var(--ds-med) var(--ds-ease)}
.ds-card h3{margin:var(--ds-s3) 0 var(--ds-s1);font-size:var(--ds-t-h3);font-weight:600;line-height:1.2}
.ds-card p{margin:0;color:var(--ds-ink-2);font-size:var(--ds-t-body);line-height:1.47}
.ds-card-w{background:#fff;box-shadow:var(--ds-sh)}
.ds-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:var(--ds-r-sm);background:#fff;color:var(--ds-accent)}
.ds-alt .ds-ic{background:var(--ds-bg-2)}
.ds-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- cabeçalho (todas as páginas) ---------- */
html body .top{position:sticky!important;top:0;inset:auto;z-index:50;padding:0!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding-top:env(safe-area-inset-top,0px)!important}
html body .top .wrap{max-width:var(--ds-max)!important;height:56px!important;padding-inline:var(--ds-gutter)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:24px}
html body .top .logo{grid-column:1!important;justify-self:start!important}
html body .top .logo img{height:24px!important;box-shadow:none!important;border-radius:4px}
html body .top .nav{grid-column:2!important;justify-self:center!important;display:flex;gap:4px!important;background:none!important;border:0!important;padding:0!important;backdrop-filter:none!important}
html body .top .nav a{position:relative;padding:8px 12px!important;border-radius:8px;background:none!important;font:400 14px/1 var(--ds-font)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ds-ink)!important;opacity:.8;text-decoration:none!important;text-shadow:none!important;transition:opacity var(--ds-fast) var(--ds-ease)}
html body .top .nav a::before{display:none!important}
html body .top .nav a:hover{opacity:1}
html body .top .nav a.on{opacity:1;font-weight:600!important}
html body .top .btn-topo{grid-column:3!important;justify-self:end!important;display:inline-flex!important;min-height:32px!important;padding:0 16px!important;font-size:14px!important;border:0!important;background:var(--ds-accent)!important;color:#fff!important}
html body .top .btn-topo:hover{background:var(--ds-accent-h)!important;color:#fff!important}
html body .top .menu-btn{grid-column:3;justify-self:end;background:none!important;border:1px solid var(--ds-line)!important;color:var(--ds-ink)!important;font:500 14px var(--ds-font)!important;letter-spacing:0!important;text-transform:none!important;border-radius:var(--ds-r-pill);padding:8px 16px}
html body .menu-panel{margin:0!important;border-radius:0!important;border:0!important;border-top:1px solid var(--ds-line-2)!important;background:rgba(255,255,255,.97)!important;padding:var(--ds-s1) var(--ds-gutter) var(--ds-s3)!important;animation:ds-desce var(--ds-med) var(--ds-ease)}
html body .menu-panel a{color:var(--ds-ink)!important;font:600 22px/1.2 var(--ds-font)!important;letter-spacing:-.02em;padding:12px 0!important;border-bottom:1px solid var(--ds-line-2);border-radius:0!important}
html body .menu-panel a:hover{background:none!important;color:var(--ds-accent)!important}
@keyframes ds-desce{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:1020px){
  html body .top .nav,html body .top .btn-topo{display:none!important}
  html body .top .menu-btn{display:inline-flex!important}
  html body .top .wrap{grid-template-columns:1fr auto!important}
  html body .top .menu-btn{grid-column:2}
}

/* ---------- hero ---------- */
.ds-hero{padding-block:clamp(48px,7vw,88px) clamp(48px,6vw,80px);background:var(--ds-bg);text-align:center}
.ds-hero-txt{max-width:900px}
.ds-hero h1{margin:0 auto var(--ds-s2);font-size:var(--ds-t-hero);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--ds-ink);text-wrap:balance}
.ds-hero .ds-sub{max-width:640px;margin:0 auto var(--ds-s4);text-wrap:balance}
.ds-hero .ds-acoes{justify-content:center}
.ds-hero-img{margin:clamp(40px,5vw,64px) 0 0;border-radius:var(--ds-r-lg);overflow:hidden;background:var(--ds-bg-2)}
.ds-hero-img img{display:block;width:100%;height:auto;transform:scale(1.02);transition:transform 1.2s var(--ds-ease)}
.ds-hero-img.in img{transform:none}

/* ---------- vídeo ---------- */
.ds-media{margin-top:var(--ds-s6);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--ds-s5);align-items:center;background:var(--ds-bg-2);border-radius:var(--ds-r-lg);padding:var(--ds-s5)}
.ds-vm{display:flex;flex-direction:column}
.ds-vm button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--ds-s2) 0;border-top:1px solid var(--ds-line)}
.ds-vm button:last-child{border-bottom:1px solid var(--ds-line)}
.ds-vm button b{font-size:17px;font-weight:600;color:var(--ds-ink);transition:color var(--ds-fast) var(--ds-ease)}
.ds-vm button small{font-size:var(--ds-t-sm);color:var(--ds-ink-2)}
.ds-vm button:hover b,.ds-vm button.on b{color:var(--ds-accent)}
.ds-vm button:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}
.ds-media-vid video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--ds-r-md);background:#000}

/* ---------- aplicações ---------- */
.ds-sol{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:inherit}
.ds-sol figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--ds-bg-2)}
.ds-sol figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--ds-slow) var(--ds-ease)}
.ds-sol>div{padding:var(--ds-s3) var(--ds-s4) var(--ds-s4);display:flex;flex-direction:column;flex:1}
.ds-sol h3{margin:0 0 var(--ds-s1)}
.ds-sol p:not(.ds-eyebrow){margin-bottom:var(--ds-s2)}
.ds-sol .ds-link{margin-top:auto}
.ds-sol:hover{box-shadow:var(--ds-sh-h)}
.ds-sol:hover figure img{transform:scale(1.03)}
.ds-sol:hover .ds-link{text-decoration:underline;text-underline-offset:3px}
.ds-segs{margin-top:var(--ds-s6)}
.ds-segs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--ds-s4)}
.ds-segs li{display:flex;flex-direction:column;gap:4px;padding:var(--ds-s2) 0;border-top:1px solid var(--ds-line)}
.ds-segs li b{font-size:17px;font-weight:600}
.ds-segs li span{font-size:var(--ds-t-sm);color:var(--ds-ink-2)}

/* ---------- engenharia ---------- */
.ds-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-s3);margin-bottom:var(--ds-s6);padding-block:var(--ds-s4);border-block:1px solid var(--ds-line)}
.ds-nums div{display:flex;flex-direction:column;gap:4px}
.ds-nums b{font-size:clamp(32px,3.6vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ds-ink)}
.ds-nums span{font-size:var(--ds-t-sm);color:var(--ds-ink-2);max-width:220px}
.ds-eng{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--ds-s6);align-items:start}
.ds-specs{margin:0}
.ds-specs>div{display:grid;grid-template-columns:160px 1fr;gap:var(--ds-s3);padding:var(--ds-s2) 0;border-top:1px solid var(--ds-line)}
.ds-specs>div:last-of-type{border-bottom:1px solid var(--ds-line)}
.ds-specs dt{font-size:var(--ds-t-sm);font-weight:600;color:var(--ds-ink)}
.ds-specs dd{margin:0;font-size:var(--ds-t-body);color:var(--ds-ink-2)}
.ds-eng .ds-acoes{margin-top:var(--ds-s4)}
.ds-eng-img{margin:0;border-radius:var(--ds-r-lg);overflow:hidden;background:var(--ds-bg-2);position:sticky;top:88px}
.ds-eng-img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ds-eng-img figcaption{padding:var(--ds-s2) var(--ds-s3);font-size:var(--ds-t-sm);color:var(--ds-ink-2)}

/* ---------- avaliações ---------- */
.ds-rvw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--ds-s6);align-items:center}
.ds-rvw h2{margin:0 0 var(--ds-s2);font-size:var(--ds-t-h2);font-weight:700;line-height:1.08}
.ds-rvw .ds-sub{margin-bottom:var(--ds-s3)}
.ds-rvw-palco{position:relative;display:grid;background:#fff;border-radius:var(--ds-r-lg);box-shadow:var(--ds-sh);padding:var(--ds-s4) var(--ds-s4) var(--ds-s5);min-height:260px}
.ds-rvw-palco .rv-p{grid-area:1/1;margin:0;opacity:0;transition:opacity 400ms var(--ds-ease);display:grid;place-items:center}
.ds-rvw-palco .rv-p.on{opacity:1}
.ds-rvw-palco .rv-p img{max-width:100%;height:auto;border-radius:var(--ds-r-sm)}
.ds-dots{position:absolute;left:0;right:0;bottom:var(--ds-s2);display:flex;justify-content:center;gap:8px}
.ds-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--ds-line);cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease)}
.ds-dots button.on{background:var(--ds-ink)}

/* ---------- perguntas frequentes ---------- */
.ds-faq-lista,.ds-faq-mais{max-width:920px}
.ds-faq-lista details{border-top:1px solid var(--ds-line)}
.ds-faq-lista details:last-child{border-bottom:1px solid var(--ds-line)}
.ds-faq-lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--ds-s3);padding:var(--ds-s3) 0;font-size:19px;font-weight:600;letter-spacing:-.015em}
.ds-faq-lista summary::-webkit-details-marker{display:none}
.ds-faq-lista summary::after{content:"+";flex:none;font-size:26px;font-weight:300;line-height:1;color:var(--ds-ink-2);transition:transform var(--ds-med) var(--ds-ease)}
.ds-faq-lista details[open] summary::after{transform:rotate(45deg)}
.ds-faq-lista summary:hover{color:var(--ds-accent)}
.ds-faq-lista details p{margin:0;padding:0 var(--ds-s5) var(--ds-s3) 0;color:var(--ds-ink-2);font-size:var(--ds-t-body);animation:ds-surge var(--ds-med) var(--ds-ease)}
.ds-faq-lista details p a{color:var(--ds-accent)}
.ds-faq-mais{margin:var(--ds-s4) 0 0;color:var(--ds-ink-2)}
@keyframes ds-surge{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---------- orçamento (formulário) ---------- */
html body .ds-cad{background:var(--ds-bg-2)!important;padding-block:var(--ds-sec)!important}
html body .ds-cad .wrap{max-width:var(--ds-max)!important;padding-inline:var(--ds-gutter)!important}
html body .ds-cad .cad{border-radius:var(--ds-r-lg)!important;overflow:hidden;background:#fff!important;box-shadow:var(--ds-sh)!important;border:0!important}
html body .ds-cad .cad-foto{border-radius:0!important}
html body .ds-cad .cad-form{background:#fff!important}
html body .ds-cad .cad-cab h2{font-size:var(--ds-t-h2)!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--ds-ink)!important}
html body .ds-cad .cad-cab p{color:var(--ds-ink-2)!important;font-size:19px}
html body .ds-cad .vk{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ds-ink-2)!important}
html body .ds-cad input,html body .ds-cad select,html body .ds-cad textarea{border:1px solid var(--ds-line)!important;border-radius:var(--ds-r-sm)!important;background:#fff!important;font-family:var(--ds-font)!important;transition:border-color var(--ds-fast) var(--ds-ease),box-shadow var(--ds-fast) var(--ds-ease)}
html body .ds-cad input:focus,html body .ds-cad select:focus,html body .ds-cad textarea:focus{border-color:var(--ds-accent)!important;box-shadow:0 0 0 4px rgba(31,79,209,.15)!important;outline:none}
html body .ds-cad .cad-chip span{border-radius:var(--ds-r-pill)!important;border:1px solid var(--ds-line)!important;transition:all var(--ds-fast) var(--ds-ease)}
html body .ds-cad .cad-chip input:checked+span{background:var(--ds-ink)!important;color:#fff!important;border-color:var(--ds-ink)!important}
html body .ds-cad .cad-btn{width:100%;min-height:48px;font-size:17px}
html body .ds-cad .cad-link,html body .ds-cad .cad-lgpd a{color:var(--ds-accent)!important}

/* ---------- sobre (SEO) ---------- */
html body .ds-seo{padding-block:var(--ds-s6)!important;background:var(--ds-bg)!important}
html body .ds-seo .wrap{max-width:var(--ds-max)!important;padding-inline:var(--ds-gutter)!important}
html body .ds-seo .vseo-box{max-width:920px}
html body .ds-seo .vseo-box{border-top:1px solid var(--ds-line)!important;padding-top:var(--ds-s4)}
html body .ds-seo .vt{font-size:var(--ds-t-h3)!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--ds-ink)!important}
html body .ds-seo .az{color:inherit!important}
html body .ds-seo .vk{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;color:var(--ds-ink-2)!important}
html body .ds-seo .vseo-mais{color:var(--ds-accent)!important;font:400 17px var(--ds-font)!important;letter-spacing:0!important;text-transform:none!important;border:0!important;text-decoration:none!important;box-shadow:none!important}
html body .ds-seo .vseo-mais::after{content:" ›"}
html body .ds-seo .vseo-corpo{color:var(--ds-ink-2);font-size:15px}
html body .ds-seo .vseo-corpo a{color:var(--ds-accent)}

/* ---------- categorias (vitrine e 3D) ---------- */
html body .pc{background:var(--ds-bg-2)!important;padding-block:var(--ds-sec) var(--ds-s6)!important}
html body .pc-cab,html body .p3d .pc-cab{max-width:var(--ds-max)!important;padding-inline:var(--ds-gutter)!important}
html body .pc-cab h2{font-size:var(--ds-t-h2)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.08!important;color:var(--ds-ink)!important}
html body .pc-cab h2 b{font-weight:700!important;color:var(--ds-ink)!important}
html body .pc-cab h2 .c{color:var(--ds-ink-2)!important}
html body .pc-card{border-radius:var(--ds-r-md)!important;box-shadow:var(--ds-sh)!important;transition:transform var(--ds-med) var(--ds-ease),box-shadow var(--ds-med) var(--ds-ease)!important}
html body .pc-card:hover{transform:translateY(-2px)!important;box-shadow:var(--ds-sh-h)!important}
html body .pc-orc{color:var(--ds-accent)!important}
html body .p3d{background:var(--ds-bg-2)!important;padding-block:var(--ds-s3) var(--ds-sec)!important}
html body .p3d-wrap{max-width:var(--ds-max)!important;padding-inline:var(--ds-gutter)!important}
html body .p3d-card{border-radius:var(--ds-r-lg)!important}

/* ---------- páginas internas ---------- */
html body .pagehead,html body .art-head{background:var(--ds-bg)!important;color:var(--ds-ink)!important;padding-block:clamp(56px,8vw,104px) clamp(40px,5vw,64px)!important;text-align:left}
html body .pagehead::before,html body .pagehead::after,html body .art-head::before,html body .art-head::after{display:none!important}
html body .pagehead h1,html body .art-head h1{font-size:var(--ds-t-hero)!important;font-weight:700!important;letter-spacing:-.03em!important;line-height:1.05!important;color:var(--ds-ink)!important;text-shadow:none!important}
html body .pagehead h1 em,html body .art-head h1 em{font-style:normal!important;font-weight:700!important;color:var(--ds-ink-2)!important}
html body .pagehead p,html body .art-head p{color:var(--ds-ink-2)!important;font-size:var(--ds-t-sub)!important;line-height:1.4}
html body .pagehead .pilula,html body .art-head .pilula,html body .eyebrow,html body .pilula{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ds-ink-2)!important;background:none!important;border:0!important;padding:0!important}
html body .pilula::before,html body .rotulo::before{display:none!important}
html body .voltar,html body .pagehead .voltar{color:var(--ds-accent)!important;font:400 15px var(--ds-font)!important;letter-spacing:0!important;text-transform:none!important}
html body .cabeca h2,html body .sobre h2,html body .cta h2,html body .quem h2,html body .chegar h2,html body .pcard h2,html body .painel-txt h2,html body .form-txt h2,html body .obrigado h2{font-weight:700!important;letter-spacing:-.025em!important}
html body .cabeca h2 em,html body .quem h2 em,html body .chegar h2 em,html body .pcard h2 em,html body .obrigado h2 em{font-style:normal!important;font-weight:700!important;color:var(--ds-ink-2)!important}
html body .opc,html body .spec{border-radius:var(--ds-r-md)!important}
html body .opc{box-shadow:var(--ds-sh);transition:box-shadow var(--ds-med) var(--ds-ease)}
html body .opc:hover{box-shadow:var(--ds-sh-h)}

html body .opc-btn{color:var(--ds-accent)!important}
html body .spec h3{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;color:var(--ds-ink-2)!important}
html body .tab th{border-color:var(--ds-line)!important}
html body .tab td{border-color:var(--ds-line-2)!important}
html body .gal-c figure,html body .gal-c img{border-radius:var(--ds-r-md)}
html body .cta,html body .art-cta{background:var(--ds-ink)!important}
html body .btn-azul,html body .btn-branco{background:var(--ds-accent)!important;color:#fff!important}

/* ---------- rodapé ---------- */
html body footer{margin:0!important;border-radius:0!important;background:var(--ds-bg-2)!important;color:var(--ds-ink-2)!important;font-size:12px!important;line-height:1.5;padding-block:var(--ds-s5) var(--ds-s4)!important;border-top:1px solid var(--ds-line-2)}
html body footer .wrap{max-width:var(--ds-max)!important;padding-inline:var(--ds-gutter)!important;gap:var(--ds-s4)!important}
html body footer h4{font:600 12px var(--ds-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ds-ink)!important;margin:0 0 var(--ds-s1)!important}
html body footer p{color:var(--ds-ink-2)!important;font-size:12px!important}
html body footer ul{gap:6px!important}
html body footer a{color:var(--ds-ink-2)!important;font-size:12px!important;text-decoration:none!important}
html body footer a:hover{color:var(--ds-ink)!important;text-decoration:underline!important}
html body footer img{filter:none;box-shadow:none}
html body footer .base{border-top:1px solid var(--ds-line)!important;padding-top:var(--ds-s2)!important;margin-top:var(--ds-s2)!important;color:var(--ds-ink-3)!important}
html body footer .ft-links a{color:var(--ds-ink-2)!important}


/* ---------- reforço: botões antigos no padrão novo ---------- */
html body .btn.btn.btn,html body .vbtn.vbtn,html body .cad-btn.cad-btn{font:500 16px/1 var(--ds-font)!important;letter-spacing:-.01em!important;text-transform:none!important;padding:0 22px!important;min-height:44px!important;border-radius:var(--ds-r-pill)!important}
html body .btn-azul.btn-azul.btn-azul,html body .btn-branco.btn-branco.btn-branco{background:var(--ds-accent)!important;color:#fff!important;border:0!important}
html body .btn-azul.btn-azul.btn-azul:hover,html body .btn-branco.btn-branco.btn-branco:hover{background:var(--ds-accent-h)!important}
html body .btn-claro.btn-claro.btn-claro{background:#fff!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important}
html body .btn-claro.btn-claro.btn-claro:hover{border-color:var(--ds-ink-3)!important;background:#FAFAFC!important}
html body .top .btn-topo.btn-topo.btn-topo{min-height:32px!important;padding:0 16px!important;font-size:14px!important}
html body .lista li::before{background:var(--ds-accent)!important}
html body .painel-img{background:var(--ds-bg-2)!important;border-radius:var(--ds-r-lg)!important;overflow:hidden}
html body .ap-ic{background:#fff!important;color:var(--ds-accent)!important}
html body .vs-claro .az,html body .vs-cinza .az,html body .cinza{color:var(--ds-ink-2)!important}
html body .rotulo{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;color:var(--ds-ink-2)!important}
html body .titulo-c,html body .vt{font-weight:700!important;letter-spacing:-.025em!important}
html body .fbtn{border-radius:var(--ds-r-pill)!important;font-family:var(--ds-font)!important;transition:all var(--ds-fast) var(--ds-ease)}
html body .fbtn.on{background:var(--ds-ink)!important;color:#fff!important;border-color:var(--ds-ink)!important}

html body .cta::before{display:none!important}
html body .cta h2,html body .cta h3,html body .art-cta b{color:#fff!important}
html body .cta h2 em,html body .cta h2 .az{color:rgba(255,255,255,.6)!important}
html body .cta p,html body .art-cta span{color:rgba(255,255,255,.72)!important}
html body .cta .eyebrow,html body .cta .pilula{color:rgba(255,255,255,.6)!important}
html body .gal-c{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-s2)}
html body .gal-c figure{margin:0;overflow:hidden;border-radius:var(--ds-r-md);background:var(--ds-bg-2)}
html body .gal-c img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0;transition:transform var(--ds-slow) var(--ds-ease)}
html body .gal-c figure:hover img{transform:scale(1.03)}
html body .gal-c figcaption{padding:12px 16px;font-size:var(--ds-t-sm);color:var(--ds-ink-2)}
@media (max-width:640px){html body .gal-c{grid-template-columns:repeat(2,minmax(0,1fr))}}

html body .page p a:not([class]),html body .f-lgpd a,html body .nota-dl a,html body .nota-port a,html body .art-body a.prox,html body .post-txt .cat,html body .post-txt .ler,html body .dl-b,html body .dn,html body .k,html body .cad-marca{color:var(--ds-accent)!important}
html body .page:not([data-page]) h2 em,html body main.page:not([data-page="x"]) h1 em,html body main.page:not([data-page="x"]) h2 em,html body .quem-txt h2 em{font-style:normal!important;color:var(--ds-ink-2)!important}
html body main.page:not([data-page="x"]) .cta h2 em,html body main.page:not([data-page="x"]) .aplic h2 em,html body main.page:not([data-page="x"]) .obrigado h2 em,html body .vt-claro .az{color:rgba(255,255,255,.6)!important}
html body .vk{font:600 12px var(--ds-font)!important;letter-spacing:.08em!important;text-transform:uppercase;color:var(--ds-ink-2)!important}
html body .ap-av,html body .dl-ic,html body .v360-ic{background:var(--ds-accent)!important;color:#fff!important}
html body .aplic,html body .obrigado,html body .v360{background-color:var(--ds-ink)!important}

html body .ck{background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:var(--ds-ink)!important;border:1px solid var(--ds-line-2)!important;border-radius:var(--ds-r-md)!important;box-shadow:0 12px 40px rgba(0,0,0,.12)!important;font-family:var(--ds-font)!important}
html body .ck-txt b,html body .ck-op b{color:var(--ds-ink)!important}
html body .ck-txt p,html body .ck-op{color:var(--ds-ink-2)!important}
html body .ck-txt a{color:var(--ds-accent)!important}
html body .ck-pref{border-color:var(--ds-line-2)!important}
html body .ck-op input{accent-color:var(--ds-accent)!important}
html body .ck-b{font:500 14px var(--ds-font)!important;min-height:36px;transition:background-color var(--ds-fast) var(--ds-ease),border-color var(--ds-fast) var(--ds-ease)}
html body .ck-b2{background:#fff!important;color:var(--ds-ink)!important;border:1px solid var(--ds-line)!important}
html body .ck-b2:hover{border-color:var(--ds-ink-3)!important}
html body .ck-b1{background:var(--ds-accent)!important;color:#fff!important;border:0!important}
html body .ck-b1:hover{background:var(--ds-accent-h)!important}



html body .cel{height:calc(100vh + 3 * 55vh)!important}
@media (max-width:860px){html body .cel{height:calc(100vh + 3 * 50vh)!important}}

/* ---------- hero v2 (foto em tela cheia) ---------- */
.ds-hero2{padding-bottom:0!important}
.ds-hero2 h1{font-size:clamp(40px,6.4vw,76px)!important;letter-spacing:-.035em}
.ds-hero2 .ds-sub{max-width:620px}
.ds-hero2 .ds-btn span{font-size:1.2em;line-height:1;margin-left:2px;transform:translateY(-1px)}
.ds-hero-full{position:relative;margin:clamp(40px,5vw,64px) 0 0;overflow:hidden}
.ds-hero-full::before{content:"";position:absolute;inset:0 0 auto;height:22%;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 100%);z-index:1;pointer-events:none}
.ds-hero-full img{display:block;width:100%;height:auto;max-height:86vh;object-fit:cover;object-position:center 60%}
.ds-hf{background:var(--ds-bg-2);padding-block:var(--ds-s5)}
.ds-hf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ds-hf-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:4px var(--ds-s3)}
.ds-hf-i+.ds-hf-i{border-left:1px solid var(--ds-line)}
.ds-hf-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;color:var(--ds-ink)}
.ds-hf-ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ds-hf-i b{font-size:15px;font-weight:600;color:var(--ds-ink)}
.ds-hf-i span{font-size:14px;line-height:1.45;color:var(--ds-ink-3);max-width:210px}
@media (max-width:860px){.ds-hf-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--ds-s4)}.ds-hf-i:nth-child(3){border-left:0}.ds-hero-full img{aspect-ratio:4/3}}

/* ---------- vídeo estilo TV ---------- */
#diferenciais .ds-head{margin-inline:auto;text-align:center}
.ds-tv{max-width:1040px;margin:0 auto var(--ds-s6)}
.ds-tv-tela{position:relative;aspect-ratio:16/9;background:#111;border:5px solid #1D1D1F;border-radius:6px;overflow:hidden;box-shadow:28px 34px 50px -24px rgba(0,0,0,.38),0 2px 6px rgba(0,0,0,.12)}
.ds-tv-tela video{display:block;width:100%;height:100%;object-fit:cover}
.ds-tv-rodape{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:56px clamp(16px,3vw,36px) clamp(14px,2.4vw,28px);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45));color:#fff}
.ds-tv-marca{font-size:clamp(13px,1.4vw,16px);font-weight:700;letter-spacing:.06em}
.ds-tv-sep{width:1px;height:20px;background:rgba(255,255,255,.8)}
.ds-tv-et{font-size:clamp(12px,1.2vw,14px);font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.ds-tv-pausa{margin-left:auto;width:34px;height:34px;border-radius:50%;border:1.5px solid #fff;background:rgba(0,0,0,.15);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease)}
.ds-tv-pausa:hover{background:rgba(255,255,255,.2)}
.ds-tv-pausa svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ds-tv-pausa .i-play{display:none;fill:currentColor;stroke-width:1}
.ds-tv.parado .ds-tv-pausa .i-pausa{display:none}
.ds-tv.parado .ds-tv-pausa .i-play{display:block}
@media (max-width:640px){.ds-tv-tela{border-width:3px;box-shadow:12px 16px 30px -14px rgba(0,0,0,.35)}.ds-tv-rodape{padding-top:36px}}

/* ---------- cards de diferenciais (estilo vitrine) ---------- */
.ds-nov{margin-top:var(--ds-s2)}
.ds-nov-cab{margin:0 0 var(--ds-s3);font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.ds-nov-cab b{font-weight:600;color:var(--ds-ink)}
.ds-nov-cab span{color:var(--ds-ink-2)}
.ds-nov-wrap{position:relative}
.ds-nov-trilho{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:12px 4px 36px;margin:-12px -4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ds-nov-trilho::-webkit-scrollbar{display:none}
.ds-nov-card{position:relative;flex:0 0 clamp(260px,24vw,310px);height:clamp(420px,34vw,460px);display:flex;flex-direction:column;border-radius:var(--ds-r-md);overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 18px rgba(0,0,0,.08);transition:transform var(--ds-med) var(--ds-ease),box-shadow var(--ds-med) var(--ds-ease)}
.ds-nov-card:hover{transform:scale(1.015);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.ds-nov-l{background:var(--ds-bg-2);color:var(--ds-ink)}
.ds-nov-d{background:#000;color:#F5F5F7}
.ds-nov-txt{position:relative;z-index:2;padding:26px 26px 0}
.ds-nov-k{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-accent)}
.ds-nov-d .ds-nov-k{color:#5AA0FF}
.ds-nov-txt h4{margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.ds-nov-txt p:not(.ds-nov-k){margin:0;font-size:14px;line-height:1.45;font-weight:500}
.ds-nov-l .ds-nov-txt p:not(.ds-nov-k){color:var(--ds-ink-2)}
.ds-nov-d .ds-nov-txt p:not(.ds-nov-k){color:#D2D2D7}
.ds-nov-card figure{position:relative;flex:1;min-height:0;margin:14px 0 0;overflow:hidden}
.ds-nov-card img{display:block;width:100%;height:100%;transition:transform var(--ds-slow) var(--ds-ease)}
.ds-nov-l img{object-fit:contain;object-position:center bottom;padding:0 22px}
.ds-nov-d img{object-fit:cover;object-position:center}
.ds-nov-d figure::before{content:"";position:absolute;inset:0 0 auto;height:40%;background:linear-gradient(180deg,#000,rgba(0,0,0,0));z-index:1}
.ds-nov-card:hover img{transform:scale(1.03)}
.ds-nov-seta{position:absolute;top:calc(50% - 30px);width:44px;height:44px;border-radius:50%;border:0;background:rgba(210,210,215,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ds-ink);display:grid;place-items:center;cursor:pointer;z-index:3;transition:background-color var(--ds-fast) var(--ds-ease),opacity var(--ds-fast)}
.ds-nov-seta:hover{background:rgba(190,190,196,.9)}
.ds-nov-seta[hidden]{display:none}
.ds-nov-seta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ds-nov-ant{left:-12px}
.ds-nov-prox{right:-12px}
@media (max-width:640px){.ds-nov-seta{display:none!important}.ds-nov-card{flex-basis:78vw;height:440px}}

/* ---------- banner de contato ---------- */
.ds-ctab{position:relative;aspect-ratio:2/1;min-height:420px;border-radius:var(--ds-r-md);overflow:hidden;background:#111;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-s3);padding:clamp(24px,3.4vw,40px)}
.ds-ctab-fotos,.ds-ctab-fotos img{position:absolute;inset:0;width:100%;height:100%}
.ds-ctab-fotos img{object-fit:cover;object-position:center 60%}
.ds-ctab-fotos img.on{opacity:1;transform:scale(1)}
.ds-ctab::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.7) 100%);pointer-events:none}
.ds-ctab-txt,.ds-ctab-bts,.ds-ctab-pausa{position:relative;z-index:2}
.ds-ctab-txt h2{margin:0 0 8px;font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.02;color:#fff}
.ds-ctab-sub{margin:0 0 10px;font-size:clamp(15px,1.4vw,19px);font-weight:600;color:#fff}
.ds-ctab-info{margin:0;font-size:14px;color:rgba(255,255,255,.86)}
html body .page .ds-ctab-info a{color:#fff!important;text-decoration:none}
.ds-ctab-info a:hover{text-decoration:underline}
.ds-ctab-bts{display:flex;gap:10px;flex:none}
.ds-ctab-b1,.ds-ctab-b2{display:inline-flex;align-items:center;min-height:36px;padding:0 18px;border-radius:var(--ds-r-pill);font-size:14px;font-weight:500;text-decoration:none;transition:background-color var(--ds-fast) var(--ds-ease),color var(--ds-fast) var(--ds-ease)}
.ds-ctab-b1{background:#fff;color:var(--ds-ink)}
.ds-ctab-b1:hover{background:#E8E8ED}
.ds-ctab-b2{border:1px solid #fff;color:#fff}
.ds-ctab-b2:hover{background:#fff;color:var(--ds-ink)}
.ds-ctab-pausa{position:absolute!important;top:18px;right:18px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1D1D1F;display:grid;place-items:center;cursor:pointer}
.ds-ctab-pausa svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ds-ctab-pausa .i-play{display:none;fill:currentColor;stroke-width:1}
.ds-ctab.parado .i-pausa{display:none}.ds-ctab.parado .i-play{display:block}
@media (max-width:760px){.ds-ctab{aspect-ratio:auto;min-height:520px;flex-direction:column;align-items:flex-start;justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.ds-ctab-fotos img{transition:none;transform:none}}

.ds-ctab{align-items:stretch}
.ds-ctab-txt{align-self:flex-end;max-width:560px}
.ds-ctab-form{position:relative;z-index:2;align-self:center;flex:0 0 340px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--ds-ink);border-radius:var(--ds-r-md);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.ds-ctab-fk{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ds-ink-2)}
.ds-ctab-form h3{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.ds-ctab-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ds-ink)}
.ds-ctab-form input{height:38px;padding:0 12px;border:1px solid var(--ds-line);border-radius:10px;font:400 15px var(--ds-font);color:var(--ds-ink);background:#fff;transition:border-color var(--ds-fast) var(--ds-ease),box-shadow var(--ds-fast) var(--ds-ease)}
.ds-ctab-form input:focus{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 4px rgba(31,79,209,.15)}
.ds-ctab-form input.inv{border-color:#D70015}
.ds-ctab-erro{margin:0;font-size:12px;color:#D70015}
.ds-ctab-env{margin-top:4px;min-height:42px;border:0;border-radius:var(--ds-r-pill);background:var(--ds-accent);color:#fff;font:500 15px var(--ds-font);cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease)}
.ds-ctab-env:hover{background:var(--ds-accent-h)}
.ds-ctab-lgpd{margin:0;font-size:11px;color:var(--ds-ink-3);text-align:center}
html body .page .ds-ctab-lgpd a{color:var(--ds-accent)!important}
@media (max-width:760px){.ds-ctab{align-items:stretch}.ds-ctab-txt{align-self:auto}.ds-ctab-form{flex:none;width:100%;align-self:stretch;box-sizing:border-box}}

html body .page p.ds-ctab-info a:not([class]){color:#fff!important}
@media (max-width:760px){.ds-ctab::after{background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.6) 100%)}}

.ds-hero3{background:#F2F2F5!important}
.ds-hero3 .ds-hero-txt{max-width:1180px}
.ds-hero3 .ds-eyebrow{letter-spacing:.2em;font-weight:500}
.ds-hero3 h1{font-size:clamp(38px,5.4vw,72px)!important}
.ds-hero-portas{margin:clamp(32px,4vw,52px) 0 0;overflow:hidden}
.ds-hero-portas img{display:block;width:100%;height:auto;min-height:220px;object-fit:cover;object-position:center top}

/* ---------- categorias com ícones (página de produtos) ---------- */
.ds-cats{background:var(--ds-bg-2);border-bottom:1px solid var(--ds-line-2)}
.ds-cats-lista{list-style:none;margin:0 auto;max-width:var(--ds-max);padding:22px var(--ds-gutter) 18px;display:flex;justify-content:center;gap:clamp(8px,2vw,28px);overflow-x:auto;scrollbar-width:none;box-sizing:border-box}
.ds-cats-lista::-webkit-scrollbar{display:none}
.ds-cats-lista li{flex:none}
.ds-cats-lista a{display:flex;flex-direction:column;align-items:center;gap:10px;width:104px;padding:6px 4px;border-radius:var(--ds-r-sm);text-decoration:none;color:var(--ds-ink);transition:color var(--ds-fast) var(--ds-ease)}
.ds-cats-ic{display:grid;place-items:center;width:64px;height:64px;transition:transform var(--ds-med) var(--ds-ease)}
.ds-cats-ic svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.ds-cats-t{font-size:14px;font-weight:500;letter-spacing:-.01em;text-align:center;line-height:1.25}
.ds-cats-lista a:hover{color:var(--ds-accent)}
.ds-cats-lista a:hover .ds-cats-ic{transform:translateY(-3px)}
@media (max-width:900px){.ds-cats-lista{justify-content:flex-start}.ds-cats-lista a{width:92px}.ds-cats-ic{width:52px;height:52px}.ds-cats-ic svg{width:40px;height:40px}.ds-cats-t{font-size:12px}}
@media (prefers-reduced-motion:reduce){.ds-cats-ic{transition:none}}

/* ---------- catálogo de produtos (cards 3 por fileira) ---------- */
.ds-catalogo{background:var(--ds-bg-2);padding-block:var(--ds-s6) var(--ds-sec)}
.ds-cat-sec+.ds-cat-sec{margin-top:var(--ds-s7)}
.ds-cat-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-s3);margin-bottom:var(--ds-s3)}
.ds-cat-cab h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--ds-ink)}
.ds-cat-cab p{margin:6px 0 0;font-size:17px;color:var(--ds-ink-2)}
.ds-cat-cab .ds-link{flex:none;font-size:15px}
.ds-prod-grid,html body .opcs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.ds-prod{display:flex;flex-direction:column;background:#fff;border-radius:var(--ds-r-md);overflow:hidden;text-decoration:none;color:var(--ds-ink);box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow var(--ds-med) var(--ds-ease),transform var(--ds-med) var(--ds-ease)}
.ds-prod:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-2px)}
.ds-prod-img{aspect-ratio:4/3;margin:16px 16px 0;border-radius:12px;background-size:cover;background-position:center;background-color:var(--ds-bg-2);overflow:hidden;transition:transform var(--ds-slow) var(--ds-ease)}
.ds-prod:hover .ds-prod-img{transform:scale(1.02)}
.ds-prod-img-c{display:grid;place-items:center;background:#fff}
.ds-prod-img-c img{max-width:86%;max-height:92%;object-fit:contain}
.ds-prod-em{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ds-ink-3)}
.ds-prod-em svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.ds-prod-em span{font-size:13px;font-weight:500}
.ds-prod-txt{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.ds-prod-k{margin:0 0 4px;font-size:12px;font-weight:600;color:#B64400}
.ds-prod-txt h3{margin:0 0 6px;font-size:17px;font-weight:500;letter-spacing:-.015em;line-height:1.3}
.ds-prod-tags{margin:0 0 18px;font-size:14px;color:var(--ds-ink-2)}
.ds-prod-cta{margin-top:auto;font-size:14px;color:var(--ds-accent)}
.ds-prod-cta::after{content:" ›"}
.ds-prod:hover .ds-prod-cta{text-decoration:underline;text-underline-offset:3px}
/* cards antigos das páginas de porta, no mesmo padrão */
html body .opc{background:#fff!important;border:0!important;border-radius:var(--ds-r-md)!important;box-shadow:0 2px 10px rgba(0,0,0,.04)!important;overflow:hidden;transition:box-shadow var(--ds-med) var(--ds-ease),transform var(--ds-med) var(--ds-ease)!important}
html body .opc:hover{box-shadow:0 10px 30px rgba(0,0,0,.1)!important;transform:translateY(-2px)}
html body .opc-img{aspect-ratio:4/3!important;height:auto!important;margin:16px 16px 0!important;border-radius:12px!important}
html body .opc-txt{padding:22px 24px 24px!important}
html body .opc-txt h3{font:500 17px/1.3 var(--ds-font)!important;letter-spacing:-.015em!important;color:var(--ds-ink)!important}
html body .opc-tags span{background:none!important;border:0!important;padding:0!important;color:var(--ds-ink-2)!important;font:400 14px var(--ds-font)!important}
html body .opc-tags span+span::before{content:"· ";color:var(--ds-ink-3)}
html body .opc-btn{font:400 14px var(--ds-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ds-accent)!important}
html body .ds-catalogo .ds-nota a.ds-link{font-size:inherit}
/* ícones: item atual */
.ds-cats-lista a.on{color:var(--ds-accent)}
.ds-cats-lista a.on .ds-cats-t{font-weight:600}
/* menu suspenso de produtos */
.ds-mega{position:absolute;left:0;right:0;top:100%;background:#FAFAFC;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--ds-line-2);box-shadow:0 18px 40px -20px rgba(0,0,0,.18);animation:ds-desce var(--ds-med) var(--ds-ease)}
.ds-mega .ds-cats{background:none;border:0}
.ds-mega .ds-cats-lista{padding:22px var(--ds-gutter) 26px}
@media (max-width:1020px){.ds-mega{display:none!important}}
@media (max-width:900px){.ds-prod-grid,html body .opcs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:600px){.ds-prod-grid,html body .opcs{grid-template-columns:1fr!important}.ds-cat-cab{flex-direction:column;align-items:flex-start}}

/* ---------- página de produto (estilo loja) ---------- */
.ds-pdp-bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:20px;font-size:13px;color:var(--ds-ink-2)}
.ds-pdp-bc a{color:var(--ds-ink-2)!important;text-decoration:none}
.ds-pdp-bc a:hover{color:var(--ds-accent)!important}
.ds-pdp-bc span[aria-current]{color:var(--ds-ink)}
.ds-pdp-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);padding-block:var(--ds-s4) var(--ds-s7);align-items:start}
.ds-pdp-gal{position:sticky;top:80px}
.ds-pdp-main{aspect-ratio:1/1;border-radius:var(--ds-r-md);background:var(--ds-bg-2);overflow:hidden;display:grid;place-items:center}
.ds-pdp-main img{width:100%;height:100%;object-fit:cover}
.ds-pdp-vazio{color:var(--ds-ink-3);gap:12px;align-content:center}
.ds-pdp-vazio svg{width:96px;height:96px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.ds-pdp-vazio span{font-size:15px;font-weight:500}
.ds-pdp-th{display:flex;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none}
.ds-pdp-th button{flex:none;width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--ds-bg-2);cursor:pointer;transition:border-color var(--ds-fast) var(--ds-ease)}
.ds-pdp-th button img{width:100%;height:100%;object-fit:cover;display:block}
.ds-pdp-th button.on,.ds-pdp-th button:hover{border-color:var(--ds-accent)}
.ds-pdp-nota{margin:10px 0 0;font-size:12px;color:var(--ds-ink-3)}
.ds-pdp-buy h1{margin:0 0 12px;font-size:clamp(30px,3.4vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.ds-pdp-res{margin:0 0 18px;font-size:17px;line-height:1.5;color:var(--ds-ink-2)}
.ds-pdp-preco{display:flex;flex-direction:column;gap:2px;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--ds-line)}
.ds-pdp-preco b{font-size:19px;font-weight:600}
.ds-pdp-preco span{font-size:14px;color:var(--ds-ink-2)}
.ds-pdp-opt{margin-bottom:24px}
.ds-pdp-opt h3{margin:0 0 10px;font-size:17px;font-weight:600}
.ds-pdp-opt h3 span{font-weight:400;color:var(--ds-ink-2)}
.ds-pdp-chips{display:flex;flex-wrap:wrap;gap:10px}
.ds-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ds-line);border-radius:12px;color:var(--ds-ink)!important;text-decoration:none!important;font-size:15px;background:#fff;transition:border-color var(--ds-fast) var(--ds-ease)}
.ds-chip:hover{border-color:var(--ds-ink-3)}
.ds-chip.on{border:2px solid var(--ds-accent);padding:0 17px;font-weight:500}
.ds-chip.off{color:var(--ds-ink-3)!important;background:var(--ds-bg-2);border-style:dashed}
.ds-pdp-sel{width:100%;height:48px;padding:0 14px;border:1px solid var(--ds-line);border-radius:12px;background:#fff;font:400 16px var(--ds-font);color:var(--ds-ink)}
.ds-pdp-sel:focus{outline:none;border-color:var(--ds-accent);box-shadow:0 0 0 4px rgba(31,79,209,.15)}
.ds-pdp-qtd{display:inline-flex;align-items:center;border:1px solid var(--ds-line);border-radius:12px;overflow:hidden}
.ds-pdp-qtd button{width:44px;height:44px;border:0;background:#fff;font-size:20px;cursor:pointer;color:var(--ds-ink)}
.ds-pdp-qtd button:hover{background:var(--ds-bg-2)}
.ds-pdp-qtd input{width:56px;height:44px;border:0;border-inline:1px solid var(--ds-line);text-align:center;font:500 16px var(--ds-font);-moz-appearance:textfield}
.ds-pdp-qtd input::-webkit-inner-spin-button{display:none}
.ds-pdp-cta{width:100%;min-height:52px!important;font-size:17px!important;margin-top:8px}
.ds-pdp-wa{margin:10px 0 28px;font-size:13px;color:var(--ds-ink-3);text-align:center}
.ds-pdp-svc{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid var(--ds-line);display:flex;flex-direction:column;gap:16px}
.ds-pdp-svc li{display:flex;gap:14px;align-items:flex-start}
.ds-pdp-svc svg{flex:none;width:24px;height:24px;fill:none;stroke:var(--ds-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ds-pdp-svc b{display:block;font-size:15px;font-weight:600}
.ds-pdp-svc span{font-size:14px;color:var(--ds-ink-2)}
.ds-pdp-dest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-s3)}
.ds-pdp-d{background:#fff;border-radius:var(--ds-r-md);padding:28px}
.ds-pdp-di{width:28px;height:28px;fill:none;stroke:var(--ds-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ds-pdp-d h3{margin:16px 0 6px;font-size:19px;font-weight:600}
.ds-pdp-d p{margin:0;font-size:15px;color:var(--ds-ink-2)}
.ds-pdp-info{max-width:920px}
.ds-pdp-det{border-top:1px solid var(--ds-line)}
.ds-pdp-det:last-child{border-bottom:1px solid var(--ds-line)}
.ds-pdp-det summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:21px;font-weight:600;letter-spacing:-.015em}
.ds-pdp-det summary::-webkit-details-marker{display:none}
.ds-pdp-det summary::after{content:"+";font-size:26px;font-weight:300;color:var(--ds-ink-2);transition:transform var(--ds-med) var(--ds-ease)}
.ds-pdp-det[open] summary::after{transform:rotate(45deg)}
.ds-pdp-det summary:hover{color:var(--ds-accent)}
.ds-pdp-det-c{padding:0 0 28px;color:var(--ds-ink-2);font-size:17px;animation:ds-surge var(--ds-med) var(--ds-ease)}
.ds-pdp-det-c p{margin:0 0 12px}
.ds-pdp-det-c h4{margin:24px 0 10px;font-size:15px;font-weight:600;color:var(--ds-ink)}
.ds-pdp-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.ds-pdp-eb{color:var(--ds-ink-3);font-style:italic}
.ds-pdp-chips-s{display:flex;flex-wrap:wrap;gap:8px}
.ds-pdp-chips-s span{padding:8px 14px;border-radius:999px;background:var(--ds-bg-2);font-size:14px;color:var(--ds-ink)}
.ds-pdp-tab{width:100%;border-collapse:collapse;font-size:15px}
.ds-pdp-tab th,.ds-pdp-tab td{text-align:left;padding:12px 0;border-bottom:1px solid var(--ds-line-2)}
.ds-pdp-tab th{font-size:12px;font-weight:600;color:var(--ds-ink-2);text-transform:uppercase;letter-spacing:.06em}
.ds-pdp-cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-s4)}
.ds-pdp-cmp-c{text-align:center;padding:28px 20px;border-radius:var(--ds-r-md)}
.ds-pdp-cmp-c.atual{background:#fff;box-shadow:var(--ds-sh)}
.ds-pdp-cmp-c img{width:100%;max-width:220px;aspect-ratio:3/4;object-fit:contain;mix-blend-mode:multiply}
.ds-pdp-cmp-c h3{margin:16px 0 6px;font-size:21px;font-weight:600}
.ds-pdp-cmp-tag{margin:0;font-size:14px;color:var(--ds-ink-3)}
.ds-pdp-cmp-c ul{list-style:none;margin:20px 0 0;padding:0;text-align:left}
.ds-pdp-cmp-c li{padding:12px 0;border-top:1px solid var(--ds-line);font-size:15px;color:var(--ds-ink)}
html body .opc-ver{display:inline-block;margin-right:16px;font:500 14px var(--ds-font);color:var(--ds-ink)!important;text-decoration:none}
html body .opc-ver::after{content:" ›"}
html body .opc-ver:hover{color:var(--ds-accent)!important}
.opc-img-lk{display:block}
@media (max-width:1024px){.ds-pdp-dest{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.ds-pdp-top{grid-template-columns:1fr}.ds-pdp-gal{position:static}.ds-pdp-cmp{grid-template-columns:1fr}}
@media (max-width:560px){.ds-pdp-dest{grid-template-columns:1fr}}

/* ---------- cards de produto: 4 por fileira e mais compridos ---------- */
.ds-prod-grid,html body .opcs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.ds-prod-img,html body .opc-img{aspect-ratio:3/4!important;margin:14px 14px 0!important}
.ds-prod-txt,html body .opc-txt{padding:20px 20px 22px!important}
.ds-prod-txt h3,html body .opc-txt h3{font-size:16px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ds-prod{min-height:100%}
@media (max-width:1100px){.ds-prod-grid,html body .opcs{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:820px){.ds-prod-grid,html body .opcs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.ds-prod-img,html body .opc-img{margin:10px 10px 0!important}.ds-prod-txt,html body .opc-txt{padding:14px 14px 16px!important}.ds-prod-txt h3,html body .opc-txt h3{font-size:14px!important}.ds-prod-tags{font-size:12px!important}}
/* ---------- aparições na rolagem ---------- */
.ds-js .ds-rv{opacity:0;transform:translateY(16px);transition:opacity var(--ds-slow) var(--ds-ease),transform var(--ds-slow) var(--ds-ease)}
.ds-js .ds-rv.in{opacity:1;transform:none}

/* ---------- responsivo ---------- */
@media (max-width:1024px){
  .ds-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-segs ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-nums{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--ds-s4)}
  .ds-media,.ds-eng,.ds-rvw{grid-template-columns:1fr}
  .ds-eng-img{position:static}
  .ds-eng-img img{aspect-ratio:16/9}
}
@media (max-width:640px){
  .ds-grid-3{grid-template-columns:1fr}
  .ds-segs ul{grid-template-columns:1fr}
  .ds-media{padding:var(--ds-s3)}
  .ds-card{padding:var(--ds-s3)}
  .ds-sol>div{padding:var(--ds-s3)}
  .ds-specs>div{grid-template-columns:1fr;gap:4px}
  .ds-hero .ds-acoes{flex-direction:column;gap:var(--ds-s2)}
  .ds-hero-img{border-radius:var(--ds-r-md)}
  .ds-faq-lista summary{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
  .ds-js .ds-rv{opacity:1;transform:none;transition:none}
  .ds-hero-img img,.ds-sol figure img{transform:none!important;transition:none}
  *,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important}
}
.ds-js .ds-grid .ds-rv:nth-child(3n+2){transition-delay:70ms}
.ds-js .ds-grid .ds-rv:nth-child(3n+3){transition-delay:140ms}


/* WordPress */
body.admin-bar .top{top:32px}@media (max-width:782px){body.admin-bar .top{top:46px}}