/* ========== RESPONSIVE.CSS ========== /
/ Estilos responsivos para todos os dispositivos */
/* Telas grandes (desktops, 1200px e acima) */
@media (min-width: 1200px) {
    .container {
      max-width: 1140px;
    }
  }
  /* Telas médias (tablets, 992px a 1199px) */
  @media (max-width: 1199px) {
    /* Ajustes para sidebar */
    .sidebar {
      width: 240px;
    }
  .main-content {
      margin-left: 240px;
    }
  /* Ajustes para cartões */
    .bank-card {
      height: 180px;
      padding: 20px;
    }
  /* Ajustes para grid de serviços */
    .services-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  /* Telas pequenas (tablets pequenos, 768px a 991px) */
  @media (max-width: 991px) {
    /* Sidebar móvel */
    .sidebar {
      transform: translateX(-100%);
      width: 280px;
      z-index: 1001;
    }
  .sidebar.open {
      transform: translateX(0);
    }
  .main-content {
      margin-left: 0;
    }
  .mobile-menu-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(0, 51, 160, 0.1);
      color: var(--primary-color);
      border: none;
      cursor: pointer;
      margin-right: var(--space-md);
    }
  /* Ajustes para cartões */
    .cards-container {
      flex-direction: column;
    }
  .bank-card {
      width: 100%;
      margin-bottom: var(--space-md);
    }
  /* Ajustes para resumo financeiro */
    .financial-summary {
      grid-template-columns: 1fr;
    }
  /* Ajustes para transações */
    .transaction-content {
      grid-template-columns: 1fr;
    }
  .transaction-list-header {
      display: none;
    }
  }
  /* Telas muito pequenas (celulares,