/* Páginas de projetos (cases) */
html{scroll-padding-top:84px}
.pagina-projeto{--barra:72px}
.topo{position:sticky;top:0;z-index:20;height:var(--barra);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--cre);box-shadow:0 1px 0 rgba(13,43,58,.12)}
.topo__logo{display:block;line-height:0}.topo__logo img{height:46px;width:auto}
.topo__nav{display:flex;align-items:center;gap:20px;font-weight:500;font-size:16px}
@media (max-width:560px){.topo__nav .barra__link{display:none}.topo{padding:0 16px}}
.proj-hero{padding:clamp(40px,6vw,88px) 0 clamp(48px,7vw,96px)}
.proj-hero__in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.proj-hero__in{grid-template-columns:1fr}}
.proj-h1{font-family:var(--f-titulo);font-weight:800;font-size:clamp(30px,3.8vw,50px);line-height:1.02;letter-spacing:-.01em;margin:0 0 var(--esp-3)}
.proj-hero .lide{margin-bottom:22px}
.chips{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--pet);border-radius:999px;padding:var(--esp-1) var(--esp-2);font-size:16px;font-weight:500}
.chips--claro .chip{border-color:rgba(13,43,58,.4);background:rgba(13,43,58,.05)}
.proj-sec--escura .chip{border-color:rgba(243,232,216,.5)}
.status{display:flex;align-items:center;gap:var(--esp-1);margin:0 0 var(--esp-3);font-size:16px;font-weight:500;color:var(--bur)}
.status__ponto{width:10px;height:10px;border-radius:50%;background:var(--ter);flex:none}
.acoes{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.link-seta{font-weight:700;text-decoration:none;border-bottom:2px solid var(--ter);padding-bottom:2px}
.link-seta--claro{border-color:var(--och)}
.proj-hero__img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 22px 50px rgba(13,43,58,.22);background:var(--pea)}
.proj-hero__img img{display:block;width:100%;height:auto}
.proj-sec--escura{background:var(--pet);color:var(--cre)}
.proj-sec--escura .selo{color:var(--pea)}
.lista-check{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lista-check li{position:relative;padding-left:34px;font-size:clamp(17px,1.5vw,19px)}
.lista-check li::before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;background:var(--och);clip-path:polygon(0 0,100% 0,100% 100%)}
.cta-faixa{background:var(--bur);color:var(--cre)}
.cta-faixa__in{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;padding:clamp(28px,4vw,44px) 0}
.cta-faixa__t{font-size:clamp(26px,3.2vw,40px);margin:0 0 6px;max-width:22ch}
.cta-faixa p{margin:0;max-width:36em;font-size:clamp(18px,1.5vw,20px);font-weight:400}
.cta-faixa .btn{background:var(--cre);color:var(--pet)}
.cta-faixa .btn:hover{background:var(--och);color:var(--pet-aaa)}
.nota{margin:-24px 0 var(--esp-4);font-size:16px;line-height:1.5;max-width:65ch}
.galeria{display:grid;gap:22px}
.galeria--phone{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.galeria--phone{grid-template-columns:repeat(2,1fr)}}
.galeria--wide{grid-template-columns:repeat(2,1fr)}
@media (max-width:800px){.galeria--wide{grid-template-columns:1fr}}
.galeria--wide figure:first-child:nth-last-child(odd){grid-column:1/-1}
.galeria figure{margin:0}
.galeria img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px rgba(13,43,58,.16);background:var(--bra)}
.galeria figcaption{margin-top:var(--esp-1);font-size:16px;line-height:1.5;opacity:.85;max-width:65ch}
.diagrama{overflow-x:auto;margin-top:28px;padding:18px;border-radius:16px;background:var(--cre);-webkit-overflow-scrolling:touch}
.diagrama svg{display:block;width:100%;height:auto;font-family:var(--f-texto)}
.d-lane{fill:rgba(13,43,58,.05)}.d-grp{fill:rgba(13,43,58,.06);stroke:rgba(13,43,58,.25);stroke-dasharray:4 4}
.d-n{fill:var(--bra);stroke:var(--pet);stroke-width:1.5}.d-gat{fill:var(--pea);stroke:var(--pet);stroke-width:1.5}
.d-dec{fill:var(--och);stroke:var(--pet);stroke-width:1.5}.d-out{fill:var(--bur);stroke:var(--pet);stroke-width:1.5}
.d-t{fill:var(--pet);font-weight:500}.d-t-dec{fill:var(--pet-aaa)}.d-t-out{fill:var(--cre);font-weight:700}.d-lbl{fill:var(--pet);font-weight:700}.d-nota{fill:var(--pet)}
.d-a{stroke:var(--pet);stroke-width:1.6}.d-seta{fill:var(--pet)}
.destaques{list-style:none;margin:0 0 clamp(36px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media (max-width:1000px){.destaques{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.destaques{grid-template-columns:1fr}}
.destaques li{border-top:2px solid var(--pet);padding-top:16px}.destaques h3{font-size:22px;margin-bottom:8px}.destaques p{margin:0;font-size:16px;opacity:.9}
.stack-t{font-size:20px;margin-bottom:12px}
.proj-final{background:var(--bur);color:var(--cre);padding:clamp(56px,8vw,110px) 0;text-align:left}
.proj-final .titulo{max-width:20ch;margin-bottom:14px}.proj-final .lide{margin-bottom:28px}
.proj-prox{background:var(--cre);border-bottom:1px solid rgba(13,43,58,.12)}
.proj-prox__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px 0}
.proj-prox__a{display:flex;flex-direction:column;text-decoration:none;gap:2px}
.proj-prox__a span{font-size:16px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--bur)}
.proj-prox__a strong{font-family:var(--f-titulo);font-size:clamp(24px,3vw,36px)}
.proj-prox__a:hover strong{color:var(--bur)}.proj-prox__a--todos{text-align:right}
@media (max-width:560px){.proj-prox__a--todos{text-align:left}}
.js .rev{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .rev.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rev{opacity:1;transform:none;transition:none}}