/* ==========================================================================
   BagInvest — Ajustes responsivos complementares
   ========================================================================== */

@media (max-width: 640px) {
  .grade-indicadores { grid-template-columns: repeat(2, 1fr); }
  .indicador-valor { font-size: 19px; }
  .pagina-titulo { font-size: 21px; }
  .modal-caixa { padding: var(--espaco-4); }
}

@media (max-width: 420px) {
  .grade-indicadores { grid-template-columns: 1fr; }
}

/* Tabelas horizontais viram cards no mobile (regra específica já em
   components.css); aqui só o ajuste de padding geral. */
@media (max-width: 760px) {
  .tabela th, .tabela td { padding: var(--espaco-2) var(--espaco-3); }
}