/* =========================================================
   fjalves — páginas de zona (/famalicao/, /guimaraes/, …)
   A página é o index.html com conteúdo da zona; aqui só as secções extra.
   ========================================================= */

/* ---------- fundos alternados (branco / cinza / azul) ---------- */
.sheet--white{ background:var(--white); color:var(--ink-soft); }

/* números em fundo azul */
.sheet--navy .metric__v{ color:var(--chalk); }
.sheet--navy .metric__l{ color:var(--chalk-soft); }
.sheet--navy .metrics__note{ color:var(--chalk-soft); }

/* ---------- Onde já instalámos (compacto) ---------- */
.parishes-sheet{ padding-block:clamp(48px,6vw,72px); }
.parishes{ display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:clamp(20px,4vw,56px); align-items:start; }
.parishes__title{ font-weight:700; font-size:clamp(1.35rem,2.2vw,1.7rem); line-height:1.15; color:var(--ink); letter-spacing:-.01em; }
.parishes__lead p{ margin-top:10px; font-size:.92rem; max-width:34ch; }
.parishes__list{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; }
.parishes__list li{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border:1px solid var(--line-light); background:var(--paper);
  font-size:.86rem; color:var(--ink);
}
.parishes__list li::before{ content:""; width:6px; height:6px; background:var(--gold-strong); flex:none; }

/* ---------- FAQ ---------- */
.faq{ max-width:820px; border-top:1px solid var(--line-light); }
.faq details{ border-bottom:1px solid var(--line-light); }
.faq summary{
  list-style:none; cursor:pointer; padding:20px 44px 20px 0; position:relative;
  font-weight:600; font-size:1.05rem; color:var(--ink);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{
  content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%);
  font-family:var(--f-mono); font-size:1.3rem; color:var(--ink-soft); transition:transform .2s var(--ease);
}
.faq details[open] summary::after{ transform:translateY(-50%) rotate(45deg); }
.faq details p{ padding:0 0 22px; max-width:68ch; }

@media (max-width:760px){
  .parishes{ grid-template-columns:1fr; }
}