/* ==========================
   MiSaldo Store – Base CSS
   Identidad ÜWA
========================== */

:root{
  --uwa-green: #10B557;
  --uwa-dark: #0f172a;
  --uwa-muted: #64748b;
  --uwa-border: #e5e7eb;
  --uwa-radius: 18px;
  --uwa-bg: #ffffff;
}

.msf-wrap{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
  background: var(--uwa-bg);
  color: var(--uwa-dark);
}

.msf-card{
  background:#fff;
  border:1px solid var(--uwa-border);
  border-radius: var(--uwa-radius);
  padding:16px;
  box-shadow:0 10px 25px rgba(0,0,0,.05);
  margin-bottom:12px;
}

.msf-title{
  font-size:20px;
  font-weight:800;
  margin-bottom:12px;
}

.msf-btn{
  background:var(--uwa-green);
  color:#fff;
  border:none;
  border-radius:14px;
  padding:12px 16px;
  font-weight:700;
  cursor:pointer;
  transition:.2s;
}

.msf-btn:hover{
  opacity:.9;
}

.msf-muted{
  color:var(--uwa-muted);
  font-size:14px;
}