/*
 * Tipografia institucional FacturaPluss / Boticas.
 * Roboto se usa como fuente principal para alinear el sistema con FacturaPluss V9.
 */
:root {
  --fp-font-sans: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fp-font-brand: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fp-text-xs: .72rem;
  --fp-text-sm: .78rem;
  --fp-text-base: .8125rem;
  --fp-text-md: .875rem;
  --fp-text-lg: 1rem;
  --fp-text-xl: 1.125rem;
}

html,
body,
.apex-wrapper,
.apex-content,
.tabler-admin-shell,
.apex-shell,
.content-wrapper,
.main-panel,
.card,
.box,
.modal,
.modal-content,
.dropdown-menu,
.btn,
.form-control,
.form-select,
.input-group-text,
.table,
.dataTable,
.select2-container,
.select2-dropdown,
.swal2-popup,
.toast,
.popover,
.tooltip,
.af-dashboard,
.repo-page,
.repo-notify-modal,
.fp-login-shell {
  font-family: var(--fp-font-sans) !important;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 13px;
  line-height: 1.42;
}

h1,
h2,
h3,
h4,
h5,
h6,
.modal-title,
.card-title,
.box-title,
.apex-page-title,
.tabler-title {
  font-family: var(--fp-font-sans) !important;
  font-weight: 500;
  letter-spacing: 0;
}

h1,
.apex-page-title {
  font-size: clamp(1.55rem, 1.9vw, 2.05rem);
  font-weight: 700;
  line-height: 1.16;
}

h2 {
  font-size: clamp(1.28rem, 1.55vw, 1.62rem);
  line-height: 1.2;
}

h3,
.modal-title,
.card-title,
.box-title,
.tabler-title {
  font-size: var(--fp-text-lg);
  line-height: 1.22;
}

h4,
h5,
h6 {
  font-size: var(--fp-text-md);
  line-height: 1.25;
}

.apex-company-mark strong,
.fp-brand-font,
.brand-font,
.company-name,
.razon-social {
  font-family: var(--fp-font-brand) !important;
}

.table,
.dataTable,
.badge,
.label,
.apex-topbar-badge,
.tabler-stat-value,
.af-kpi strong,
.af-ring strong,
[class*="precio"],
[class*="total"],
[class*="monto"],
[class*="importe"],
[class*="stock"] {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.btn,
.form-control,
.form-select,
.input-group-text,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  font-size: var(--fp-text-base);
  font-weight: 400;
  line-height: 1.35;
}

.table,
.dataTable {
  font-size: var(--fp-text-base);
  line-height: 1.35;
}

.table th,
.dataTable th,
.table td,
.dataTable td {
  font-size: var(--fp-text-base);
}

.label,
.badge,
.form-label,
label,
.help-block,
.form-text,
.text-muted {
  font-size: var(--fp-text-sm);
}

.small,
small,
.text-muted,
.help-block,
.form-text {
  font-size: var(--fp-text-sm);
}

.btn-sm,
.form-control-sm,
.form-select-sm,
.input-sm,
.badge,
.label {
  font-size: var(--fp-text-xs);
}

.modal-body,
.card-body,
.box-body,
.panel-body,
.dropdown-menu,
.select2-results__option,
.select2-selection__rendered,
.swal2-popup {
  font-size: var(--fp-text-base);
}

.swal2-title {
  font-size: 1.05rem !important;
}

.swal2-html-container {
  font-size: var(--fp-text-base) !important;
}

/* No tocar las fuentes de iconos: evita cuadros vacios en botones, menu y tablas. */
.fa,
.fas,
.far,
.fal,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "Font Awesome 5 Free" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.ion,
.ionicons,
[class^="ion-"],
[class*=" ion-"] {
  font-family: "Ionicons" !important;
}

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone {
  font-family: "Material Icons" !important;
}

code,
pre,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}