/* Estilos globales para números y precios */
.number-display {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

/* Precios grandes (como en billetera, POS) */
.price-large {
  font-size: 2.5rem;
  /* color: #FFFFFF; - Removido para evitar conflictos */
}

/* Precios medianos (como en cards de productos) */
.price-medium {
  font-size: 1.125rem; /* 18px */
  /* color: #DC2626; - Removido para usar colores específicos del contexto */
}

/* Precios pequeños (como en detalles) */
.price-small {
  font-size: 0.875rem; /* 14px */
  color: #374151; /* gris oscuro */
}

/* Ajustes específicos para elementos existentes */
.product-price.price-large {
  font-size: 2rem; /* Ajustado para product-detail */
  /* Mantiene el color del contexto (text-wine-primary) */
}

.product-price.price-medium {
  font-size: 1.25rem; /* Ajustado para sticky button */
  /* Mantiene el color del contexto (text-wine-primary) */
}

/* Total grande en Caja Rápida solo forzamos blanco en modo oscuro (html.dark) */
html.dark .quick-pos-total.price-large {
  color: #FFFFFF;
}

.quick-pos-amount.price-medium {
  /* Mantiene los colores específicos del contexto (text-green-600, text-blue-600, etc.) */
}

/* Números en general (balances, cantidades, etc.) */
.number-value {
  font-size: 1.5rem;
  color: #1F2937; /* gris muy oscuro */
}

/* Aplicar a elementos específicos */
.balance-value,
.wallet-amount,
.pos-total,
.pos-amount {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

/* Precios en ecommerce */
.product-price,
.marketplace-price {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

/* Quick POS específico */
.quick-pos-amount,
.quick-pos-total {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
}