/* Estilo compartilhado: início, projetos e CALIA.
   Mesmas cores e fontes da página da coleção. */
:root{
  --fundo:#F7F4EE;
  --fundo-2:#EFE9DE;
  --papel:#FFFFFF;
  --tinta:#1B2A30;
  --texto:#3D4C52;
  --suave:#5A6A70;
  --linha:#E2DBCF;
  --azul:#1F4E5F;
  --azul-esc:#163A47;
  --cobre:#A4521A;
  --cobre-claro:#F2C9A6;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Source Sans 3","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--sans);font-size:18px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.12;margin:0;text-wrap:balance}
p{margin:0}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 32px}
.kicker{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cobre)}
:focus-visible{outline:3px solid var(--cobre);outline-offset:3px;border-radius:6px}

/* topo */
.topo{position:sticky;top:0;z-index:10;background:rgba(247,244,238,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta);font-family:var(--serif);font-weight:700;font-size:19px;white-space:nowrap}
.marca img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--azul)}
.menu{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.menu a{text-decoration:none;color:var(--texto);font-weight:600;font-size:16px;padding:8px 12px;border-radius:999px}
.menu a:hover{background:var(--fundo-2);color:var(--tinta)}
.menu a[aria-current="page"]{background:var(--azul);color:#fff}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--cobre);color:#fff;font-weight:700;font-size:17px;text-decoration:none;border:2px solid var(--cobre);transition:transform .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px);background:#8E4615;border-color:#8E4615}
.btn-azul{background:var(--azul);border-color:var(--azul)}
.btn-azul:hover{background:var(--azul-esc);border-color:var(--azul-esc)}
.btn-borda{background:transparent;color:var(--azul);border-color:var(--azul)}
.btn-borda:hover{background:var(--azul);color:#fff;border-color:var(--azul)}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px}
.link-sm{font-weight:700;font-size:15px;align-self:center}

/* secções */
.secao{padding:72px 0}
.secao-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.secao-cab h2{font-size:40px;max-width:640px}
.secao-cab p{color:var(--texto);max-width:560px;margin-top:10px}

/* cards de projeto */
.projetos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:1060px){.projetos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.proj{background:var(--papel);border:1px solid var(--linha);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.proj-logo{display:flex;align-items:center;justify-content:center;height:190px;padding:24px;border-bottom:1px solid var(--linha)}
.proj-logo img{max-height:142px;max-width:78%;width:auto;object-fit:contain;transition:transform .2s ease}
.proj-logo:hover img{transform:scale(1.04)}
.proj-corpo{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.proj-tipo{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cobre)}
.proj h3{font-size:26px;color:var(--azul)}
.proj-desc{color:var(--texto);font-size:17px}
.proj-rec{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--texto)}
.proj-logo{position:relative}
.proj-obra .proj-logo img{opacity:.75;filter:grayscale(.25)}
.selo-obra{position:absolute;top:14px;right:14px;background:#F2C14E;color:#2B2208;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.btn-breve{background:var(--fundo-2);border-color:var(--fundo-2);color:var(--suave);cursor:default}
.btn-breve:hover{transform:none;background:var(--fundo-2);border-color:var(--fundo-2)}
.proj-todos{align-items:center;justify-content:center;text-align:center;gap:10px;padding:28px;text-decoration:none;color:var(--tinta);background:var(--fundo-2);border-style:dashed;border-color:#D3CABB;transition:border-color .15s ease}
.proj-todos:hover{border-color:var(--azul)}
.proj-todos img{width:130px}
.proj-todos strong{font-family:var(--serif);font-size:24px;color:var(--azul)}
.proj-todos span{color:var(--texto);font-size:16px}
.proj-todos .seta{font-size:26px;color:var(--azul)}
.proj-acoes{margin-top:auto;padding-top:14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}

/* rodapé */
.rodape{background:var(--tinta);color:#C9D4D8;font-size:15px}
.rodape .wrap{padding-top:40px;padding-bottom:40px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.rodape a{color:#fff}
.rodape nav{display:flex;gap:18px;flex-wrap:wrap}

@media (max-width:760px){
  body{font-size:17px}
  .wrap{padding:0 18px}
  .topo .wrap{min-height:58px}
  .marca span{display:none}
  .menu a{font-size:15px;padding:7px 10px}
  .secao{padding:52px 0}
  .secao-cab h2{font-size:30px}
  .projetos{grid-template-columns:minmax(0,1fr);gap:18px}
  .proj-logo{height:160px}
  .proj-logo img{max-height:118px}
  .proj-corpo{padding:20px}
}
@media (max-width:380px){
  .menu a{padding:6px 8px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}