/* Sapiro · Sobre (e base das páginas internas) */
.nav-lk[aria-current="page"]{background-size:100% 2px}
.pagina--int{padding-top:var(--h-cab)}

/* topo */
.topo-int{padding:clamp(40px,5vw,72px) 0 clamp(56px,6vw,88px);background:#fff}
.topo-int-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}
.topo-int-p{margin-top:22px;font-size:clamp(18px,1.6vw,21px);max-width:44ch}
.topo-int-img{position:relative}
.topo-s{position:absolute;left:-18%;bottom:-12%;width:58%;height:auto;overflow:visible;pointer-events:none;z-index:2}
.topo-int-img img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/3.4;object-fit:cover;filter:grayscale(1) contrast(1.05);border-top-left-radius:var(--r-g)}
@media(max-width:900px){.topo-int-grid{grid-template-columns:1fr}.topo-int-img{order:-1}}

/* quem somos */
.quem{background:var(--nevoa);border-bottom-right-radius:var(--r-g)}
.quem-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,104px);align-items:start}
.quem-fig{position:sticky;top:calc(var(--h-cab) + 40px);aspect-ratio:4/5;max-height:calc(100svh - var(--h-cab) - 80px);overflow:hidden;border-top-left-radius:var(--r-g);background:var(--cinza)}
.quem-img{position:absolute;inset:0;visibility:hidden}
.quem-img.is-ativa{visibility:visible}
.quem-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.quem-lista{display:grid;gap:clamp(40px,6vw,72px)}
.quem-lista h2{margin-bottom:-12px}
.momento{opacity:.6;transition:opacity 500ms var(--ease-sai)}
.momento.is-vivo{opacity:1}
.momento h3{margin-bottom:10px;color:var(--laranja-tom)}
.momento p{margin:0}
.quem-fecho{margin:0;padding-top:12px;font-weight:600}
html.reduzir .momento{opacity:1}
@media(max-width:900px){.quem-grid{grid-template-columns:1fr}.quem-fig{position:relative;top:auto;aspect-ratio:16/10;max-height:none}.momento{opacity:1}}

/* equipe */
.equipe{background:#fff;overflow:hidden}
.equipe-cab{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}
.equipe-janela{overflow:hidden}
.equipe-trilho{display:flex;gap:20px;width:max-content;padding-inline:10px}
html.reduzir .equipe-janela{overflow-x:auto}
.pessoa-li{flex:none;width:clamp(210px,19vw,270px)}
.pessoa{display:block;width:100%;text-align:left;position:relative}
.pessoa-img{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--nevoa)}
.pessoa-li:nth-child(odd) .pessoa-img{border-radius:0 var(--r-m) 0 0}
.pessoa-li:nth-child(even) .pessoa-img{border-radius:var(--r-m) 0 0 0}
.pessoa-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform 600ms var(--ease-sai)}
.pessoa:hover .card-veu,.pessoa:focus-visible .card-veu{opacity:.7}
.pessoa:hover img,.pessoa:focus-visible img{transform:scale(1.04)}
.pessoa-vazio{position:absolute;inset:0;display:grid;place-items:center;background:var(--nevoa)}
.pessoa-vazio svg{position:absolute;width:82%;opacity:.7}
.pessoa-vazio b{position:relative;font-size:44px;font-weight:600;color:var(--cinza)}
.pessoa-nome{display:block;margin-top:14px;font-weight:600}
.pessoa-mais{display:block;font-weight:300;font-size:16px;color:var(--cinza);opacity:0;transform:translateY(6px);transition:opacity var(--t-micro),transform var(--t-micro) var(--ease-sai)}
.pessoa:hover .pessoa-mais,.pessoa:focus-visible .pessoa-mais{opacity:1;transform:none}
@media(hover:none){.pessoa-mais{opacity:1;transform:none}}

