/* ==========================================================================
   Widget: Sistema de gestão (bloco 6)
   Depende de ellos-ds.css, base.css e ellos-mock.css.

   O DS traz a janela do sistema. Aqui mora a composição: duas colunas, texto
   à esquerda, painel à direita.
   ========================================================================== */

.ew-gestao__inner {
  display: grid;
  gap: var(--ec-sp-7);
  align-items: start;
}

/* minmax(0, 1fr) e não 1fr: em coluna de grid, o mínimo automático é a
   largura mínima do conteúdo, e título display em caixa alta tem mínimo
   enorme. Já custou um grid de 535px numa viewport de 390px neste projeto. */
@media (min-width: 900px) {
  .ew-gestao__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ew-gestao--painel-estreito .ew-gestao__inner { grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr); }
}

.ew-gestao__copy { min-width: 0; }
.ew-gestao__painel { min-width: 0; }

.ew-gestao__title { margin: 0 0 var(--ec-sp-4); }
.ew-gestao__lead { margin: 0; }
.ew-gestao__lista { margin-top: var(--ec-sp-5); }
.ew-gestao__acoes { margin-top: var(--ec-sp-6); }

/* Print do sistema real. Entra no lugar da janela falsa quando existe —
   imagem verdadeira vale mais que ilustração. */
.ew-gestao__foto {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--ec-r-lg);
  box-shadow: var(--ec-shadow-card);
}

/* Em fundo escuro os rótulos do painel continuam sendo lidos sobre branco:
   a janela tem fundo próprio e não herda o esquema do bloco. */
.ec-on-dark .ew-gestao__lista li { color: inherit; }