/* Ajustes exclusivos de projetos.html sobre pages/projetos.css. */

/* índice de projetos: sequência editorial */
.pjx-hero{padding:30px 0 46px;}
.pjx-hero h1{font-size:clamp(2.1rem,3.6vw,2.75rem);line-height:1.1;letter-spacing:-.02em;margin-top:14px;max-width:24ch;}
.pjx-lead{margin-top:14px;font-size:17px;color:var(--tinta-2);max-width:52ch;}
.pjx-lista{background:var(--branco);border-top:1px solid var(--linha-leve);}
.pjx-item{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;padding:76px 0;border-top:1px solid var(--linha-leve);}
.pjx-item:first-child{border-top:0;}
.pjx-item--inv .pjx-foto{order:2;}
.pjx-foto{display:block;overflow:hidden;border-radius:28px;aspect-ratio:3/2;}
.pjx-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.pjx-selo{display:block;height:48px;width:auto;border-radius:8px;}
.pjx-item h2{margin-top:22px;font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.7rem,2.5vw,2.05rem);line-height:1.15;letter-spacing:0;}
.pjx-item h2 a{color:var(--noite);transition:color .25s ease;}
.pjx-item p{margin-top:14px;color:var(--tinta-2);line-height:1.7;max-width:52ch;}
.pjx-cta{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:15px;font-weight:600;color:var(--ciano-escuro);padding-block:6px;transition:color .25s ease;}
.pjx-cta svg{width:16px;height:16px;transition:transform .25s ease;}
.pjx-item h2 a:focus-visible,.pjx-cta:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px;}

/* projeto ainda sem registro fotográfico: título e texto lado a lado */
.pjx-item--texto{grid-template-columns:.9fr 1.1fr;align-items:start;}
.pjx-item--texto p{margin-top:0;}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .pjx-item:has(a:hover) .pjx-foto img{transform:scale(1.025);}
  .pjx-item:has(a:hover) h2 a{color:var(--ciano-escuro);}
  .pjx-item:has(a:hover) .pjx-cta{color:var(--ciano);}
  .pjx-item:has(a:hover) .pjx-cta svg{transform:translateX(3px);}
}

@media (max-width:920px){
  .pjx-hero{padding:18px 0 34px;}
  .pjx-item,.pjx-item--texto{grid-template-columns:1fr;gap:26px;padding:52px 0;}
  .pjx-item--inv .pjx-foto{order:0;}
  .pjx-foto{aspect-ratio:4/3;border-radius:22px;}
  .pjx-selo{height:42px;}
  .pjx-item h2{margin-top:18px;}
  .pjx-item--texto p{margin-top:-8px;}
}