/*
 * JH ENCAJA 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{
  --jhe-font:Arial,Helvetica,sans-serif;
  --jhe-font-family:Arial,Helvetica,sans-serif;
  --jhe-font-weight-body:400;
  --jhe-font-weight-headings:700;
  --jhe-font-weight-ui:600;
  --jhe-type-uppercase:12px;
  --jhe-type-subtitle:11px;
  --jhe-type-paragraph:10px;
  --jhe-type-small:8px;
}

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

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

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

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

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

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

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