/* Páginas internas estáticas (cases e privacidade), fora do WordPress desde 10/11/2026.
   Mesmo sistema da home: Helvetica do sistema (Light 300, Regular 400, Bold 700), kerning fechado,
   caixa alta em 0, fundo liso. Cores da home. */
:root{
  --fonte:Helvetica,Arial,sans-serif;
  --preto:#0B0B0B; --preto2:#141414; --claro:#F1F1F1; --branco:#FFFFFF;
  --aqua:#A4FFFF; --ciano:#23BDBD; --czp:#A4A4A4; --czb:#6F6F6F;
  --linha-d:rgba(255,255,255,.12); --linha-l:rgba(11,11,11,.12); --max:1300px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--fonte);letter-spacing:-.01em;background:var(--preto);color:#F5F5F5;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2{font-weight:300;letter-spacing:-.03em;text-wrap:balance;line-height:1.12}
h1 b,h2 b{font-weight:700}
.eyebrow{font-size:.75rem;font-weight:300;letter-spacing:0;text-transform:uppercase;display:block;margin-bottom:16px;color:var(--czp)}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--fonte);font-weight:700;font-size:.9rem;
  padding:14px 24px;border-radius:8px;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--ciano);outline-offset:3px}
.btn-aqua{background:var(--aqua);color:var(--preto)}
.btn-aqua:hover{box-shadow:0 10px 30px rgba(164,255,255,.28)}
.btn-preto{background:var(--preto);color:#F5F5F5}
.btn-preto:hover{box-shadow:0 10px 26px rgba(11,11,11,.3)}

/* ---------- menu (igual ao da home) ---------- */
nav{position:absolute;top:0;left:0;right:0;z-index:50}
.nav-in{max-width:var(--max);margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-in img{height:32px;width:auto}
.nav-links{display:flex;gap:28px;font-size:.85rem;color:var(--czp)}
.nav-links a:hover{color:#fff}
nav .btn{padding:10px 20px;font-size:.82rem}
@media(max-width:860px){.nav-links{display:none}}

/* ---------- topo do case ---------- */
.case-topo{padding:140px 0 48px}
.voltar{display:inline-block;font-size:.85rem;color:var(--czp);margin-bottom:36px;transition:color .2s}
.voltar:hover{color:var(--aqua)}
.case-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.case-head h1{font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1;letter-spacing:-.05em;max-width:16ch}
.case-logo{height:auto;max-height:64px;width:auto;max-width:220px;object-fit:contain}
.case-ficha{margin-top:44px;border-top:1px solid var(--linha-d)}
.case-ficha div{display:flex;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--linha-d)}
.case-ficha dt{font-size:1.15rem;font-weight:300;color:var(--czp);letter-spacing:-.01em}
.case-ficha dd{font-size:1rem;text-align:right}
.case-intro{margin-top:36px;max-width:72ch;font-size:1.15rem;line-height:1.6;color:var(--czp);letter-spacing:-.01em}
.case-intro b{font-weight:400;color:#F5F5F5}
.case-capa{margin-top:8px}
.case-capa img{width:100%;border-radius:10px}

/* ---------- corpo do case: blocos de texto e galeria, na ordem do projeto ---------- */
.case-corpo{padding:72px 0 110px}
.case-corpo h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:56px 0 18px;max-width:28ch}
.case-corpo h2:first-child{margin-top:0}
.case-corpo p{max-width:72ch;font-size:1rem;line-height:1.65;color:var(--czp);margin-bottom:14px}
.case-corpo p b{font-weight:700;color:#F5F5F5}
.galeria{display:grid;gap:10px;margin:40px 0}
.galeria img{width:100%;border-radius:6px;background:var(--preto2)}

/* ---------- outros projetos ---------- */
.outros{background:var(--claro);color:var(--preto);padding:110px 0}
.outros .eyebrow{color:var(--czb)}
.outros h2{font-size:clamp(1.7rem,3vw,2.65rem)}
.outros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:44px}
.card{position:relative;display:block;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--preto2);transition:transform .25s}
.card:hover{transform:translateY(-3px)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,0) 50%,rgba(11,11,11,.85) 100%)}
.card-meta{position:absolute;z-index:1;left:16px;right:16px;bottom:14px;color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.card-meta b{display:block;font-weight:700;font-size:.95rem;line-height:1.3}
.card-meta small{display:block;font-size:.78rem;color:var(--czp);margin-top:2px}
.card-meta i{font-style:normal;color:var(--aqua);font-weight:300;font-size:1.1rem}
.outros-mais{margin-top:32px;font-size:.95rem}
.outros-mais a{border-bottom:1px solid var(--preto);padding-bottom:2px;font-weight:700}
@media(max-width:1000px){.outros-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.outros-grid{grid-template-columns:1fr}.case-ficha div{flex-direction:column;gap:4px}.case-ficha dd{text-align:left}}

/* ---------- texto longo (privacidade) ---------- */
.texto{padding:140px 0 110px}
.texto h1{font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1;letter-spacing:-.05em;margin-bottom:40px}
.texto h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:48px 0 16px}
.texto h3{font-size:1.1rem;font-weight:700;margin:28px 0 10px;letter-spacing:-.01em}
.texto p{max-width:72ch;font-size:1rem;line-height:1.7;color:var(--czp);margin-bottom:14px}

