/* HV320 · ROUND295 · Scroll horizontal estable + recordatorio de primera transferencia */
.hv320-first-payment-reminder{
  margin:14px 0 4px;
  padding:15px;
  border:1px solid rgba(47,53,104,.10);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(248,250,240,.96),rgba(255,255,255,.98));
  box-shadow:0 12px 34px rgba(47,53,104,.06);
  display:grid;
  gap:11px;
}
.hv320-first-payment-reminder[hidden]{display:none!important}
.hv320-first-payment-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.hv320-first-payment-copy{min-width:0}
.hv320-first-payment-copy small{display:block;color:#8a9630;font-size:.62rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase;margin-bottom:4px}
.hv320-first-payment-copy h4{margin:0;color:var(--brand-navy,#2f3568);font-size:1rem;line-height:1.2}
.hv320-first-payment-copy p{margin:6px 0 0;color:#737d88;font-size:.72rem;line-height:1.5}
.hv320-first-payment-badge{flex:0 0 auto;border-radius:999px;padding:6px 9px;background:#f0f3df;color:#707b28;font-size:.58rem;font-weight:900;white-space:nowrap}
.hv320-first-payment-meta{display:flex;flex-wrap:wrap;gap:7px}
.hv320-first-payment-meta span{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:7px 9px;border-radius:11px;background:#fff;border:1px solid rgba(47,53,104,.07);color:#727c87;font-size:.62rem;overflow-wrap:anywhere}
.hv320-first-payment-meta strong{color:var(--brand-navy,#2f3568)}
.hv320-first-payment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
#hv320-send-first-payment-reminder{min-height:38px}
#hv320-send-first-payment-reminder[disabled]{opacity:.62;cursor:not-allowed}
.hv320-first-payment-status{font-size:.64rem;line-height:1.45;color:#747e89;min-height:1.4em}
.hv320-first-payment-status.is-ok{color:#657126;font-weight:800}
.hv320-first-payment-status.is-error{color:#9a4343;font-weight:800}
.hv320-first-payment-status.is-wait{color:#737d88}
@media(max-width:680px){
  .hv320-first-payment-reminder{padding:13px;border-radius:17px}
  .hv320-first-payment-head{display:grid;gap:8px}
  .hv320-first-payment-badge{justify-self:start}
  .hv320-first-payment-actions{display:grid;grid-template-columns:1fr}
  #hv320-send-first-payment-reminder{width:100%}
}