/* Página Sobre (pacote "Sobre v2", 03/10/2026). */
.sb-hero{position:relative;max-width:1440px;margin:0 auto;padding:clamp(140px,16vw,190px) var(--mk-pad) clamp(40px,5vw,64px);display:flex;flex-direction:column;gap:clamp(36px,5vw,64px)}
.sb-pontos{position:absolute;left:0;top:0;width:min(560px,70vw);height:420px;background-image:radial-gradient(rgba(9,9,11,.16) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask:radial-gradient(ellipse at 0 0,#000 10%,transparent 70%);mask:radial-gradient(ellipse at 0 0,#000 10%,transparent 70%);pointer-events:none}
.sb-hero-topo{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(28px,4vw,64px);align-items:end}
.sb-h1{margin:0;font-size:clamp(42px,6vw,96px);font-weight:300;letter-spacing:-.055em;line-height:.94;text-wrap:balance}
.sb-h1 b,.sb-hist-t b,.sb-fund-nome b{font-weight:700}
.sb-lead{margin:0;max-width:420px;font-size:17px;line-height:1.6;font-weight:300;color:#55555B;text-wrap:pretty}
.sb-lead b{font-weight:500;color:var(--mk-tinta)}
.sb-mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sb-m{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;background:#E9E6E1;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.sb-m:hover{transform:translateY(-4px)}
.sb-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.sb-m:hover img{transform:scale(1.03)}
.sb-m-tag{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:500;color:var(--mk-tinta);max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-m-tag span{font-weight:300;color:#6E6E74}
/* Seções com título grande (O que resolvemos, Clientes, Depoimentos) */
.sb-sec{max-width:1440px;margin:0 auto;padding:clamp(72px,9vw,128px) var(--mk-pad) 0;display:flex;flex-direction:column;gap:clamp(24px,3.4vw,40px)}
.sb-sec-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sb-h2{margin:0;max-width:820px;font-size:clamp(34px,4.6vw,72px);font-weight:300;letter-spacing:-.05em;line-height:.96;text-wrap:balance}
.sb-h2 b{font-weight:700}
.sb-link{font-size:14px;font-weight:500;color:var(--mk-tinta);white-space:nowrap}
/* Problemas: ao passar o mouse (ou tocar), o cartão escurece e mostra o que a Inovaccio faz. O texto já ocupa o lugar, só ganha opacidade. */
.sb-pbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sb-pb{position:relative;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;border-radius:26px;background:#FFFFFF;color:var(--mk-tinta);box-shadow:inset 0 0 0 1px rgba(9,9,11,.07);cursor:default;transition:background .6s cubic-bezier(.22,1,.36,1),color .6s,box-shadow .6s,transform .6s cubic-bezier(.22,1,.36,1)}
.sb-pb-topo{display:flex;justify-content:space-between;align-items:center}
.sb-pb-ic{width:42px;height:42px;border-radius:13px;background:#F1F0EE;display:flex;align-items:center;justify-content:center;transition:background .6s}
.sb-pb-ic img{width:21px;height:21px}
.sb-ic-e{display:none}
.sb-pb small{font-size:11px;font-weight:500;letter-spacing:.14em;color:#6E6E74;transition:color .6s}
.sb-pb-tx{display:flex;flex-direction:column;gap:8px}
.sb-pb-tx b{font-size:20px;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
.sb-pb-tx>span{font-size:14.5px;font-weight:300;line-height:1.55;color:#6E6E74;opacity:0;transform:translateY(8px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),color .6s}
.sb-pb.on{background:var(--mk-tinta);color:var(--mk-papel);box-shadow:0 30px 50px -30px rgba(9,9,11,.6);transform:translateY(-4px)}
.sb-pb.on .sb-pb-ic{background:rgba(255,255,255,.08)}
.sb-pb.on .sb-ic-c{display:none}.sb-pb.on .sb-ic-e{display:block}
.sb-pb.on small,.sb-pb.on .sb-pb-tx>span{color:#ACACB2}
.sb-pb.on .sb-pb-tx>span{opacity:1;transform:none}
/* Galeria "Clientes que já escolhemos juntos": 4 colunas, dois destaques 2x2 e dois blocos que fecham a grade */
.sb-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:clamp(12px,1.4vw,18px)}
.sb-g{margin:0;position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#E9E6E1;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.sb-g:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(9,9,11,.5)}
.sb-g img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.sb-g:hover img{transform:scale(1.03)}
.sb-g-a{grid-column:span 2;grid-row:span 2}
.sb-g-b{grid-column:3/span 2;grid-row:span 2}
.sb-g figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex}
.sb-g figcaption>span{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:32px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;line-height:1.2}
.sb-g-a figcaption>span,.sb-g-b figcaption>span{font-size:15px}
.sb-g-n{font-weight:700;color:var(--mk-tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-g-k{font-weight:300;color:#6E6E74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-g-bloco{aspect-ratio:4/5;border-radius:24px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;justify-content:space-between}
.sb-g-bloco small{font-size:12px;font-weight:500;letter-spacing:.14em}
.sb-g-escuro{background:#09090B;color:#F4F3F1}
.sb-g-escuro small{color:#8A8A90}
.sb-g-escuro>span{display:flex;flex-direction:column;gap:6px}
.sb-g-escuro b{font-size:clamp(44px,5vw,72px);font-weight:700;letter-spacing:-.06em;line-height:.9}
.sb-g-escuro>span>span{font-size:15px;font-weight:300;line-height:1.4;color:#ACACB2}
.sb-g-forte{font-weight:500;color:#F4F3F1}
.sb-g-claro{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(9,9,11,.08);color:var(--mk-tinta);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.sb-g-claro:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(9,9,11,.12),0 28px 50px -30px rgba(9,9,11,.35)}
.sb-g-claro small{color:#6E6E74}
.sb-g-claro>span{display:flex;flex-direction:column;gap:14px}
.sb-g-ver{font-size:clamp(22px,2.2vw,30px);font-weight:300;letter-spacing:-.04em;line-height:1.05}
.sb-g-ver b{font-weight:700}
.sb-g-seta{width:44px;height:44px;border-radius:50%;background:#09090B;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:16px}
/* Depoimentos (escondidos até a autorização de cada cliente) */
.sb-deps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.sb-dep{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(22px,2.4vw,32px);border-radius:28px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}
.sb-dep:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(9,9,11,.06),0 28px 50px -30px rgba(9,9,11,.35)}
.sb-dep-aspas{font-size:44px;font-weight:700;line-height:.6;color:var(--mk-vermelho)}
.sb-dep blockquote{margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.55;font-weight:300;color:#33333B;text-wrap:pretty}
.sb-dep figcaption{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(9,9,11,.08)}
.sb-dep-img{flex:none;width:52px;height:52px;border-radius:16px;overflow:hidden;background:#F4F3F1}
.sb-dep-img img{width:100%;height:100%;object-fit:cover}
.sb-dep figcaption>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-dep figcaption b{font-size:15px}
.sb-dep figcaption small{font-size:13px;font-weight:300;color:#6E6E74}
.sb-hist{max-width:1440px;margin:0 auto;padding:clamp(56px,7vw,104px) var(--mk-pad);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,96px)}
.sb-hist-t{margin:0;font-size:clamp(24px,2.6vw,38px);font-weight:300;letter-spacing:-.03em;line-height:1.25;text-wrap:balance}
.sb-fatos{display:flex;flex-direction:column;gap:12px}
.sb-fatos>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid rgba(9,9,11,.1)}
.sb-fatos b{font-size:14px}
.sb-fatos span{font-size:16px;line-height:1.6;font-weight:300;color:#55555B}
.sb-princ{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sb-p{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,30px);border-radius:28px;background:#141417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:background .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.sb-p:hover{background:#1B1B1F;transform:translateY(-3px)}
.sb-p-topo{display:flex;justify-content:space-between;align-items:center}
.sb-p-topo small{font-size:13px;font-weight:300;color:#6E6E74}
.sb-p b{font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.1}
.sb-p>span:last-child{font-size:15px;line-height:1.6;font-weight:300;color:var(--mk-cinza-2)}
.sb-nums{max-width:1440px;margin:0 auto;padding:clamp(72px,9vw,120px) var(--mk-pad) clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sb-nums>div{display:flex;flex-direction:column;gap:10px;padding:26px 4px;border-top:1px solid rgba(9,9,11,.12)}
.sb-nums>div>span:first-child{display:flex;align-items:baseline}
.sb-pre{font-size:clamp(40px,4.6vw,72px);font-weight:300;letter-spacing:-.05em;line-height:.9}
.sb-nums b{font-size:clamp(56px,6.4vw,104px);letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.sb-num-l{font-size:15px;color:#55555B;font-weight:300}
.sb-logos{overflow:hidden;padding:0 0 clamp(64px,8vw,104px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.sb-logos-trilho{display:flex;align-items:center;gap:72px;width:max-content;animation:sbMq 60s linear infinite}
.sb-logos:hover .sb-logos-trilho{animation-play-state:paused}
.sb-logos img{height:30px;width:auto;max-width:130px;object-fit:contain;flex:none;filter:grayscale(1) brightness(0);opacity:.38}
@keyframes sbMq{to{transform:translateX(calc(-50% - 36px))}}
.sb-proc{max-width:1440px;margin:0 auto;padding:clamp(72px,9vw,120px) var(--mk-pad);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.sb-proc-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.sb-dica{font-size:14px;font-weight:300;color:#6E6E74}
.sb-etapas{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sb-e{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:24px;background:#FFFFFF;color:var(--mk-tinta);box-shadow:inset 0 0 0 1px rgba(9,9,11,.07);transition:background .6s cubic-bezier(.22,1,.36,1),color .6s;cursor:default}
.sb-e small{font-size:13px;font-weight:300;opacity:.7}
.sb-e b{font-size:20px;letter-spacing:-.025em;overflow-wrap:anywhere}
.sb-e-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1)}
.sb-e-d>span{overflow:hidden;font-size:14px;line-height:1.55;font-weight:300;opacity:.8}
.sb-e.on{background:var(--mk-tinta);color:var(--mk-papel)}
.sb-e.on .sb-e-d{grid-template-rows:1fr}
.sb-vivo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.sb-quem{max-width:1440px;margin:0 auto;padding:clamp(72px,9vw,128px) var(--mk-pad);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.sb-fund{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(20px,3vw,40px);border-radius:32px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06)}
.sb-fund-foto{position:relative;width:min(100%,320px);aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--mk-papel)}
.sb-fund-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sb-fund-nome{font-size:clamp(32px,3.6vw,52px);font-weight:300;letter-spacing:-.045em;line-height:1}
.sb-fund-frase{margin:0;max-width:520px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;font-weight:300;font-style:italic;color:#33333B;text-wrap:pretty}
.sb-fund-bio{margin:0;max-width:520px;font-size:15px;line-height:1.6;font-weight:300;color:#55555B}
.sb-fund-bt{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:999px;background:var(--mk-tinta);color:#FFFFFF;font-size:14.5px;font-weight:500;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.sb-fund-bt:hover{color:#FFFFFF;transform:translateY(-2px)}
.sb-cta{display:flex;flex-direction:column;gap:30px;align-items:flex-start;padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(80px,10vw,140px)}
.sb-cta-bts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.sb-cta-bts>span{font-size:14px;font-weight:300;color:var(--mk-cinza-2)}
.sb-bt-v{display:flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;background:var(--mk-vermelho);color:#FFFFFF;font-size:15px;font-weight:500;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.sb-bt-v:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(204,6,1,.6)}
@media (max-width:999px){
  .sb-hero-topo,.sb-hist,.sb-vivo{grid-template-columns:minmax(0,1fr)}
  .sb-mosaico,.sb-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-g-a,.sb-g-b{grid-column:span 2;grid-row:auto}
  .sb-pbs,.sb-deps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-princ{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-etapas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-e .sb-e-d{grid-template-rows:1fr}
  .sb-proc .sb-dica{display:none}
}
@media (max-width:639px){
  .sb-pbs,.sb-deps{grid-template-columns:minmax(0,1fr)}
  .sb-princ,.sb-nums{grid-template-columns:minmax(0,1fr)}
  .sb-fund{grid-template-columns:minmax(0,1fr)}
  .sb-e{padding:16px}
  .sb-e b{font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){.sb-logos-trilho{animation:none}}