/* GPJ Prefeitura UI – Collapsible blocks (Expandir/Minimizar)
   Observação: a maior parte do layout vem do Tailwind do site; este CSS é um fallback simples
   para garantir que o comportamento de colapsar funcione bem mesmo sem utilitários. */

[data-gpj-collapse].gpj-is-collapsed [data-gpj-collapse-body]{
  display:none !important;
}

/* Botão (fallback). Se Tailwind estiver presente, as classes utilitárias do HTML prevalecem. */
.gpj-collapse__toggle{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:8px 12px;
  border-radius:10px;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  color:#374151;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  user-select:none;
}

.gpj-collapse__toggle:hover{
  background:#e5e7eb;
}

.gpj-collapse__toggle:focus{
  outline:2px solid rgba(37,99,235,.55);
  outline-offset:2px;
}

/* Ícone no botão (fallback) */
.gpj-collapse__toggle i{
  margin-right:.35rem;
}