/* ============================================
   shared.css — Estilos compartilhados
   Jessica Lima — Site Principal + Curso
   ============================================ */

/* CURRENCY SWITCHER */
.currency-switcher {
  display: inline-flex;
  gap: 4px;
  background: rgba(250,244,236,0.04);
  border: 1px solid rgba(201,150,12,0.2);
  padding: 4px;
  border-radius: 4px;
}

.currency-btn {
  background: transparent;
  border: none;
  color: rgba(250,244,236,0.5);
  padding: 7px 14px;
  border-radius: 3px;
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.currency-btn:hover {
  color: rgba(250,244,236,0.85);
  background: rgba(201,150,12,0.08);
}

.currency-btn.active {
  background: var(--dourado, #C9960C);
  color: #0D0700;
}

/* NOTA DE CÂMBIO */
[data-cambio-nota] {
  font-size: 12px;
  color: rgba(250,244,236,0.35);
  letter-spacing: 0.04em;
  min-height: 16px;
  display: block;
  margin-top: 6px;
  transition: opacity 0.3s;
}

/* PRICE TRANSITION */
[data-price],
[data-parcela] {
  transition: opacity 0.3s ease;
}

[data-price].updating,
[data-parcela].updating {
  opacity: 0.4;
}