/* 1. Cargamos la variable Inter completa */
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter/InterVariable.woff2') format('woff2'),
       url('fonts/inter/InterVariable.woff')  format('woff');
  font-weight: 100 900;
  font-style : normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/inter/InterVariable-Italic.woff2') format('woff2'),
       url('fonts/inter/InterVariable-Italic.woff')  format('woff');
  font-weight: 100 900;
  font-style : italic;
  font-display: swap;
}

/* 2. Fuente Inter — backend, frontend y login */
html, body,
p, input, textarea, select, button,
table, th, td, label, legend,
div, a, li, ul, ol, blockquote, code, pre, em {
  font-family: 'Inter', sans-serif !important;
  font-weight : 400;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering         : optimizeLegibility;
}

/* 3. Pesos específicos */
span   { font-weight: 500; font-family: 'Inter', sans-serif !important; }
strong { font-weight: 700; font-family: 'Inter', sans-serif !important; color:#457992; }

/* 4. Texto por defecto */
p {
  font-size : 17px;
  color     : #333;
  line-height: 1.6;
  text-align: justify !important;
  hyphens   : auto;
}

/* 5. Elementos de tu LMS y de Elementor que quieras reforzar (opcional) */
.elementor-widget,
.elementor-heading-title,
.elementor-widget-text-editor,
.stm-lms-dashboard-wrapper,
.stm-lms-single-course__info,
.stm-lms-lesson__content {
  font-family: 'Inter', sans-serif !important;
}