/* cards y tablas en móvil */
.card { border-radius: 14px; }
.table { font-size: 0.95rem; }

/* botones grandes en móvil */
.btn { border-radius: 12px; }

/* inputs grandes para dedos */
.form-control, .form-select {
  min-height: 44px;
  border-radius: 12px;
}

/* evitar que tablas revienten */
.table-responsive { overflow-x: auto; }

/* util para grids de tarjetas */
.grid-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px){
  .grid-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px){
  .grid-cards { grid-template-columns: repeat(3, 1fr); }
}