/* ================================================================
   A ROTUNDA — AJUSTES v5 | 03/11/2026
   Apenas melhorias solicitadas, sem alterar as outras secções.
   ================================================================ */

/* O ícone e a tipografia do logótipo estão corrigidos diretamente
   em assets/logo-header-dark.png. Não é necessária uma máscara CSS. */

/* Na versão móvel, o traço da estrada começa no topo da hero,
   encostando ao limite inferior do header. */
@media (max-width: 900px) {
  .hero-road-unified--mobile {
    z-index: 1;
  }
}

/* A margem do carrossel é visual; o primeiro cartão é centrado por JS.
   Não mostrar foco e números das cópias porque não são itens novos. */
.gallery-rail {
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
}
.gallery-rail.dragging {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
.gallery-rail .gallery-item {
  scroll-snap-align: center;
}

/* O fundo escuro do popup continua clicável. A imagem e os botões
   têm comportamento próprio, definido em assets/app.js. */
.lightbox figure {
  pointer-events: auto;
}
.lightbox #lightbox-image {
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .gallery-rail {
    scroll-behavior: auto;
  }
}