/* =========================================================================
   iso9001.css — estilos exclusivos da página /iso9001
   -----------------------------------------------------------------------
   Inclui a introdução em duas colunas e o estilo das tabelas de cláusulas.
   ========================================================================= */


/* Introdução em duas colunas (O que é / Como cobrimos). */
.iso-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
  margin-bottom: 64px;
}
.iso-intro p {
  font-size: .9rem;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 14px;
}

/* Cada secção de cláusulas (Contexto, Liderança, ...). */
.clause-section { margin-bottom: 48px; }

/* Colunas da tabela de cláusulas. */
.clause-num  { font-weight: 600; color: var(--muted); white-space: nowrap; font-size: .78rem; }
.clause-name { font-weight: 500; }
.clause-mod  { font-size: .78rem; color: var(--accent2); }

/* Bolinha verde "cláusula conforme". */
.status-dot {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--green);
}


/* Em ecrãs pequenos: introdução numa coluna e tabela sem a coluna "Estado". */
@media (max-width: 768px) {
  .iso-intro { grid-template-columns: 1fr; gap: 32px; }
  .data-table th:last-child,
  .data-table td:last-child { display: none; }
}