:root{
  --mvv-bg: #f3f4f6;
  --mvv-card: #ffffff;
  --mvv-text: #111827;
  --mvv-muted:#6b7280;
  --mvv-line:#e5e7eb;
  --mvv-primary:#3b82f6;
  --mvv-primary-dark:#2563eb;
  --mvv-pay:#ef4444;
  --mvv-pay-dark:#dc2626;
  --mvv-radius: 16px;

  --mvv-chip-bg:#f9fafb;
  --mvv-chip-bd:#e5e7eb;
  --mvv-chip-on-bg: rgba(59,130,246,.12);
  --mvv-chip-on-bd: rgba(59,130,246,.35);
}

.mvv-rmt-wrap{
  max-width:720px;
  margin:24px auto;
  padding:0 14px;
  color:var(--mvv-text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
}

.mvv-rmt-hero{padding:6px 2px 14px}
.mvv-rmt-title{margin:0;font-size:34px;line-height:1.1}
.mvv-rmt-muted{color:var(--mvv-muted);margin-top:6px}

.mvv-rmt-card{
  background:var(--mvv-card);
  border:1px solid var(--mvv-line);
  border-radius:var(--mvv-radius);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  overflow:hidden;
}

.mvv-rmt-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:16px;
  background:rgba(243,244,246,.8);
}
.mvv-rmt-tab{
  border:1px solid var(--mvv-line);
  background:#fff;
  border-radius:12px;
  padding:12px 10px;
  font-weight:700;
  color:var(--mvv-muted);
  line-height:1.05;
  cursor:pointer;
}
.mvv-rmt-tab.is-active{
  background:var(--mvv-primary);
  border-color:var(--mvv-primary);
  color:#fff;
}

.mvv-rmt-form{padding:18px 18px 10px}
.mvv-rmt-step{display:none}
.mvv-rmt-step.is-active{display:block}

.mvv-rmt-step h2{margin:10px 0 14px;font-size:26px}
.mvv-rmt-h3{margin:8px 0 10px;font-size:16px;color:var(--mvv-text)}

.mvv-rmt-field{display:block;margin:12px 0}
.mvv-rmt-field span{display:block;font-weight:700;margin-bottom:6px}

.mvv-rmt-field input,
.mvv-rmt-field select,
.mvv-rmt-field textarea{
  width:100%;
  border:1px solid var(--mvv-line);
  border-radius:12px;
  padding:12px 12px;
  outline:none;
  font-size:15px;
  background:#fff;
  color:var(--mvv-text);
}
.mvv-rmt-field input:focus,
.mvv-rmt-field select:focus,
.mvv-rmt-field textarea:focus{
  border-color:rgba(59,130,246,.7);
  box-shadow:0 0 0 4px rgba(59,130,246,.15);
}
.mvv-rmt-field small{display:block;margin-top:6px;color:var(--mvv-muted)}

.mvv-rmt-phone{display:flex;gap:10px}
.mvv-rmt-prefix{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  border:1px solid var(--mvv-line);
  border-radius:12px;
  background:#f9fafb;
  color:var(--mvv-muted);
  font-weight:900;
}
.mvv-rmt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.mvv-rmt-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:10px 0 6px;
  color:var(--mvv-muted);
}
.mvv-rmt-check input{margin-top:4px}

.mvv-rmt-actions{padding:8px 0 14px}
.mvv-rmt-actions-split{display:flex;justify-content:space-between;gap:10px}

.mvv-rmt-btn,
.mvv-rmt-btn-pay,
.mvv-rmt-btn-ghost,
.mvv-rmt-btn-light{
  border:0;
  border-radius:14px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
}

