/* Molde novo de case (11/11/2026). Só entra nas páginas de case refeitas, depois do site.css.
   O nome muda (case.css?v=) a cada versão: o Cloudflare manda o navegador guardar CSS por 1 ano. */

/* ---------- topo: resumo de abertura + ficha ---------- */
.case-resumo{margin-top:36px;max-width:62ch;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;color:var(--czp);letter-spacing:-.015em}
.case-resumo b{font-weight:400;color:#F5F5F5}
.case-ficha dd{max-width:60ch}
.case-ficha dd a{color:#F5F5F5;border-bottom:1px solid rgba(164,255,255,.45);transition:color .2s,border-color .2s}
.case-ficha dd a:hover{color:var(--aqua);border-color:var(--aqua)}

/* ---------- capa com legenda ---------- */
.case-capa figcaption,.galeria figcaption{font-size:.82rem;line-height:1.5;color:var(--czp);margin-top:10px}

/* ---------- corpo em blocos ---------- */
.case-bloco{margin-bottom:72px}
.case-bloco h2{margin-top:0}
.case-etapas{list-style:none;counter-reset:etapa;max-width:72ch;margin-top:8px}
.case-etapas li{counter-increment:etapa;position:relative;padding:18px 0 18px 56px;border-top:1px solid var(--linha-d);font-size:1rem;line-height:1.65;color:var(--czp)}
.case-etapas li:last-child{border-bottom:1px solid var(--linha-d)}
.case-etapas li::before{content:counter(etapa,decimal-leading-zero);position:absolute;left:0;top:18px;font-weight:700;color:var(--aqua);font-size:.9rem;letter-spacing:0}
.case-etapas b{font-weight:700;color:#F5F5F5}

/* ---------- galeria com legenda ---------- */
.galeria{margin:0 0 72px;align-items:start}
.galeria figure{margin:0}
.galeria-2{grid-template-columns:repeat(2,1fr);gap:28px 12px}
.galeria-2 .largo{grid-column:1/-1}
.galeria-2 figure:not(.largo) img{aspect-ratio:16/9;object-fit:cover}
.galeria-3{grid-template-columns:repeat(3,1fr);gap:28px 12px}
@media(max-width:760px){.galeria-2,.galeria-3{grid-template-columns:1fr}}

/* ---------- depoimento ---------- */
.case-depo{margin:0 0 72px;padding:44px 0 0;border-top:1px solid var(--linha-d);max-width:62ch}
.case-depo p{font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.45;font-weight:300;letter-spacing:-.02em;color:#F5F5F5}
.case-depo footer{margin-top:22px;font-size:.9rem;color:var(--czp);background:none;padding:0}
.case-depo footer b{color:#F5F5F5;font-weight:700}

/* ---------- perguntas rápidas ---------- */
.case-faq{margin-bottom:0}
.faq-item{max-width:72ch;padding:20px 0;border-top:1px solid var(--linha-d)}
.faq-item:last-child{border-bottom:1px solid var(--linha-d)}
.faq-item h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;line-height:1.35}
.faq-item p{font-size:1rem;line-height:1.65;color:var(--czp)}

/* ---------- contraste: sobretítulo da faixa clara (era #6F6F6F, 4,4:1) ---------- */
.outros .eyebrow{color:#5A5A5A}

/* ---------- portfólio 2027 (12/11/2026): cards iguais aos da home, /projetos/ e imagem inteira ---------- */
.proj-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:44px}
.proj-card{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:320/400;display:flex;align-items:flex-end;background:var(--preto2);transition:transform .25s}
.proj-card:hover{transform:translateY(-3px)}
.proj-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.proj-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,0) 55%,rgba(11,11,11,.82) 100%)}
.proj-meta{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:16px;color:#fff}
.proj-meta b{font-weight:700;font-size:.95rem;display:block}
.proj-meta span{font-size:.78rem;color:#C9C9C9}
.proj-meta .seta{color:var(--aqua);font-weight:300;font-size:1.1rem}
.proj-card:focus-visible{outline:3px solid var(--ciano);outline-offset:3px}
@media(max-width:1000px){.proj-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.proj-grid{grid-template-columns:repeat(2,1fr)}}

.galeria-2 figure.inteira img{aspect-ratio:16/9;object-fit:contain;background:var(--preto2)}

.pj-topo h1{font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1;letter-spacing:-.05em;max-width:16ch}
.pj-nav{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px 26px;font-size:.95rem}
.pj-nav a{color:#F5F5F5;border-bottom:1px solid rgba(164,255,255,.45);padding-bottom:3px;transition:color .2s,border-color .2s}
.pj-nav a:hover{color:var(--aqua);border-color:var(--aqua)}
.pj-nav span{color:var(--czp)}
.pj-frente{background:var(--claro);color:var(--preto);padding:90px 0 30px;scroll-margin-top:20px}
.pj-frente:last-of-type{padding-bottom:110px}
.pj-frente .eyebrow{color:#5A5A5A}
.pj-frente h2{font-size:clamp(1.7rem,3vw,2.65rem)}
.pj-intro{margin-top:12px;max-width:62ch;color:#4A4A4A;line-height:1.6;font-size:1rem}
.pj-frente .proj-grid{margin-top:32px}