/* ---------- chamada final (igual à home) ---------- */
.final{position:relative;background:var(--aqua) url(/full/assets/a007.svg) center/cover no-repeat;color:var(--preto);padding:120px 0;text-align:center}
.final .eyebrow{color:rgba(11,11,11,.62)}
.final h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}
.final .btn{margin-top:36px}

/* ---------- rodapé (igual à home) ---------- */
footer{background:var(--preto);padding:60px 0 0}
.foot-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.foot-in img{height:26px;width:auto}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;font-size:.85rem;color:var(--czp)}
.foot-links a:hover{color:var(--aqua)}
.foot-nap{font-style:normal;font-size:.82rem;line-height:1.8;color:var(--czp);margin-top:26px}
.foot-nap a{border-bottom:1px solid rgba(255,255,255,.2)}
.foot-legal{color:var(--czp);font-size:.74rem;line-height:1.7;margin-top:14px}
.foot-legal a{text-decoration:underline}
.foot-letras{margin-top:40px}
.foot-letras img{width:100%}

/* ---------- WhatsApp flutuante e formulário (iguais à home) ---------- */
.fab{position:fixed;right:20px;bottom:20px;z-index:60;background:var(--aqua);color:var(--preto);border-radius:999px;
  display:flex;align-items:center;gap:10px;padding:14px 22px;font-weight:700;font-size:.9rem;box-shadow:0 12px 40px rgba(0,0,0,.45);cursor:pointer;border:0;font-family:var(--fonte)}
.fab svg{width:20px;height:20px}
#expad-whatsapp-button{display:none!important}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
.modal.aberto{display:flex}
.modal-fundo{position:absolute;inset:0;background:rgba(11,11,11,.72);backdrop-filter:blur(6px)}
.modal-caixa{position:relative;background:var(--preto2);border:1px solid var(--linha-d);border-radius:16px;padding:40px 36px;max-width:430px;width:100%;color:#F5F5F5}
.modal-caixa .eyebrow{color:var(--aqua)}
.modal-caixa h2{font-weight:300;font-size:1.5rem;letter-spacing:-.02em;line-height:1.25}
.modal-caixa h2 b{font-weight:700;color:var(--aqua)}
.modal-fechar{position:absolute;top:16px;right:16px;background:none;border:0;color:var(--czp);font-size:1.5rem;cursor:pointer;font-family:var(--fonte)}
.modal-fechar:hover{color:#fff}
.campo{margin-top:18px}
.campo label{display:block;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--czp);margin-bottom:8px}
.campo label .opc{font-weight:300;text-transform:none;color:var(--czb)}
.campo input{width:100%;background:transparent;border:1px solid var(--linha-d);border-radius:10px;padding:14px 16px;color:#fff;font-family:var(--fonte);font-size:.95rem}
.campo input:focus{outline:none;border-color:var(--aqua)}
.campo input::placeholder{color:var(--czp);opacity:.6}
.modal-caixa .btn{width:100%;justify-content:center;margin-top:26px}
.modal-caixa .micro{text-align:center;color:var(--czp);font-size:.78rem;margin-top:12px}