/* ===== Investimento por valor — Horsebiz (11/11/2026) ===== */

/* Card do cavalo: faixa de valores sem quebrar linha */
.hx-plan .hx-plan-price { flex-wrap: nowrap; gap: 6px; }
.hx-plan .hx-plan-price span { white-space: nowrap; font-size: clamp(10px, 3vw, 12.5px); }
.hx-plan .hx-plan-price strong { font-size: clamp(13px, 4vw, 18px); white-space: nowrap; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.hx-plan-stats dt { white-space: nowrap; font-size: clamp(9px, 2.8vw, 11.5px); }
.hx-plan-stats dd { white-space: nowrap; font-size: clamp(10.5px, 3.1vw, 13px); font-variant-numeric: tabular-nums; }
.hx-plan-stats dd em { font-style: normal; font-size: .78em; opacity: .62; }

/* Modal de compra */
.purchase-card { max-width: 420px; }
.purchase-card h2 { margin: 2px 0 0; }
.purchase-hint { margin: 4px 0 12px; font-size: 13px; color: var(--muted, #6b6f77); }
.purchase-amount { display: flex; justify-content: center; align-items: baseline; }
.purchase-amount strong { font-size: 30px; line-height: 1.15; color: #143e2a; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -.02em; }
.purchase-bounds { display: flex; justify-content: space-between; font-size: 11px; color: var(--dim, #9a9ea6); margin: 2px 2px 4px; white-space: nowrap; }

/* Barra horizontal */
.purchase-range { -webkit-appearance: none; appearance: none; width: 100%; height: 34px; background: transparent; margin: 0; display: block; cursor: pointer; touch-action: pan-y; }
.purchase-range::-webkit-slider-runnable-track { height: 10px; border-radius: 99px; background: linear-gradient(90deg, #198754 0 var(--fill, 100%), #e3e9e0 var(--fill, 100%) 100%); }
.purchase-range::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; margin-top: -7px; border-radius: 50%; background: #fff; border: 4px solid #198754; box-shadow: 0 2px 10px rgba(20, 62, 42, .28); }
.purchase-range::-moz-range-track { height: 10px; border-radius: 99px; background: #e3e9e0; }
.purchase-range::-moz-range-progress { height: 10px; border-radius: 99px; background: #198754; }
.purchase-range::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 4px solid #198754; }
.purchase-range:focus-visible { outline: 2px solid #86cba5; outline-offset: 6px; border-radius: 99px; }

.purchase-presets { display: flex; gap: 6px; margin: 8px 0 14px; }
.purchase-chip { flex: 1; height: 32px; border-radius: 9px; border: 1px solid #c7dcc9; background: #f5f8f0; color: #143e2a; font-size: 11.5px; font-weight: 650; cursor: pointer; }
.purchase-chip:active { transform: scale(.98); }

.purchase-summary { display: grid; gap: 7px; padding: 12px; border-radius: 12px; background: #f5f8f0; border: 1px solid #dfe6d8; }
.purchase-summary > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; white-space: nowrap; }
.purchase-summary span { font-size: 11.5px; color: var(--muted, #6b6f77); }
.purchase-summary b { font-size: 14px; color: #143e2a; font-variant-numeric: tabular-nums; }
.purchase-summary b.is-positive { color: #198754; }
.purchase-summary .is-total { border-top: 1px dashed #cfdcc7; padding-top: 8px; }
.purchase-summary .is-total b { font-size: 16px; }

.purchase-note { margin: 8px 0 0; font-size: 11.5px; color: var(--muted, #6b6f77); }
.purchase-note.is-warning { color: #8e2232; }
.purchase-card .modal-actions { margin-top: 14px; }

@media (max-width: 380px) {
  .purchase-amount strong { font-size: 26px; }
  .purchase-summary b { font-size: 13px; }
}