/* ====== Precio x Kg (estilo e-commerce, sin icono) ====== */
.pxk-block {
  /* usa color primario del tema si existe, con fallback sobrio */
  --pxk-accent: var(--primary, var(--brand-primary, #0ea5e9));
  --pxk-accent-rgb: var(--primary-rgb, 14, 165, 233);
  --pxk-ink: #0b1220;       /* texto principal */
  --pxk-ink-soft: #5b6472;  /* texto secundario */
  margin-top: .35rem;
}

/* Tarjeta destacada del precio por kg */
.pxk-card {
  display: inline-flex;
  align-items: baseline;
  gap: .5rem;
  padding: .55rem .85rem;
  border-radius: .9rem;
  background: linear-gradient(180deg, rgba(var(--pxk-accent-rgb), .14), rgba(var(--pxk-accent-rgb), .08));
  border: 1px solid rgba(var(--pxk-accent-rgb), .28);
  box-shadow: 0 6px 14px rgba(11, 18, 32, .06), inset 0 1px 0 rgba(255,255,255,.25);
}

.pxk-perkg .pxk-label {
  text-transform: uppercase;
  letter-spacing: .02em;
  font-weight: 700;
  font-size: .9rem;
  color: var(--pxk-ink);
  opacity: .9;
}

.pxk-perkg .pxk-value {
  font-weight: 800;
  font-size: 1.3rem;     /* grande para jerarquía */
  color: var(--pxk-accent);
  line-height: 1;
}

/* Línea del precio total (sobria, sin destaque) */
.pxk-row {
  display: flex;
  align-items: baseline;
  gap: .35rem;
  margin-top: .4rem;
}

.pxk-total .pxk-label {
  font-weight: 500;
  color: var(--pxk-ink-soft);
  text-transform: none;
}

.pxk-total-value {
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--pxk-ink);
}

/* Responsive fino */
@media (max-width: 480px) {
  .pxk-card { padding: .5rem .75rem; }
  .pxk-perkg .pxk-value { font-size: 1.15rem; }
}