/*
 * IslaMarket Web Font System V4
 * Fuente global segura. No cambia colores.
 */

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

html,
body {
  font-family: var(--im-font-system) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-weight: 400;
  letter-spacing: -0.005em;
}

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: var(--im-font-system) !important;
}

body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  [class*="title"],
  [class*="Title"],
  [class*="heading"],
  [class*="Heading"]
) {
  font-family: var(--im-font-system) !important;
  letter-spacing: -0.025em;
}

body :where(
  button,
  input,
  textarea,
  select,
  option,
  a,
  [role="button"],
  [class*="btn"],
  [class*="Btn"],
  [class*="button"],
  [class*="Button"],
  [class*="nav"],
  [class*="Nav"],
  [class*="search"],
  [class*="Search"]
) {
  font-family: var(--im-font-system) !important;
}

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

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

body :where(
  [class*="price"],
  [class*="Price"],
  [class*="precio"],
  [class*="Precio"]
) {
  font-family: var(--im-font-system) !important;
  font-weight: 800;
  letter-spacing: -0.025em;
}

/* IM_WEB_FONT_BODY_VAR_CUT_EXISTING_CSS_START */
: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;
}

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;
}
/* IM_WEB_FONT_BODY_VAR_CUT_EXISTING_CSS_END */
