/* Os detalhes ficam sempre legíveis, também em ecrãs sem rato. */
.catalogo-hero { padding-bottom: 24px; text-align: center; }
.catalogo-hero .g-btn-ghost { margin-top: 28px; }
.catalogo-filtros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-bottom: 28px; }
.catalogo-filtros label { display: grid; gap: 8px; font-size: .85rem; min-width: 0; }
.catalogo-pesquisa, .catalogo-accoes { grid-column: 1 / -1; }
.catalogo-filtros input, .catalogo-filtros select { width: 100%; min-width: 0; padding: 12px; font: inherit; border: 1px solid var(--g-line); border-radius: 6px; background: var(--g-panel); color: var(--g-ink); color-scheme: light; }
.catalogo-accoes, .catalogo-paginacao { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.catalogo-paginacao { justify-content: center; margin: 32px 0; }
.catalogo-filtros .btn-outline, .catalogo-paginacao .btn-outline { color: var(--g-ink); border-color: var(--g-line); background: transparent; }
.catalogo-paginacao button:disabled { opacity: .4; cursor: default; }
.catalogo-grelha { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 24px; margin-top: 32px; }
.catalogo-grelha article { min-width: 0; border-top: 1px solid var(--g-line); padding-top: 18px; overflow-wrap: anywhere; scroll-margin-top: 100px; }
.catalogo-grelha img { width: 100%; height: 300px; object-fit: contain; background: var(--g-panel); }
.catalogo-grelha h3 { font: 400 1.8rem/1.2 var(--f-disp); margin: 18px 0 10px; }
.catalogo-grelha p { font-size: .9rem; line-height: 1.7; margin: 8px 0; }
.catalogo-grelha .catalogo-marca { color: var(--gold); font-size: .72rem; letter-spacing: .06em; }
.catalogo-pedido { display: inline-block; padding: 10px 0; color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.catalogo-convite { text-align: center; line-height: 1.8; }
#catalogo-total { margin: 24px 0; }
#catalogo-aviso, #nuno-estado { color: var(--gold); line-height: 1.7; }
.nuno-percurso { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 32px; }
.nuno-percurso li { border-top: 1px solid var(--g-line); padding-top: 16px; line-height: 1.8; }
.nuno-percurso strong { color: var(--gold); }
.catalogo-filtros :focus-visible, .catalogo-grelha :focus-visible, .catalogo-paginacao :focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
@media (max-width: 900px) {
  .catalogo-grelha, .catalogo-filtros, .nuno-percurso { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .catalogo-grelha, .catalogo-filtros, .nuno-percurso { grid-template-columns: minmax(0, 1fr); }
  .catalogo-grelha img { height: 280px; }
  .catalogo-paginacao { gap: 12px; }
  #catalogo-pagina { order: -1; flex-basis: 100%; text-align: center; }
}