/* ============================================================
   GALERIA "Obras entregues" — fotos reais de obra (Drive OUTROS)
   Grid de 3 fotos com hover-zoom. Usada nas 5 páginas de produto.
   ============================================================ */
/* A grade é de 6 colunas e cada foto ocupa 2 — na prática, 3 por linha.
   O motivo de não usar 3 colunas direto está nas duas regras do fim do arquivo:
   com 6 colunas, quando sobra 1 ou 2 fotas na última linha elas se espalham
   para preencher, em vez de deixar um buraco. O acervo cresce de forma irregular
   (10 fotos na Cisterna Pronta, 4 na ECOTED), então a grade tem que aguentar
   qualquer contagem sem ficar torta. */
.gal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:44px}
.gal-item{grid-column:span 2}
.gal-item{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;position:relative;
  background:#0f4c37;box-shadow:0 16px 38px -22px rgba(11,61,44,.45);border:1px solid rgba(11,61,44,.06)}
.gal-item::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 62%,rgba(8,42,30,.28));opacity:0;transition:opacity .4s var(--ease)}
.gal-item:hover::after{opacity:1}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.22,.61,.36,1);filter:saturate(1.03)}
.gal-item:hover img{transform:scale(1.06)}
/* Última linha incompleta: em vez de deixar foto órfã com dois buracos ao lado,
   ela se abre. Sobrou UMA (total 3n+1) -> faixa larga; sobraram DUAS -> metade
   para cada. A conta é sobre a posição do item, então funciona com qualquer
   quantidade e não precisa de classe no HTML.
   `:last-child:nth-child(3n+1)` = é o último E começa uma linha, logo está
   sozinho nela. */
.gal-item:last-child:nth-child(3n+1){grid-column:span 6;aspect-ratio:16/6}
.gal-item:nth-last-child(2):nth-child(3n+1),
.gal-item:nth-last-child(2):nth-child(3n+1)~.gal-item{grid-column:span 3;aspect-ratio:3/2}

@media(max-width:760px){
  .gal-grid{grid-template-columns:1fr 1fr;gap:12px}
  /* no 2 colunas a conta de sobra muda: quem sobra é o par, não o trio */
  .gal-item{grid-column:auto}
  .gal-item:last-child:nth-child(3n+1),
  .gal-item:nth-last-child(2):nth-child(3n+1),
  .gal-item:nth-last-child(2):nth-child(3n+1)~.gal-item{grid-column:auto;aspect-ratio:4/3}
  .gal-item:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:16/7}
}
@media(max-width:480px){
  .gal-grid{grid-template-columns:1fr}
  .gal-item,.gal-item:last-child:nth-child(odd){grid-column:auto;aspect-ratio:4/3}
}