/* Ajustes propios sobre Bootstrap. Se busca densidad de informacion: el
   usuario trabaja con listas largas de salones, reservas y lineas de proforma. */

body { font-size: 0.94rem; }

.tabla-densa td, .tabla-densa th { padding: 0.4rem 0.5rem; vertical-align: middle; }

.tarjeta-metrica { border-left: 4px solid var(--bs-primary); }
.tarjeta-metrica .valor { font-size: 1.6rem; font-weight: 600; line-height: 1.1; }
.tarjeta-metrica .etiqueta { font-size: 0.78rem; text-transform: uppercase;
  letter-spacing: .04em; color: var(--bs-secondary-color); }

/* Calendario mensual */
.calendario { table-layout: fixed; }
.calendario td { height: 108px; vertical-align: top; padding: 4px; }
.calendario td.fuera { background: var(--bs-tertiary-bg); }
.calendario td.hoy { background: #fff8e1; }
.calendario .numero-dia { font-size: .8rem; font-weight: 600; color: var(--bs-secondary-color); }
.calendario .evento { display: block; font-size: .68rem; line-height: 1.25;
  padding: 1px 4px; border-radius: 3px; margin-bottom: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; }
.calendario .evento.confirmada { background: #d1e7dd; color: #0a3622; }
.calendario .evento.tentativa { background: #fff3cd; color: #664d03; }

/* Distingue de un vistazo lo propio de lo que se revende */
.badge-propio { background: #0d6efd; }
.badge-terceros { background: #6f42c1; }

.cola-posicion { font-variant-numeric: tabular-nums; }

@media print {
  .no-imprimir, nav, footer { display: none !important; }
  body { background: #fff !important; font-size: 11px; }
}