/* ============================================================================
   SEGURART — galeria de fotos (página pública)

   Só o que é exclusivo da galeria. Cabeçalho, rodapé, botões e o visor de foto
   vêm prontos do v2.css — reescrevê-los aqui foi o que deixou a primeira
   versão desta página torta.
   ============================================================================ */

.galeria-aviso {
  max-width: 680px; margin: 0 auto 34px;
  padding: 14px 20px; border-radius: var(--r-m);
  background: rgba(11, 37, 69, .06);
  border: 1px solid rgba(11, 37, 69, .12);
  text-align: center; font-size: .95rem;
}
.galeria-aviso a { color: var(--pm-700); font-weight: 700; }

.galeria-vazio { text-align: center; opacity: .7; padding: 48px 0; }

.album { margin: 0 0 56px; }
.album:last-child { margin-bottom: 0; }
.album__nome { font-family: var(--fonte-display); font-size: 1.7rem; margin: 0 0 4px; color: var(--pm-900); }
.album__desc { margin: 0 0 18px; color: var(--tinta-suave); }

.album__grade {
  display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}

.album__foto {
  padding: 0; border: 0; background: none; cursor: pointer;
  border-radius: var(--r-m); overflow: hidden;
  aspect-ratio: 1 / 1;
  box-shadow: var(--elev-1);
  transition: transform var(--mola), box-shadow var(--mola);
}
.album__foto:hover { transform: translateY(-4px); box-shadow: var(--elev-3); }
.album__foto:focus-visible { outline: 3px solid var(--ouro-500); outline-offset: 2px; }
.album__foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* o botão de baixar, dentro do visor do site */
.visor__acao { margin: 0; }

@media (max-width: 560px) {
  .album__grade { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 8px; }
  .album__nome { font-size: 1.35rem; }
}