/* =========================================================
 * Cotizador Proveedores — frontend.css (badge)
 * Estilo Amazon/MercadoLibre — compacto y con color fuerte.
 * ========================================================= */

.cpv-badge {
  --cpv-badge-local-bg: #1E3D2F;
  --cpv-badge-local-text: #E8F0EA;
  --cpv-badge-foreign-bg: #B8871A;
  --cpv-badge-foreign-text: #FFF8DC;

  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.2;
  vertical-align: middle;
}

.cpv-badge-local {
  background: var(--cpv-badge-local-bg);
  color: var(--cpv-badge-local-text);
}

.cpv-badge-foreign {
  background: var(--cpv-badge-foreign-bg);
  color: var(--cpv-badge-foreign-text);
}

.cpv-badge__icon {
  font-size: 10px;
  display: inline-flex;
  align-items: center;
}

.cpv-badge__text {
  font-weight: 600;
}

.cpv-badge__sub {
  opacity: 0.85;
  font-size: 11px;
  font-weight: 400;
  margin-left: 4px;
}

.cpv-badge--full {
  padding: 6px 14px;
  border-radius: 10px;
}
.cpv-badge--full .cpv-badge__stack {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.15;
}
.cpv-badge--full .cpv-badge__stack .cpv-badge__sub {
  margin-left: 0;
  font-size: 10.5px;
  opacity: 0.9;
}

.cpv-badge--compact {
  padding: 3px 9px;
  font-size: 11px;
}

/* pequeño hover para dar un poco de vida */
.cpv-badge:hover {
  filter: brightness(1.08);
  transition: filter .15s;
}