/* MercadilloGeek 3.16 · perfiles de creadores y copia semanal por Telegram */

.mg-notice-creator_profile_error,
.mg-notice-weekly_backup_recipient_error,
.mg-notice-weekly_backup_test_error { background: #9b2939 !important; color: #fff !important; }

.mg-creator-profile {
  margin: 32px 0;
  overflow: hidden;
  border: 1px solid #dbe1ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(23, 32, 61, .08);
}

.mg-creator-profile > header {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 23px 25px;
  background:
    radial-gradient(circle at 92% 0, rgba(204, 255, 93, .2), transparent 32%),
    linear-gradient(135deg, #11172a, #293663);
}

.mg-creator-profile > header .mg-label { color: #caff59; }
.mg-creator-profile > header h2 { margin: 4px 0; color: #fff; font-size: 28px; letter-spacing: -.035em; }
.mg-creator-profile > header p { max-width: 760px; margin: 0; color: #d1d8e8; font-size: 13px; line-height: 1.5; }

.mg-creator-orbit {
  position: relative;
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 2px solid #7387d2;
  border-radius: 50%;
  background: radial-gradient(circle, #4c60b8 0 27%, #1c274b 29% 53%, #0c1223 55%);
  box-shadow: 0 0 28px rgba(111, 137, 255, .35);
}

.mg-creator-orbit::before,
.mg-creator-orbit::after {
  position: absolute;
  content: "";
  border: 1px solid rgba(202, 255, 89, .65);
  border-radius: 50%;
  inset: 8px -5px;
  transform: rotate(34deg);
  animation: mg-creator-spin 7s linear infinite;
}

.mg-creator-orbit::after { inset: -4px 14px; border-color: rgba(110, 214, 255, .55); animation-direction: reverse; animation-duration: 5s; }
.mg-creator-orbit > i { width: 11px; height: 11px; border-radius: 50%; background: #caff59; box-shadow: 0 0 12px #caff59; }
.mg-creator-orbit > b { position: absolute; bottom: -8px; padding: 4px 7px; border-radius: 999px; background: #caff59; color: #101724; font: 950 7px/1 monospace; letter-spacing: .06em; }

@keyframes mg-creator-spin { to { transform: rotate(394deg); } }

.mg-creator-form { display: grid; gap: 17px; padding: 24px 25px 27px; }
.mg-creator-form > label { display: grid; gap: 7px; color: #222c42; font-size: 13px; font-weight: 850; }
.mg-creator-form > label small { color: #707b90; font-size: 10px; font-weight: 600; }
.mg-creator-form input,
.mg-creator-form textarea,
.mg-creator-form select {
  width: 100%;
  min-height: 47px;
  padding: 11px 13px;
  border: 1px solid #cfd7e5;
  border-radius: 11px;
  outline: 0;
  background: #f9fafc;
  color: #11182a;
  font-size: 14px;
}

.mg-creator-form textarea { min-height: 126px; resize: vertical; line-height: 1.55; }
.mg-creator-form input:focus,
.mg-creator-form textarea:focus { border-color: #6579e8; box-shadow: 0 0 0 3px rgba(101, 121, 232, .15); background: #fff; }
.mg-creator-form fieldset { margin: 0; padding: 18px; border: 1px solid #dce2ed; border-radius: 16px; background: #f6f8fc; }
.mg-creator-form legend { padding: 0 7px; color: #182138; font-size: 15px; font-weight: 900; }
.mg-creator-form fieldset > p { margin: 0 0 13px; color: #69758b; font-size: 11px; }
.mg-creator-link-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mg-creator-link-fields > label { display: grid; grid-template-columns: 38px 1fr; gap: 2px 9px; align-items: center; padding: 10px; border: 1px solid #e0e5ee; border-radius: 12px; background: #fff; }
.mg-creator-link-fields > label b { color: #263047; font-size: 12px; }
.mg-creator-link-fields > label input { grid-column: 1 / -1; min-height: 42px; margin-top: 5px; font-size: 12px; }

.mg-platform-icon {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 10px;
  background: #e9edf7;
  color: #293550;
  font-size: 16px;
  font-style: normal;
  font-weight: 950;
}

.mg-platform-icon.is-youtube { background: #ffe3e3; color: #d41424; }
.mg-platform-icon.is-podcast { background: #eee4ff; color: #6d39bd; }
.mg-platform-icon.is-twitch { background: #e9e1ff; color: #5b32af; }
.mg-platform-icon.is-telegram { background: #dff4ff; color: #167bae; }
.mg-platform-icon.is-instagram { background: #ffe5f2; color: #b5256a; }
.mg-platform-icon.is-x { background: #e7e9ed; color: #111; }
.mg-platform-icon.is-website { background: #e2f7e8; color: #287245; }
.mg-creator-privacy { display: grid; grid-template-columns: 38px 1fr; gap: 11px; align-items: center; padding: 12px 14px; border: 1px solid #cfe1d7; border-radius: 12px; background: #f1faf4; }
.mg-creator-privacy > span { font-size: 23px; }
.mg-creator-privacy p { margin: 0; color: #3d6049; font-size: 11px; line-height: 1.45; }
.mg-creator-form > button { justify-self: start; min-height: 45px; }

.mg-creator-profile.is-public {
  background:
    radial-gradient(circle at 100% 100%, rgba(100, 117, 226, .1), transparent 35%),
    #fff;
}

.mg-creator-public-copy { padding: 23px 25px 5px; }
.mg-creator-public-copy h3 { margin: 0 0 9px; color: #121a2d; font-size: 21px; line-height: 1.3; }
.mg-creator-public-copy p { max-width: 900px; margin: 0; color: #536078; font-size: 14px; line-height: 1.7; }
.mg-creator-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 19px 25px 25px; }
.mg-creator-links > a { display: grid; grid-template-columns: 35px minmax(0, 1fr) auto; gap: 9px; align-items: center; min-width: 0; min-height: 52px; padding: 8px 10px; border: 1px solid #dce2ed; border-radius: 13px; background: #f9fafc; color: #222c42; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.mg-creator-links > a:hover { transform: translateY(-2px); border-color: #aebbe0; box-shadow: 0 9px 22px rgba(31, 43, 80, .1); }
.mg-creator-links b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.mg-creator-links > a > i { color: #66738c; font-size: 11px; font-style: normal; }

/* Copia automática dominical. */
.mg-weekly-telegram-backup {
  margin: 22px 0;
  overflow: hidden;
  border: 1px solid #d8e1ef;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 15px 40px rgba(20, 31, 62, .08);
}

.mg-weekly-telegram-backup > header {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: 17px;
  align-items: center;
  padding: 23px 27px;
  background:
    radial-gradient(circle at 88% 0, rgba(54, 185, 241, .2), transparent 33%),
    linear-gradient(135deg, #111a32, #243c68);
}

.mg-weekly-telegram-backup > header .mg-label { color: #84ddff; }
.mg-weekly-telegram-backup > header h2 { margin: 4px 0; color: #fff; font-size: 27px; }
.mg-weekly-telegram-backup > header p { max-width: 760px; margin: 0; color: #d2dced; font-size: 13px; }
.mg-weekly-telegram-backup > header > strong { padding: 8px 11px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 999px; background: rgba(255, 255, 255, .08); color: #a7efff; font-size: 10px; white-space: nowrap; }

.mg-weekly-backup-icon {
  position: relative;
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  border: 2px solid #73cceb;
  border-radius: 18px;
  background: linear-gradient(145deg, #40b9eb, #23799f);
  color: #fff;
  font-size: 27px;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .25);
}

.mg-weekly-backup-icon > i { position: absolute; right: -9px; bottom: -7px; padding: 5px 6px; border: 2px solid #172039; border-radius: 7px; background: #caff59; color: #18220d; font: 950 8px/1 monospace; }
.mg-weekly-backup-warning,
.mg-weekly-backup-error { padding: 16px 27px; border-bottom: 1px solid #ebd79c; background: #fff8e2; color: #664a1a; }
.mg-weekly-backup-error { border-color: #efc9ce; background: #fff0f2; color: #8b2e3b; }
.mg-weekly-backup-warning b,
.mg-weekly-backup-error b { font-size: 14px; }
.mg-weekly-backup-warning p,
.mg-weekly-backup-error p { margin: 3px 0; font-size: 11px; }
.mg-weekly-backup-warning a { color: #314eb8; font-size: 11px; font-weight: 850; }
.mg-weekly-backup-form { display: grid; gap: 18px; padding: 23px 27px 17px; }
.mg-weekly-backup-switch { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; padding: 15px 17px; border: 1px solid #cbdce8; border-radius: 14px; background: linear-gradient(135deg, #effaff, #f3f4ff); cursor: pointer; }
.mg-weekly-backup-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.mg-weekly-backup-switch > span { display: grid; gap: 2px; }
.mg-weekly-backup-switch b { color: #172039; font-size: 15px; }
.mg-weekly-backup-switch small { color: #67768a; font-size: 11px; }
.mg-weekly-backup-switch > i { position: relative; width: 52px; height: 29px; border-radius: 999px; background: #b9c3cf; }
.mg-weekly-backup-switch > i::after { position: absolute; top: 3px; left: 3px; width: 23px; height: 23px; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(0, 0, 0, .22); content: ""; transition: transform .2s; }
.mg-weekly-backup-switch input:checked ~ i { background: #229ed9; }
.mg-weekly-backup-switch input:checked ~ i::after { transform: translateX(23px); }
.mg-weekly-backup-switch input:focus-visible ~ i { outline: 3px solid rgba(34, 158, 217, .28); outline-offset: 2px; }
.mg-weekly-backup-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.mg-weekly-backup-fields > label { display: grid; gap: 6px; color: #263147; font-size: 12px; font-weight: 850; }
.mg-weekly-backup-fields input,
.mg-weekly-backup-fields select { width: 100%; min-height: 47px; padding: 10px 12px; border: 1px solid #ccd5e2; border-radius: 11px; background: #f8fafc; color: #121a2d; font-size: 13px; }
.mg-weekly-backup-fields input[readonly] { background: #eef2f7; color: #49566d; }
.mg-weekly-backup-fields small { color: #6d7a8e; font-size: 10px; font-weight: 550; }
.mg-weekly-backup-footer { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid #e5e9ef; }
.mg-weekly-backup-footer > div { display: grid; gap: 2px; }
.mg-weekly-backup-footer small { color: #738096; font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.mg-weekly-backup-footer b { color: #162035; font-size: 16px; }
.mg-weekly-backup-footer em { color: #67758a; font-size: 10px; font-style: normal; }
.mg-weekly-backup-test { display: flex; gap: 13px; align-items: center; padding: 14px 27px; border-top: 1px solid #dceaf0; background: #eff9fd; }
.mg-weekly-backup-test button { padding: 10px 13px; border: 1px solid #8dcde8; border-radius: 10px; background: #fff; color: #116f9b; font-size: 11px; font-weight: 850; cursor: pointer; }
.mg-weekly-backup-test small { color: #617589; font-size: 10px; }
.mg-weekly-backup-note { margin: 0; padding: 12px 27px; border-top: 1px solid #e5e9ef; background: #f8fafc; color: #657287; font-size: 10px; line-height: 1.55; }

@media (max-width: 900px) {
  .mg-creator-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mg-weekly-telegram-backup > header { grid-template-columns: 60px minmax(0, 1fr); }
  .mg-weekly-telegram-backup > header > strong { grid-column: 1 / -1; justify-self: start; }
}

@media (max-width: 620px) {
  .mg-creator-profile { margin: 24px 0; border-radius: 18px; }
  .mg-creator-profile > header { grid-template-columns: 54px minmax(0, 1fr); gap: 13px; padding: 19px 16px; }
  .mg-creator-profile > header h2 { font-size: 23px; }
  .mg-creator-orbit { width: 52px; height: 52px; }
  .mg-creator-form { padding: 18px 15px 21px; }
  .mg-creator-form fieldset { padding: 14px; }
  .mg-creator-link-fields { grid-template-columns: 1fr; }
  .mg-creator-form > button { width: 100%; text-align: center; }
  .mg-creator-public-copy { padding: 19px 16px 4px; }
  .mg-creator-links { grid-template-columns: 1fr; padding: 15px 16px 19px; }
  .mg-creator-links > a { min-height: 56px; }
  .mg-weekly-telegram-backup > header { grid-template-columns: 50px minmax(0, 1fr); gap: 12px; padding: 20px 16px; }
  .mg-weekly-telegram-backup > header h2 { font-size: 22px; }
  .mg-weekly-backup-icon { width: 48px; height: 48px; border-radius: 14px; font-size: 22px; }
  .mg-weekly-backup-warning,
  .mg-weekly-backup-error { padding: 14px 16px; }
  .mg-weekly-backup-form { padding: 18px 15px 14px; }
  .mg-weekly-backup-fields { grid-template-columns: 1fr; }
  .mg-weekly-backup-footer { align-items: stretch; flex-direction: column; }
  .mg-weekly-backup-footer button { width: 100%; }
  .mg-weekly-backup-test { align-items: stretch; flex-direction: column; padding: 14px 15px; }
  .mg-weekly-backup-test button { width: 100%; }
  .mg-weekly-backup-note { padding: 12px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .mg-creator-orbit::before,
  .mg-creator-orbit::after { animation: none; }
  .mg-creator-links > a,
  .mg-weekly-backup-switch > i::after { transition: none; }
}