/* estilos.css */
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.table-responsive { font-size: 0.95rem; }
input.form-control { min-width: 120px; }
.navbar-brand { font-weight: 600; }
.card { border-radius: 10px; }
@media (max-width: 576px) {
  input.form-control { font-size: 0.95rem; }
  .btn { font-size: 0.95rem; padding: .45rem .6rem; }
}
/* Forzar ancho adecuado de selects y inputs en tablas para móvil */
.table-responsive select,
.table-responsive input[type=text],
.table-responsive input[type=number],
.table-responsive input[type=decimal],
.table-responsive input[type=float] {
    min-width: 140px !important;
}

/* Para móviles pequeños */
@media (max-width: 480px) {
    .table-responsive select,
    .table-responsive input[type=text],
    .table-responsive input[type=number],
    .table-responsive input[type=decimal],
    .table-responsive input[type=float] {
        min-width: 180px !important;
        font-size: 16px !important;
    }
}
select.form-select {
    min-width: 180px !important;
}
/* Reducir fuente de la tabla para más contenido en pantalla */
.table-responsive table {
    font-size: 0.85rem; /* aprox 14px, puedes ajustar */
}

/* Opcional: en móviles muy pequeños */
@media (max-width: 480px) {
    .table-responsive table {
        font-size: 0.8rem; /* aprox 13px */
    }
}