/* FORZAR MODO CLARO EN TODO */
/* Explicación: fuerza esquema de colores claro en todo el sitio. */
:root {
  color-scheme: light !important;
}

html,
body {
  /* Explicación: asegura fondo blanco y texto negro global. */
  background: #fff !important;
  color: #000 !important;
}

/*------Etiqueta "Agotado"--------*/
/* Explicación: borde rojo para etiqueta de stock agotado. */
.out-of-stock.product-label {
  border: 1px solid red;
  padding: 2px 6px;
}

/*------Badges de descuento (incluye combos FBT)--------*/
/* Explicación: unifica esquinas redondeadas del badge de oferta en todo el sitio. */
.product-label.onsale,
.onsale.product-label,
.wd-fbt-sale-label {
  border-radius: 999px !important;
}