/* ==========================================================================
   Lab 7 — Contactos (contact): título do bloco e cards de superfície
   (marcações, horários, visitas guiadas). Email e telefone com o esquema
   escrito pelo tipo do contacto; texto livre nas outras linhas.
   3 colunas a partir de 1024px, 2 entre 768 e 1023px, 1 em telemóvel.
   ========================================================================== */

.contact__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4) var(--space-6); align-items: stretch; margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .contact__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .contact__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.contact__card { padding: var(--space-4); background: var(--color-surface); }
@media (min-width: 48em) { .contact__card { padding: var(--space-5); } }
.contact__title { margin: 0 0 var(--space-2); font-size: var(--text-h3); }   /* chat 18: título em Lora, como os outros H3 */
.contact__list { margin: 0; padding: 0; list-style: none; }
.contact__list li { margin: 0; line-height: var(--lh-body); }
/* Ligações de contacto: alvo de 44px de altura, sublinhado sempre */
.contact__list .link { display: inline-flex; align-items: center; min-height: var(--target-min); }
.contact .contact__note { margin: var(--space-2) 0 0; font-size: var(--text-body-md); line-height: var(--lh-body); color: var(--color-text-muted); }

/* Colunas (campo da intranet, chat 27): 3 por omissão; 1, 2 ou 4 a partir de 1024px */
.contact__grid--1 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48em) { .contact__grid--1 { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 64em) {
  .contact__grid--1 { grid-template-columns: minmax(0, 1fr); }
  .contact__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact__grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}