/* grafico.css */
.graficos {
  width: 100%;
  font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  min-height: 38vh; /* altura responsiva */
  box-sizing: border-box;
}

/* Mobile */
@media (max-width: 575.98px) {
  .graficos {
    min-height: 150px; /* mobile */
  }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991.98px) {
  .graficos {
    min-height: 250px;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .graficos {
    min-height: 300px;
  }
}

/* Branding helpers */
.sidebar-logo {
  width: 120px;
  height: 120px;
  object-fit: contain;
  display: block;
}

.app-footer__brand {
  gap: 0.35rem;
}

.app-footer__brand-label {
  letter-spacing: 0.2em;
}

.footer-logo {
  width: auto;
  height: 60px;
  object-fit: contain;
  display: block;
}