/* MercadilloGeek 3.0 · apadrinamientos, rangos CPU y contraste editorial */

.mg-card-trust-badges,
.mg-profile-trust-badges,
.mg-seller-box-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
}

.mg-cpu-rank,
.mg-super-power {
  align-items: center;
  background: #10172a;
  border: 1px solid #3a486f;
  border-radius: 10px;
  box-shadow: 0 7px 20px #0610222a;
  color: #fff;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  line-height: 1;
  max-width: 100%;
  overflow: visible;
  padding: 6px 9px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}
.mg-cpu-rank > span,
.mg-super-power > span { display: grid; gap: 2px; min-width: 0; }
.mg-cpu-rank small,
.mg-super-power small { color: #b9c5df; font: 850 8px/1 monospace; letter-spacing: .65px; }
.mg-cpu-rank b,
.mg-super-power b { color: #fff; font-size: 11px; line-height: 1.05; white-space: nowrap; }

.mg-cpu-rank > i {
  background: linear-gradient(135deg, #63738d, #26344b);
  border: 2px solid #a9b8cc;
  border-radius: 5px;
  box-shadow: -4px 0 0 -3px #a9b8cc, 4px 0 0 -3px #a9b8cc, 0 -4px 0 -3px #a9b8cc, 0 4px 0 -3px #a9b8cc;
  display: block;
  flex: 0 0 auto;
  height: 24px;
  padding: 4px;
  position: relative;
  width: 24px;
}
.mg-cpu-rank > i::after {
  background: linear-gradient(90deg, transparent, #fff9, transparent);
  content: "";
  inset: 2px;
  opacity: .45;
  position: absolute;
  transform: translateX(-110%);
  animation: mg-chip-scan 3.2s ease-in-out infinite;
}
.mg-cpu-rank > i > u { background: #d5ff77; border-radius: 2px; display: block; height: 100%; text-decoration: none; width: 100%; }
.mg-cpu-rank.cpu-386 > i { background: linear-gradient(135deg, #4b7d78, #153c42); }
.mg-cpu-rank.cpu-486 > i { background: linear-gradient(135deg, #467ab9, #182e5c); }
.mg-cpu-rank.cpu-pentium > i { background: linear-gradient(135deg, #8f6cb4, #3e215d); }
.mg-cpu-rank.cpu-pentium2 > i { background: linear-gradient(135deg, #bd6879, #601e38); }
.mg-cpu-rank.cpu-core2 > i { background: linear-gradient(135deg, #d48642, #693914); }
.mg-cpu-rank.cpu-i7 > i { background: linear-gradient(135deg, #20a6bd, #0b3c5a); }
.mg-cpu-rank.cpu-i9 > i { background: linear-gradient(135deg, #caff45, #3b7c18); border-color: #e4ff99; box-shadow: 0 0 16px #9dff38aa, -4px 0 0 -3px #dfff9f, 4px 0 0 -3px #dfff9f, 0 -4px 0 -3px #dfff9f, 0 4px 0 -3px #dfff9f; animation: mg-chip-pulse 1.8s ease-in-out infinite; }
.mg-cpu-rank.cpu-i9 > i > u { background: #101b12; }
.mg-cpu-rank.cpu-i7 { border-color: #31bdd4; }
.mg-cpu-rank.cpu-i9 { background: linear-gradient(120deg, #142115, #223f17); border-color: #94db43; }

.mg-cpu-tiny,
.mg-power-tiny { border-radius: 7px; gap: 5px; padding: 4px 6px; }
.mg-cpu-tiny > i { height: 18px; padding: 3px; width: 18px; }
.mg-cpu-tiny small,
.mg-power-tiny small { display: none; }
.mg-cpu-tiny b,
.mg-power-tiny b { font-size: 9px; }
.mg-cpu-profile,
.mg-power-profile { border-radius: 13px; padding: 8px 11px; }
.mg-cpu-profile > i { height: 31px; width: 31px; }
.mg-cpu-profile small,
.mg-power-profile small { font-size: 9px; }
.mg-cpu-profile b,
.mg-power-profile b { font-size: 13px; }

.mg-super-power { background: linear-gradient(120deg, #170c2c, #312066); border-color: #b76cff; box-shadow: 0 0 18px #8b37d83b; }
.mg-super-power > i { display: block; flex: 0 0 auto; height: 24px; position: relative; width: 34px; }
.mg-power-gpu > i { background: linear-gradient(135deg, #282c48, #0f1326); border: 2px solid #cb82ff; border-radius: 4px; box-shadow: 0 0 12px #b448ff77; }
.mg-power-gpu > i::before { background: radial-gradient(circle, #121429 18%, #9e53e8 20% 28%, #171a31 30% 46%, #d69cff 48% 51%, #171a31 53%); border-radius: 50%; content: ""; height: 17px; left: 6px; position: absolute; top: 2px; width: 17px; animation: mg-fan-spin 2.4s linear infinite; }
.mg-power-gpu > i::after { background: #e1b2ff; border-radius: 2px; bottom: -5px; content: ""; height: 4px; left: 5px; position: absolute; width: 22px; }
.mg-power-ram { background: linear-gradient(120deg, #082821, #145a48); border-color: #52efbd; box-shadow: 0 0 18px #28d9a54a; }
.mg-power-ram > i { background: linear-gradient(#23b98d, #0f765d); border: 2px solid #76ffd4; border-radius: 3px; height: 17px; width: 38px; }
.mg-power-ram > i::before { background: repeating-linear-gradient(90deg, #182b32 0 5px, transparent 5px 8px); content: ""; inset: 3px; position: absolute; }
.mg-power-ram > i::after { background: repeating-linear-gradient(90deg, #ffe35f 0 3px, transparent 3px 5px); bottom: -5px; content: ""; height: 4px; left: 3px; position: absolute; right: 3px; }

.mg-sponsor-count { align-items: center; background: #effcf1; border: 1px solid #90d99a; border-radius: 10px; color: #245f31; display: flex; font-size: 11px; font-style: normal; font-weight: 750; gap: 5px; margin-top: 10px; padding: 7px 9px; width: fit-content; }
.mg-sponsor-count i { font-size: 16px; font-style: normal; }
.mg-sponsor-count b { color: #173f20; font-size: 14px; }

.mg-sponsorship-panel {
  background: linear-gradient(145deg, #f7f9ff, #fff);
  border: 1px solid #dce3ef;
  border-radius: 18px;
  color: #18213a;
  margin: 22px 0;
  padding: 19px;
}
.mg-sponsorship-panel.has-sponsors { background: linear-gradient(145deg, #f1fff3, #fff); border-color: #a9ddb1; }
.mg-sponsorship-panel > header { align-items: flex-start; display: flex; gap: 13px; }
.mg-sponsor-shield { align-items: center; background: #16213b; border-radius: 14px; color: #fff; display: flex; flex: 0 0 47px; font-size: 22px; height: 47px; justify-content: center; position: relative; }
.mg-sponsor-shield i { align-items: center; background: #a7f044; border: 2px solid #fff; border-radius: 50%; bottom: -4px; color: #1a3a0d; display: flex; font: 900 9px/1 sans-serif; height: 18px; justify-content: center; position: absolute; right: -4px; width: 18px; }
.mg-sponsorship-panel h3 { color: #111a31; font-size: 18px; margin: 3px 0 5px; }
.mg-sponsorship-panel header p { color: #536078 !important; font-size: 12px; line-height: 1.5; margin: 0; }
.mg-sponsor-list { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(215px, 1fr)); margin-top: 15px; }
.mg-sponsor-list > a { align-items: center; background: #fff; border: 1px solid #dbe4ef; border-radius: 13px; color: #172138; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; text-decoration: none; }
.mg-sponsor-list > a.is-super { background: linear-gradient(115deg, #1a0f30, #28205a); border-color: #bc7bff; color: #fff; box-shadow: 0 0 17px #9947df2f; }
.mg-sponsor-list > a > span:not(.mg-cpu-rank):not(.mg-super-power) { display: grid; flex: 1 1 100px; gap: 3px; }
.mg-sponsor-list > a small { color: #68758c; font: 850 8px monospace; letter-spacing: .55px; }
.mg-sponsor-list > a.is-super > span > small { color: #dcaeff; }
.mg-sponsor-list > a b { color: inherit; font-size: 12px; }
.mg-sponsorship-panel > form { border-top: 1px dashed #bdc8d7; margin-top: 15px; padding-top: 14px; }
.mg-sponsorship-panel > form button { background: linear-gradient(120deg, #9bea3f, #c7ff70); border: 0; border-radius: 12px; color: #17330e; cursor: pointer; font-weight: 900; padding: 12px 15px; width: 100%; }
.mg-sponsorship-panel > form button.is-active { background: #eef1f6; color: #4c5669; }
.mg-sponsorship-panel > form button span { font-size: 17px; margin-right: 6px; }
.mg-sponsor-requirement { color: #68758b; display: block; font-size: 11px; margin-top: 12px; }

.mg-super-admin { align-items: center; background: linear-gradient(120deg, #110a24, #292055); border: 1px solid #a461e9; border-radius: 17px; color: #fff; display: grid; gap: 16px; grid-template-columns: auto 1fr auto; margin: 18px 0 28px; padding: 18px; }
.mg-super-admin h3 { color: #fff; margin: 0 0 4px; }
.mg-super-admin p { color: #d7c8ee !important; font-size: 12px; margin: 0; }
.mg-super-admin form { align-items: center; display: flex; gap: 8px; }
.mg-super-admin select { background: #fff; border: 0; border-radius: 9px; color: #161d2d; min-height: 42px; padding: 8px; }
.mg-admin-chip { background: #d8a0ff; border-radius: 999px; color: #30104c; font: 900 9px monospace; padding: 9px 11px; }
.mg-seller-box { flex-wrap: wrap; }
.mg-seller-box-badges { flex: 1 0 100%; margin-left: 50px; }
.mg-user-card .mg-card-trust-badges { margin: 8px 0 2px; }

/* Contraste definitivo de la página editorial, incluida la cursiva global del tema. */
.mg-story-page,
.mg-story-page .mg-story-body,
.mg-story-page .mg-story-body section { background-color: #10172b !important; color: #f8faff !important; }
.mg-story-page h1,
.mg-story-page h2,
.mg-story-page h3,
.mg-story-page p,
.mg-story-page strong,
.mg-story-page figcaption { color: #f8faff !important; }
.mg-story-page em { color: #c8ff65 !important; }
.mg-story-page a:not(.mg-primary):not(.mg-secondary) { color: #82eaff !important; }
.mg-story-page .mg-primary { background: #b9ff54 !important; color: #17270b !important; }
.mg-story-page .mg-secondary { background: #fff !important; color: #11182c !important; }
.mg-story-page .mg-story-cta { background: #090e1d !important; }
.mg-story-page .mg-story-cta span { color: #fff !important; }
.mg-story-page .mg-story-body blockquote { background: #183124 !important; }
.mg-story-page .mg-story-body blockquote b { color: #fff !important; }
.mg-story-page .mg-story-body blockquote span { color: #c9ff77 !important; }

@keyframes mg-chip-scan { 0%, 35% { transform: translateX(-115%); } 65%, 100% { transform: translateX(115%); } }
@keyframes mg-chip-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
@keyframes mg-fan-spin { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
  .mg-super-admin { align-items: stretch; grid-template-columns: 1fr; }
  .mg-super-admin form { align-items: stretch; flex-direction: column; }
  .mg-super-admin .mg-primary { width: 100%; }
  .mg-sponsor-list { grid-template-columns: 1fr; }
  .mg-seller-box-badges { margin-left: 0; }
}
@media (max-width: 520px) {
  .mg-cpu-profile,
  .mg-power-profile { padding: 6px 8px; }
  .mg-cpu-profile b,
  .mg-power-profile b { font-size: 11px; }
  .mg-sponsorship-panel { padding: 15px; }
  .mg-sponsorship-panel > header { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .mg-cpu-rank > i::after,
  .mg-cpu-rank.cpu-i9 > i,
  .mg-power-gpu > i::before { animation: none !important; }
}