/*
 * IslaMarket Web Font Body Var Cut
 * Corta RubikLocalIM desde variables globales de la web pública.
 * No toca app móvil. No toca console. No cambia colores.
 */

:root,
html,
body {
  --im-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  --im-font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html,
html body,
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Texto real de la web pública */
html body :where(
  p,
  span,
  small,
  strong,
  em,
  label,
  li,
  dt,
  dd,
  th,
  td,
  figcaption,
  blockquote,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  button,
  input,
  textarea,
  select,
  option,
  a
) {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Títulos */
html body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  [class*="title"],
  [class*="Title"],
  [class*="heading"],
  [class*="Heading"],
  [class*="name"],
  [class*="Name"]
) {
  letter-spacing: -0.025em;
}

/* Botones */
html body :where(
  button,
  [role="button"],
  [class*="btn"],
  [class*="Btn"],
  [class*="button"],
  [class*="Button"]
) {
  font-weight: 700;
}

/* Inputs */
html body :where(input, textarea, select) {
  font-weight: 500;
}

/* Precios */
html body :where(
  [class*="price"],
  [class*="Price"],
  [class*="precio"],
  [class*="Precio"]
) {
  font-weight: 800;
  letter-spacing: -0.025em;
}

/* Proteger iconos */
html body :where(
  svg,
  path,
  i,
  .fa,
  .fas,
  .far,
  .fab,
  .material-icons,
  .material-symbols-outlined,
  [class*="icon"],
  [class*="Icon"]
) {
  font-family: inherit;
}