/* Portal INTEGRAÇÃO do SINAPSE — v0.9-int (S14E, 28/10/2026). Só o que é próprio da Integração; a moldura, os gráficos e as classes
   que as três páginas migradas já usavam (.upset-*, .sub-*, .destaque__sec--int, .link-int, .ref-br, .ref-mu…) continuam no subportal.css.
   Sem PNIDD; sem estilo em linha (CSP); letra nunca abaixo de 13 px; toque ≥ 44 px. */

/* Tudo restrito a body[data-tela="int"]: o CSS do módulo carrega em todas as páginas (nota da S14A, 28/10).
   v0.9.1: as regras próprias de .lateral__sub SAÍRAM — a moldura já estiliza essa classe (subportal.css, inclusive o alvo de 44 px no
   celular) e a cópia sem prefixo da v0.9 passava por cima dela em todos os portais (alvos de 36 px: achado da S14A no teste de celular). */

/* contador de sinapses (pedido do coordenador, 28/10): abre todo subpainel */
body[data-tela="int"] .sinapses { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 22px; margin: 10px 0 18px; padding: 12px 16px; border: 1px solid var(--linha); border-radius: 12px; background: var(--fundo-2, transparent); }
body[data-tela="int"] .sinapses { min-width: 0; max-width: 100%; box-sizing: border-box; }
body[data-tela="int"] .sinapses__n { font-size: 1.9rem; line-height: 1; font-weight: 700; color: var(--texto); max-width: 100%; min-width: 0; }
body[data-tela="int"] .sinapses__n small { display: block; font-size: var(--fs-min, 13px); font-weight: 400; color: var(--grafite); margin-top: 4px; white-space: normal; line-height: 1.35; }
body[data-tela="int"] .sinapses__fontes, body[data-tela="int"] .sinapses__fonte { min-width: 0; max-width: 100%; }
body[data-tela="int"] .sinapses__cascata li, body[data-tela="int"] .sinapses__base { overflow-wrap: anywhere; }
body[data-tela="int"] .sinapses__fontes { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body[data-tela="int"] .sinapses__fonte { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--linha); font-size: var(--fs-min, 13px); color: var(--texto); background: var(--fundo, #fff); }
body[data-tela="int"] .sinapses__mais { font-size: var(--fs-min, 13px); color: var(--grafite); }
body[data-tela="int"] .sinapses__base { flex-basis: 100%; font-size: var(--fs-min, 13px); color: var(--grafite); margin: 0; }
body[data-tela="int"] .sinapses__cascata { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-min, 13px); color: var(--grafite); }
body[data-tela="int"] .sinapses__cascata li::before { content: '→ '; color: var(--linha-forte, var(--grafite)); }
body[data-tela="int"] .sinapses__cascata li:first-child::before { content: ''; }
@media (max-width: 600px) { body[data-tela="int"] .sinapses { padding: 10px 12px; gap: 8px 14px; } body[data-tela="int"] .sinapses__n { font-size: 1.5rem; } }

/* v0.9.1: atalhos do bloco «o que cada combinação permite» como botões (alvo ≥ 44 px), em vez de link no meio do texto */
body[data-tela="int"] .int-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; }
body[data-tela="int"] .int-links .botao { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }