/* ============================================================
   COTIZACIONES Y MONEDAS (POS / CAJA / DASHBOARD)
   Separado de styles.css — el orden de los archivos en index.html
   replica el orden original para conservar la cascada exacta.
   ============================================================ */

/* Banderas coloridas de las cotizaciones (USD / BRL / PYG).
   Los emoji 🇺🇸 🇧🇷 se ven como las letras "US"/"BR" en Windows:
   acá van imágenes SVG recortadas en círculo. PIEZA COMPARTIDA:
   la usan el POS, el panel de cobro y el Dashboard. */
.bandera {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(15, 23, 42, 0.18);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.22);
  vertical-align: -4px;
  flex: 0 0 auto;
}
.bandera--usd { background-image: url('../img/bandera-usa.svg'); }
.bandera--brl { background-image: url('../img/bandera-brasil.svg'); }
.bandera--pyg { background-image: url('../img/bandera-paraguay.svg'); }
label > .bandera { margin-right: 6px; }

/* Cotizaciones y monedas */
.cotizacion-info {
  display: block;
  margin-top: 4px;
  font-size: 0.78rem;
  color: var(--primary);
  font-weight: 600;
}
.cotizacion-info .bandera { margin-right: 5px; width: 14px; height: 14px; vertical-align: -3px; }

#pos-total-alt-row {
  font-size: 0.85rem;
  color: var(--text-light);
  border-top: 1px dashed var(--border);
  margin-top: 4px;
  padding-top: 6px;
}

.btn-info { background: #0891b2; color: white; }
.btn-info:hover { background: #0e7490; }