/* Tokens e componentes partilhados da landing (home + guias + legais).
   Fonte única dos tokens; os guias/legais referenciam os nomes antigos
   (--brand2/--soft) via alias, para não reescrever o CSS deles. */
:root{
  --bg:#FBFAF7; --surface:#F1EEE7; --line:#E3DFD5;
  --ink:#14201B; --muted:#51605A; --faint:#5E675F;
  --brand:#0B5C49; --brand-2:#073F33; --brand-soft:#D6EBE2;
  --amber:#7A4A10; --amber-soft:#F6ECD7; --wa:#D9FDD3;
  --sh-sm:0 1px 2px rgba(20,32,27,.04),0 1px 1px rgba(20,32,27,.03);
  --sh-md:0 1px 2px rgba(20,32,27,.04),0 4px 12px rgba(20,32,27,.06);
  --sh-lg:0 2px 4px rgba(20,32,27,.04),0 12px 32px rgba(11,92,73,.10),0 24px 48px -12px rgba(20,32,27,.06);
  /* aliases p/ os guias e as páginas legais (mesmos valores, nomes herdados) */
  --brand2:var(--brand-2); --soft:var(--surface);
}

/* FAQ em acordeão (home + guias) */
.faq{border-bottom:1px solid var(--line);padding:2px 0}
.faq summary{cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17px;padding:15px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--brand);font-size:24px;font-weight:400;line-height:1;flex:none}
.faq[open] summary::after{content:"\2013"}
.faq p{margin:0 0 16px;color:var(--muted);max-width:72ch;font-size:16px}

/* KPIs do painel-demo: 3 colunas, colapsa a 1 no telemóvel */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}
@media(max-width:680px){.kpis{grid-template-columns:1fr}}