/*
só colocar o card-mobile-reduce no final da class da div
<div class="col-md-6 d-flex align-items-stretch card-estoque-loja card-mobile-reduce">

e direcionar esse no base.html
<link rel="stylesheet" href="{% static 'css/responsive.css' %}">

*/


@media (max-width: 768px) {
  /* Estilo base reutilizável */
  .card-mobile-reduce {
    font-size: 0.75rem !important;
  }

  .card-mobile-reduce .titulo-valor {
    font-size: 1rem;
  }

  .card-mobile-reduce .card-header,
  .card-mobile-reduce .card-body {
    padding: 6px !important;
  }

  .card-mobile-reduce table {
    font-size: 0.65rem !important;
  }

  .card-mobile-reduce strong {
    font-weight: 500;
  }
}