/*
 * JH Technology Typography Core 2.8.0
 * Escala global solicitada:
 * - Mayúsculas / encabezados compactos: 12px
 * - Subtítulos: 11px
 * - Párrafos / contenido normal: 10px
 * - Contenido pequeño / metadatos: 8px
 */
:root{
  --jht-font:Arial,Helvetica,sans-serif;
  --jht-font-family:Arial,Helvetica,sans-serif;
  --jht-font-weight-body:400;
  --jht-font-weight-headings:700;
  --jht-font-weight-ui:600;
  --jht-type-uppercase:12px;
  --jht-type-subtitle:11px;
  --jht-type-paragraph:10px;
  --jht-type-small:8px;
}

body.jht-design-system{font-size:var(--jht-type-paragraph);}

body.jht-design-system,
body.jht-design-system button,
body.jht-design-system input,
body.jht-design-system select,
body.jht-design-system textarea,
body.jht-design-system .jht-ui,
body.jht-design-system .jht-app-layout,
body.jht-design-system .jht-home,
body.jht-design-system .jht-auth-shell,
body.jht-design-system .jhtdc-shell,
body.jht-design-system .jhtdc-shell button,
body.jht-design-system .jhtdc-shell input,
body.jht-design-system .jhtdc-shell select,
body.jht-design-system .jhtdc-shell textarea{
  font-family:var(--jht-font-family)!important;
}

/* Mayúsculas / títulos compactos: livianos y legibles. */
body.jht-design-system .jht-nav-group-label,
body.jht-design-system .jhtdc-menu-group,
body.jht-design-system .jhtdc-menu-section-toggle,
body.jht-design-system .jht-eyebrow,
body.jht-design-system .jht-kicker,
body.jht-design-system .jht-hero-kicker,
body.jht-design-system .jht-panel-role-pill,
body.jht-design-system .jht-type-kicker,
body.jht-design-system [class*="section-label"]{
  font-size:var(--jht-type-uppercase)!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
}

/* Submenús y subtítulos. */
body.jht-design-system .jhtdc-menu-link,
body.jht-design-system .jht-subtitle,
body.jht-design-system .jht-label,
body.jht-design-system .jht-field>label,
body.jht-design-system .jht-form>label,
body.jht-design-system .jht-form-section label,
body.jht-design-system .jht-card h3,
body.jht-design-system .jht-module-card h3,
body.jht-design-system .jht-selection-card-title,
body.jht-design-system .jhtdc-card-head h2,
body.jht-design-system .jhtdc-status-card h2{
  font-size:var(--jht-type-subtitle)!important;
  font-weight:500!important;
  line-height:1.35!important;
}

/* Párrafos y contenido normal. */
body.jht-design-system .jht-ui p,
body.jht-design-system .jht-home p,
body.jht-design-system .jht-auth-shell p,
body.jht-design-system .jhtdc-content p,
body.jht-design-system .jhtdc-hero p,
body.jht-design-system .jhtdc-card-head p,
body.jht-design-system .jht-alert,
body.jht-design-system .jht-empty,
body.jht-design-system .jht-order-row-main,
body.jht-design-system .jht-input,
body.jht-design-system .jht-select,
body.jht-design-system .jht-textarea,
body.jht-design-system .jht-btn,
body.jht-design-system .jht-button,
body.jht-design-system .jhtdc-btn,
body.jht-design-system .jhtdc-logout{
  font-size:var(--jht-type-paragraph)!important;
}

/* Contenido pequeño. */
body.jht-design-system small,
body.jht-design-system .jht-small,
body.jht-design-system .jht-help,
body.jht-design-system .jht-microcopy,
body.jht-design-system .jht-stat-meta,
body.jht-design-system .jht-status,
body.jht-design-system .jht-badge,
body.jht-design-system .jhtdc-topbar-title span,
body.jht-design-system .jhtdc-user-copy span,
body.jht-design-system .jhtdc-platform-status span,
body.jht-design-system .jhtdc-appointment-list span,
body.jht-design-system .jhtdc-recent-list span,
body.jht-design-system .jhtdc-order-status{
  font-size:var(--jht-type-small)!important;
}

/* El título del menú ya no debe verse pesado. */
body.jht-design-system .jhtdc-menu-section-toggle,
body.jht-design-system .jhtdc-menu-group{
  color:#64748b!important;
  font-weight:400!important;
}