/* organograma.css — estilos da página do organograma (embutida na moldura do portal).
   O grosso é inline no widget (organograma.js), fiel ao protótipo. */

/* faixa de largura total para o organograma ocupar toda a extensão da tela */
.org-fullbleed { padding: 22px 16px 40px; }

/* container embutido onde o widget é montado */
.org-embed {
  height: 82vh;
  min-height: 560px;
  border: 1px solid #DCE3EA;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(16, 41, 64, .10);
  background: #EEF2F6;
}

/* contagem no hero */
.org-count { text-align: right; }
.org-count .v { display: block; font-size: 40px; font-weight: 800; color: var(--crimson, #C8161D); line-height: 1; }
.org-count .l { font-size: 12.5px; color: #6B5F60; }

/* scrollbar do organograma */
.org-embed ::-webkit-scrollbar { width: 12px; height: 12px; }
.org-embed ::-webkit-scrollbar-thumb { background: #C2CFDB; border-radius: 8px; border: 3px solid #EEF2F6; }
.org-embed ::-webkit-scrollbar-thumb:hover { background: #A9BACA; }
.org-embed ::-webkit-scrollbar-track { background: transparent; }

@keyframes dirgisFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.org-embed a:focus-visible, .org-embed button:focus-visible, .org-embed input:focus-visible {
  outline: 2px solid #0E5BA6; outline-offset: 2px;
}

@media (max-width: 760px) {
  .org-embed { height: 82vh; }
  .org-count { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .org-embed *, .org-embed *::before, .org-embed *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}