/* Rodape institucional em barra (pacote rodape-multitech-barra, 09/10/2026), escopado em
   #studio-system como o restante do hub. Fica dentro da coluna de conteudo, ao lado da sidebar.
   O tema vem da raiz (#studio-system[data-theme]: light, dark ou system), sem data-theme proprio.
   Logos Digital: versoes originais clara/escura, sem filtros de cor.
   object-fit ajusta apenas as margens vazias dos PNGs, sem esticar a marca. */
#studio-system .site-footer {
  --footer-bg: light-dark(#ffffff, #0c121b);
  --footer-text: light-dark(#424b58, #d7dce5);
  --footer-muted: light-dark(#687281, #9ca8b9);
  --footer-line: light-dark(rgba(28, 42, 62, 0.08), rgba(215, 220, 229, 0.09));
  --footer-gutter: var(--app-gutter, 32px);
  --footer-min-height: 64px;
  --logo-group-width: 177px;
  --logo-digital-width: 212px;
  box-sizing: border-box;
  inline-size: 100%;
  max-inline-size: none;
  min-inline-size: 0;
  min-block-size: var(--footer-min-height);
  flex: 0 0 auto;
  margin-block-start: auto;
  padding-block: 7px;
  display: grid;
  align-items: center;
  border-block-start: 1px solid var(--footer-line);
  background: var(--footer-bg);
  color: var(--footer-text);
  font-family: var(--st-font);
  container: institutional-footer / inline-size;
}
#studio-system .site-footer * { box-sizing: border-box; }
#studio-system .site-footer__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  inline-size: 100%;
  max-inline-size: none;
  min-inline-size: 0;
  margin: 0;
  padding-inline: var(--footer-gutter);
}
#studio-system .site-footer__group { min-inline-size: 0; }
#studio-system .site-footer__logo {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
#studio-system .site-footer__logo--group { inline-size: var(--logo-group-width); }
#studio-system .site-footer__signature {
  display: grid;
  place-items: center;
  inline-size: var(--logo-digital-width);
  max-inline-size: 100%;
  min-inline-size: 0;
  flex-shrink: 1;
}
#studio-system .site-footer__logo--digital {
  inline-size: 100%;
  aspect-ratio: 53 / 12;
  object-fit: cover;
  min-inline-size: 0;
}
#studio-system .site-footer__logo--digital-dark {
  display: none;
  /* Compensa as margens diferentes dos originais, com igual tamanho visual. */
  inline-size: calc(100% * 49 / 53);
  aspect-ratio: 49 / 12;
}
#studio-system[data-theme='dark'] .site-footer__logo--digital-light { display: none; }
#studio-system[data-theme='dark'] .site-footer__logo--digital-dark { display: block; }
@media (prefers-color-scheme: dark) {
  #studio-system[data-theme='system'] .site-footer__logo--digital-light { display: none; }
  #studio-system[data-theme='system'] .site-footer__logo--digital-dark { display: block; }
}
#studio-system .site-footer__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px 8px;
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--footer-muted);
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
#studio-system .site-footer__digital {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-inline-size: 0;
}
#studio-system .site-footer__credit {
  flex-shrink: 0;
  color: var(--footer-muted);
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: end;
}
/* A largura do componente, nao a do monitor, governa as quebras.
   Assim a composicao se adapta tambem a sidebar expandida ou recolhida. */
@container institutional-footer (max-width: 900px) {
  #studio-system .site-footer__inner {
    --logo-group-width: 157.5px;
    --logo-digital-width: 200px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 20px;
  }
  #studio-system .site-footer__group { grid-column: 1; grid-row: 1; }
  #studio-system .site-footer__digital { grid-column: 2; grid-row: 1; }
  #studio-system .site-footer__meta { grid-column: 1 / -1; grid-row: 2; }
}
@container institutional-footer (max-width: 520px) {
  #studio-system .site-footer__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px 16px;
  }
  #studio-system .site-footer__digital {
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
  }
  #studio-system .site-footer__credit { padding-inline-end: 12%; }
  #studio-system .site-footer__meta { column-gap: 6px; }
}
/* Fallback para ambientes sem suporte a container queries. */
@supports not (container-type: inline-size) {
  #studio-system .site-footer__inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
  #studio-system .site-footer__meta { flex: 1 1 280px; }
  @media (max-width: 1050px) {
    #studio-system .site-footer__inner { gap: 8px 16px; }
    #studio-system .site-footer__meta { order: 3; flex-basis: 100%; }
    #studio-system .site-footer__group, #studio-system .site-footer__digital { flex: 0 1 calc(50% - 8px); }
    #studio-system .site-footer__digital { flex-direction: column; align-items: flex-end; gap: 2px; }
    #studio-system .site-footer__credit { padding-inline-end: 12%; }
  }
}