body[data-md-color-scheme="slate"] figure.graphs {
  filter: invert(0.9)
}

figure.left-caption {
  text-align: left;
  margin: 1em 0;
}
  
figure.left-caption figcaption {
  font-size: 0.9em;
  color: #5c5a5a;
  margin: 0
}

body[data-md-color-scheme="slate"] figure.left-caption figcaption {
  font-size: 0.9em;
  color: #d4d3d3;
  margin: 0  
}

img.no-margin {
  margin-bottom: 0 !important;
}

.no-top-margin {
  margin-top: 0 !important;
}

/* Estilos para patrocinadores e apoios na sidebar direita */
.md-nav--secondary .md-nav__title {
  font-weight: 600;
}

/* Hover effects para os logos */
.md-nav--secondary a img {
  transition: all 0.3s ease;
  opacity: 0.9;
}

.md-nav--secondary a:hover img {
  opacity: 1;
  transform: scale(1.05);
}

/* Melhor separação visual entre seções */
.md-nav--secondary + .md-nav--secondary {
  border-top: 1px solid var(--md-default-fg-color--lightest);
  padding-top: 1rem;
}

/* Responsividade */
@media (max-width: 1219px) {
  .md-nav--secondary {
    display: none;
  }
}

/* Sistema de logos adaptativos por tema */
/* Por padrão, mostrar logo para tema claro */
.theme-light-logo {
  display: inline-block;
}

.theme-dark-logo {
  display: none;
}

/* No tema escuro (slate), trocar a exibição */
body[data-md-color-scheme="slate"] .theme-light-logo {
  display: none;
}

body[data-md-color-scheme="slate"] .theme-dark-logo {
  display: inline-block;
}

.md-logo img {
    width: 180px !important;  /* Ajuste este valor conforme necessário */
    height: auto !important;
    align-items: center;
}

[data-md-color-scheme="slate"] .md-logo img {
    filter: invert(1) brightness(1.8);
}

/* ...existing code... */

/* Ajustes para dispositivos móveis */
@media screen and (max-width: 76.1875em) {
    .md-header__title {
        margin-left: .8rem;
    }
    
    .md-logo {
        padding: 0;
    }
    
    .md-logo img {
        width: 120px !important;  /* Tamanho menor para mobile */
    }
}

/* Para telas muito pequenas, reduzir ainda mais */
@media screen and (max-width: 480px) {
    .md-logo img {
        width: 100px !important;
    }
}