/* IM_SOFT_RUBIK_WALLAPOP_STYLE_V9 */
/*
  Ajuste visual fino para Rubik en IslaMarket.
  Objetivo: menos peso negro, más parecido a marketplaces limpios.
  No cambia lógica, no cambia botones críticos, no toca colores de CTA.
*/

html body {
  color: #172033;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* H1 grandes: más finos y elegantes */
html body main h1,
html body .h1,
html body [class*="hero"] h1,
html body [class*="home"] h1 {
  font-weight: 620 !important;
  letter-spacing: -0.026em !important;
  line-height: 1.08 !important;

}

/* Subtítulos y entradillas */
html body main p,
html body .lead,
html body [class*="subtitle"],
html body [class*="intro"] {
  font-weight: 400 !important;
  letter-spacing: -0.006em !important;
}

/* Títulos de secciones */
html body main h2,
html body main h3,
html body .section-title,
html body [class*="section"] h2,
html body [class*="section"] h3,
html body [class*="results"] h2,
html body [class*="results"] h3 {
  font-weight: 600 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.18 !important;

}

/* Sidebar / filtros */
html body [class*="filter"] h2,
html body [class*="filter"] h3,
html body [class*="sidebar"] h2,
html body [class*="sidebar"] h3 {
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
}

html body [class*="filter"] a,
html body [class*="sidebar"] a,
html body [class*="category"] a,
html body [class*="categoria"] a {
  font-weight: 520 !important;
  letter-spacing: -0.004em !important;
}

/* Títulos de productos/anuncios */
html body article h2,
html body article h3,
html body [class*="listing"] h2,
html body [class*="listing"] h3,
html body [class*="card"] h2,
html body [class*="card"] h3,
html body [class*="product"] h2,
html body [class*="product"] h3,
html body [class*="listing"] [class*="title"],
html body [class*="card"] [class*="title"],
html body [class*="product"] [class*="title"] {
  font-weight: 560 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.16 !important;

}

/* Links dentro de cards */
html body [class*="listing"] a,
html body [class*="card"] a,
html body [class*="product"] a {
  font-weight: 560 !important;
}

/* Precio: sigue destacando, pero sin parecer extra-bold */
html body .price,
html body [class*="price"],
html body [class*="precio"],
html body [class*="amount"] {
  font-weight: 650 !important;
  letter-spacing: -0.016em !important;
}

/* Metadatos: ubicación, envío, texto secundario */
html body small,
html body [class*="meta"],
html body [class*="location"],
html body [class*="shipping"],
html body [class*="muted"] {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Chips / badges */
html body [class*="badge"],
html body [class*="chip"],
html body [class*="tag"],
html body [class*="pill"] {
  font-weight: 500 !important;
  letter-spacing: -0.002em !important;
}

/* Navegación superior */
html body header a,
html body nav a,
html body .im-header a,
html body .im-nav a {
  font-weight: 450 !important;
  letter-spacing: -0.002em !important;
}

/* Botones generales */
html body button,
html body .btn,
html body [class*="btn"],
html body a[class*="btn"],
html body a[class*="cta"] {
  font-weight: 560 !important;
  letter-spacing: -0.004em !important;
}

/* Excepción: CTA naranja del banner de anuncios mantiene fuerza y texto blanco */
html body main a.im-listing-banner__cta,
html body main a.im-listing-banner__cta *,
html body a.im-listing-banner__cta,
html body a.im-listing-banner__cta * {
  font-weight: 650 !important;

}

/* IM_TYPOGRAPHY_COLOR_SCOPE_FINAL_START */
/*
 * Este archivo puede ajustar pesos/fuente, pero no debe forzar colores globales.
 * Fix específico para el hero real de home:
 * .hp-hero-slide_copy h1
 */

html body.is-site .hp-hero-slide_copy h1,
html body.is-site .hp-hero .hp-hero-slide_copy h1,
html body.is-site .hp-hero-slide.is-active .hp-hero-slide_copy h1,
html body[class*="home"] .hp-hero-slide_copy h1,
html body[class*="hero"] .hp-hero-slide_copy h1 {

  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.38) !important;
}

html body.is-site .hp-hero-slide_copy h1 > span,
html body.is-site .hp-hero-slide_copy h1 > strong,
html body.is-site .hp-hero-slide_copy h1 > b,
html body.is-site .hp-hero .hp-hero-slide_copy h1 > span,
html body.is-site .hp-hero .hp-hero-slide_copy h1 > strong,
html body.is-site .hp-hero .hp-hero-slide_copy h1 > b,
html body[class*="home"] .hp-hero-slide_copy h1 > span,
html body[class*="home"] .hp-hero-slide_copy h1 > strong,
html body[class*="home"] .hp-hero-slide_copy h1 > b {

  opacity: 1 !important;
}

html body.is-site .hp-hero-slide_copy p,
html body.is-site .hp-hero .hp-hero-slide_copy p,
html body[class*="home"] .hp-hero-slide_copy p {

}

html body.is-site .hp-hero-slide_kicker,
html body.is-site .hp-hero .hp-hero-slide_kicker,
html body[class*="home"] .hp-hero-slide_kicker {

}

/* IM_TYPOGRAPHY_COLOR_SCOPE_FINAL_END */

/* 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 */