.mvv-rmt-btn{background:var(--mvv-primary);color:#fff;width:100%}
.mvv-rmt-btn:hover{background:var(--mvv-primary-dark)}
.mvv-rmt-btn-pay{background:var(--mvv-pay);color:#fff;width:100%}
.mvv-rmt-btn-pay:hover{background:var(--mvv-pay-dark)}
.mvv-rmt-btn-ghost{background:#fff;border:1px solid var(--mvv-line);color:var(--mvv-text);flex:1}
.mvv-rmt-btn-light{background:#f3f4f6;border:1px solid var(--mvv-line);color:var(--mvv-text)}

.mvv-rmt-services{display:flex;flex-wrap:wrap;gap:10px}

/* ✅ Importante: tu tema puede forzar botones blancos.
   Lo blindamos SOLO dentro del wizard. */
.mvv-rmt-wrap button.mvv-rmt-chip{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--mvv-chip-bd);
  background:var(--mvv-chip-bg);
  color:var(--mvv-text) !important;
  border-radius:14px;
  padding:10px 12px;
  cursor:pointer;
  user-select:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}
.mvv-rmt-wrap button.mvv-rmt-chip.is-on{
  background:var(--mvv-chip-on-bg);
  border-color:var(--mvv-chip-on-bd);
}

.mvv-rmt-plus{
  width:22px;height:22px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#e5e7eb;color:#111827;font-weight:900;
}
.mvv-rmt-wrap button.mvv-rmt-chip.is-on .mvv-rmt-plus{
  background:rgba(59,130,246,.25);
  color:#0b1220;
}

.mvv-rmt-chip.is-custom{
  background:#fff7ed;
  border-color:#fed7aa;
  cursor:default;
}

.mvv-rmt-divider{height:1px;background:var(--mvv-line);margin:16px 0}
.mvv-rmt-custom{display:flex;gap:10px;margin-bottom:10px}
.mvv-rmt-custom input{flex:1}

.mvv-rmt-note{border:1px solid var(--mvv-line);background:#f9fafb;border-radius:14px;padding:12px;color:var(--mvv-muted);margin:10px 0}
.mvv-rmt-bank{border:1px solid var(--mvv-line);border-radius:14px;padding:12px;margin:10px 0;background:#fff}
.mvv-rmt-bank-title{font-weight:900;margin-bottom:8px}
.mvv-rmt-bank ul{margin:0;padding-left:18px;color:var(--mvv-muted)}
.mvv-rmt-status{margin:10px 0;color:var(--mvv-muted)}

@media (max-width:680px){
  .mvv-rmt-title{font-size:28px}
  .mvv-rmt-grid2{grid-template-columns:1fr}
}


/* ==========================
   Media Manager (perfil/galería)
   ========================== */
.mvv-media{ display:flex; flex-direction:column; gap:18px; margin-top:8px; }
.mvv-media-block{ border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:14px; background:#fff; }
.mvv-media-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mvv-media-title{ font-weight:800; font-size:14px; }
.mvv-media-sub{ font-size:12px; opacity:.7; margin-top:2px; }
.mvv-media-count{ font-size:12px; opacity:.8; padding:6px 10px; border:1px solid rgba(0,0,0,.08); border-radius:999px; background:#fafafa; }

.mvv-media-btn{
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:10px;
  padding:8px 10px;
  font-weight:700;
  cursor:pointer;
}
.mvv-media-btn[disabled]{ opacity:.45; cursor:not-allowed; }

.mvv-media-profile{
  width:100%;
  max-width:420px;
  aspect-ratio: 4 / 5;
  border-radius:16px;
  overflow:hidden;
  border:1px dashed rgba(0,0,0,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fafafa;
}
.mvv-media-profile img{ width:100%; height:100%; object-fit:cover; display:block; }

.mvv-media-divider{ height:1px; background:rgba(0,0,0,.08); margin:14px 0; }

.mvv-media-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
  gap:10px;
}
.mvv-media-empty{
  padding:12px;
  border:1px dashed rgba(0,0,0,.15);
  border-radius:14px;
  background:#fafafa;
  opacity:.75;
  grid-column: 1 / -1;
}

.mvv-gitem{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  background:#000;
}
.mvv-gitem img{
  width:100%;
  height:150px;
  object-fit:cover;
  display:block;
}

.mvv-gremove{
  position:absolute;
  top:8px; right:8px;
  width:30px; height:30px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  font-weight:900;
  line-height:30px;
  background:rgba(0,0,0,.65);
  color:#fff;
}
.mvv-gdrag{
  position:absolute;
  left:8px; bottom:8px;
  padding:6px 8px;
  border-radius:10px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-weight:900;
  letter-spacing:1px;
  user-select:none;
}
.mvv-gitem.is-dragging{ opacity:.55; transform:scale(.98); }

.mvv-toast{
  position:sticky;
  bottom:14px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:14px;
  font-weight:700;
  opacity:0;
  transform:translateY(10px);
  transition:.18s ease;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}
.mvv-toast.is-on{ opacity:1; transform:translateY(0); }
.mvv-toast[data-type="ok"]{ }
.mvv-toast[data-type="err"]{ }
.mvv-toast[data-type="info"]{ }

/* Mejor en móvil */
@media (max-width:520px){
  .mvv-media-profile{ max-width:100%; }
  .mvv-gitem img{ height:140px; }
}