/* painel lateral da mini bio */
.painel-pessoa{position:fixed;top:0;right:0;bottom:0;z-index:250;width:min(440px,100%);background:#fff;padding:96px 36px 40px;overflow:auto;transform:translateX(102%);visibility:hidden;transition:transform 500ms var(--ease-elo),visibility 0s 500ms;border-top-left-radius:var(--r-m)}
.painel-pessoa.aberto{transform:none;visibility:visible;transition:transform 500ms var(--ease-elo)}
.painel-pessoa h3{margin-bottom:16px}
.pp-fechar{position:absolute;top:24px;right:24px;width:48px;height:48px;background:var(--nevoa);font-size:28px;line-height:1;border-radius:0 var(--r-p) 0 var(--r-p)}
.pp-fechar:hover{background:var(--laranja)}

/* manifesto */
.manifesto{background:var(--dg-noite);color:#fff;padding:clamp(88px,9vw,128px) 0;border-top-right-radius:var(--r-g)}
.manifesto h2{color:#fff;margin-bottom:40px}
.manifesto-txt{max-width:860px}
.manifesto-txt p{font-size:clamp(22px,2.2vw,28px);line-height:1.45;font-weight:300;margin:0 0 1.1em;max-width:none}
.video-man{position:relative;margin:72px auto 0;width:100%;aspect-ratio:16/9;background:#3a393a;display:grid;place-items:center;overflow:hidden;border-bottom-left-radius:var(--r-g)}
.video-man svg{position:absolute;height:130%;right:-6%}
.video-play{position:relative;width:72px;height:72px;background:var(--laranja);border-radius:0 var(--r-p) 0 var(--r-p)}
.video-play::after{content:'';position:absolute;left:28px;top:22px;border-left:22px solid var(--grafite);border-top:14px solid transparent;border-bottom:14px solid transparent}
.video-man p{position:absolute;left:24px;bottom:12px;margin:0;font-size:15px;color:#C9C6C8}
.pagina--int .fim{border-top-right-radius:0}
.contato--simples{padding-block:clamp(88px,9vw,120px)}

/* trilha de navegação */
.crumbs{padding-top:22px;padding-bottom:0;font-size:15px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;color:var(--cinza)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li + li::before{content:'›';margin:0 10px;color:var(--apoio)}
.crumbs a{font-weight:600;color:var(--grafite);background:linear-gradient(var(--laranja),var(--laranja)) left bottom/0 2px no-repeat;transition:background-size var(--t-micro) var(--ease-elo)}
.crumbs a:hover,.crumbs a:focus-visible{background-size:100% 2px}
.crumbs [aria-current]{font-weight:300;max-width:46ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pagina--pod .crumbs ol{color:#C9C6C8}
.pagina--pod .crumbs a{color:#fff}
.crumbs + .topo-int,.crumbs + article .post-topo{padding-top:clamp(20px,3vw,36px)}

/* veja também (ligações entre seções) */
.veja-tambem{padding:clamp(40px,5vw,64px) 0;background:#fff}
.veja-tambem h2{font-size:24px;margin-bottom:22px}
.veja-tambem ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 40px}
.veja-tambem li p{margin:4px 0 0;color:var(--cinza)}
.rel-t{font-weight:700;font-size:20px;background:linear-gradient(var(--laranja),var(--laranja)) left bottom/0 2px no-repeat;transition:background-size var(--t-micro) var(--ease-elo)}
.rel-t:hover,.rel-t:focus-visible{background-size:100% 2px}
.pagina--pod .veja-tambem{background:transparent;color:#fff}
.pagina--pod .veja-tambem h2{color:#fff}
.pagina--pod .veja-tambem li p{color:#C9C6C8}

@media(max-width:900px){.topo-s{left:auto;right:2%;bottom:-16%;width:36%}.topo-int-img{margin-bottom:48px}}

/* clientes */
.clientes{background:var(--nevoa)}
.clientes-p{max-width:56ch;margin:14px 0 44px;color:var(--grafite-2,#555)}
.clientes-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.clientes-grid li{background:#fff;border-radius:var(--r-p,10px);height:104px;display:flex;align-items:center;justify-content:center;padding:22px 26px;transition:transform .4s var(--ease-sai,ease),box-shadow .4s}
.clientes-grid li:nth-child(5n+1){border-top-left-radius:var(--r-m,28px)}
.clientes-grid img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .4s,opacity .4s}
.clientes-grid li:hover{transform:translateY(-3px);box-shadow:0 12px 28px -16px rgba(0,0,0,.25)}
.clientes-grid li:hover img{filter:none;opacity:1}
@media(max-width:1023px){.clientes-grid{grid-template-columns:repeat(3,1fr)}.clientes-grid li:nth-child(5n+1){border-top-left-radius:var(--r-p,10px)}.clientes-grid li:nth-child(3n+1){border-top-left-radius:var(--r-m,28px)}}
@media(max-width:560px){.clientes-grid{grid-template-columns:repeat(2,1fr);gap:10px}.clientes-grid li{height:84px;padding:16px}.clientes-grid li:nth-child(3n+1){border-top-left-radius:var(--r-p,10px)}.clientes-grid li:nth-child(2n+1){border-top-left-radius:var(--r-m,28px)}}
