/**
 * Scope raíz .scm-ui — biblioteca visual SCM / ÉXODO
 *
 * No es un patrón: es la raíz sobre la que se apoyan todos. Se añade junto a
 * las clases existentes del módulo, nunca en su lugar.
 *
 * Deliberadamente mínimo. El reset no toca márgenes ni elementos desnudos: el
 * scope se aplica sobre marcado legacy que aún no está migrado y un reset
 * amplio cambiaría el espaciado de lo que todavía no se ha rediseñado.
 * Cero selectores de elemento desnudos — se usa :where(), sin especificidad.
 */

.scm-ui {
  font-family: var(--scm-ui-font);
  color: var(--scm-ui-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.scm-ui :where(*, *::before, *::after) {
  box-sizing: border-box;
}

/* Los controles no heredan la familia por defecto en ningún navegador. */
.scm-ui :where(button, input, select, textarea, optgroup) {
  font-family: inherit;
}

/* G-01 · Contenedor principal — ancho único del sistema (1240px). */
.scm-ui-container {
  width: 100%;
  max-width: var(--scm-ui-w-max);
  margin-inline: auto;
}

/* Teléfonos, fechas, horas y contadores (regla técnica de P-00). */
.scm-ui-tnum {
  font-variant-numeric: tabular-nums;
}

/* Etiqueta accesible solo para lectores de pantalla. */
.scm-ui-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}