/* MercadilloGeek 3.9.9 · fotografías completas en escritorio + informe diario Telegram */

/* El mismo marco 4:3 y sin recorte se aplica ahora en todos los tamaños. */
body.mg-marketplace-page .mg-grid .mg-card-readable .mg-visual,
body.mg-marketplace-page .mg-search-grid .mg-card-readable .mg-visual {
  aspect-ratio: 4 / 3;
  background: linear-gradient(145deg, #f2f5f9, #e8edf4);
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden;
  width: 100%;
}

body.mg-marketplace-page .mg-grid .mg-card-readable .mg-visual img,
body.mg-marketplace-page .mg-search-grid .mg-card-readable .mg-visual img {
  display: block;
  height: 100% !important;
  max-height: 100%;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
}

/* La fotografía principal del anuncio y sus miniaturas tampoco recortan. */
body.mg-marketplace-page .mg-detail .mg-gallery {
  aspect-ratio: 4 / 3;
  background: linear-gradient(145deg, #f2f5f9, #e8edf4);
  height: auto !important;
  min-height: 0 !important;
}

body.mg-marketplace-page .mg-detail .mg-gallery-zoom {
  height: 100%;
  min-height: 0;
  width: 100%;
}

body.mg-marketplace-page .mg-detail .mg-gallery .mg-main-product-image {
  display: block;
  height: 100% !important;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
}

body.mg-marketplace-page .mg-detail .mg-thumbnail-button img {
  background: #eef2f7;
  object-fit: contain !important;
  object-position: center center !important;
}

.mg-telegram-daily-report {
  background: #fff;
  border: 1px solid #d9e2ed;
  border-radius: 22px;
  box-shadow: 0 20px 52px #17243f12;
  margin-top: 22px;
  overflow: hidden;
}

.mg-telegram-daily-report > header {
  align-items: center;
  background: radial-gradient(circle at 92% 8%, #a7ff5c33, transparent 26%), linear-gradient(135deg, #111a32, #1e2b50 58%, #263b54);
  color: #fff;
  display: grid;
  gap: 18px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 27px 29px;
}

.mg-telegram-daily-report > header .mg-label { color: #9cff64; }
.mg-telegram-daily-report > header h2 { color: #fff; font-size: 29px; letter-spacing: -1px; margin: 4px 0; }
.mg-telegram-daily-report > header p { color: #cbd5e7; font-size: 14px; margin: 0; max-width: 720px; }
.mg-telegram-daily-report > header > strong { background: #ffffff12; border: 1px solid #ffffff26; border-radius: 999px; color: #a7f77c; font-size: 11px; padding: 8px 12px; white-space: nowrap; }

.mg-telegram-report-icon {
  align-items: center;
  background: linear-gradient(145deg, #8b5cf6, #4f46e5);
  border: 2px solid #b9adff;
  border-radius: 16px;
  box-shadow: 0 11px 25px #0005;
  display: flex;
  font-size: 30px;
  height: 62px;
  justify-content: center;
  position: relative;
  transform: rotate(-4deg);
  width: 62px;
}

.mg-telegram-report-icon i { background: #baff35; border: 2px solid #19233a; border-radius: 7px; bottom: -7px; color: #17210c; font: 950 9px/1 monospace; padding: 5px 6px; position: absolute; right: -9px; }

.mg-telegram-report-now { background: #f5f7fb; border-bottom: 1px solid #e0e6ee; display: grid; gap: 1px; grid-template-columns: repeat(4, 1fr); }
.mg-telegram-report-now > span { background: #fff; display: grid; gap: 4px; padding: 18px 22px; }
.mg-telegram-report-now small { color: #748198; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
.mg-telegram-report-now b { color: #152039; font-size: 25px; }

.mg-telegram-report-form { padding: 25px 28px 16px; }
.mg-telegram-report-master { align-items: center; background: linear-gradient(135deg, #eef9ff, #f3f2ff); border: 1px solid #cbdde9; border-radius: 14px; cursor: pointer; display: grid; gap: 14px; grid-template-columns: 1fr auto; margin-bottom: 20px; padding: 16px 18px; }
.mg-telegram-report-master input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.mg-telegram-report-master span { display: grid; gap: 3px; }
.mg-telegram-report-master b { color: #152039; font-size: 16px; }
.mg-telegram-report-master small { color: #68768a; font-size: 12px; }
.mg-telegram-report-master > i { background: #bac4d0; border-radius: 999px; height: 28px; position: relative; width: 50px; }
.mg-telegram-report-master > i::after { background: #fff; border-radius: 50%; box-shadow: 0 2px 7px #0003; content: ""; height: 22px; left: 3px; position: absolute; top: 3px; transition: transform .2s; width: 22px; }
.mg-telegram-report-master input:checked ~ i { background: #229ed9; }
.mg-telegram-report-master input:checked ~ i::after { transform: translateX(22px); }

.mg-telegram-report-fields { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin-bottom: 23px; }
.mg-telegram-report-fields > label { color: #263247; display: grid; font-size: 13px; font-weight: 850; gap: 7px; }
.mg-telegram-report-fields input,
.mg-telegram-report-fields select { background: #f8fafc; border: 1px solid #cfd8e4; border-radius: 11px; color: #131b2d; min-height: 48px; padding: 10px 12px; width: 100%; }
.mg-telegram-report-fields small { color: #718095; font-size: 11px; font-weight: 500; }

.mg-telegram-report-form fieldset { border: 0; margin: 0; padding: 0; }
.mg-telegram-report-form legend { color: #263247; font-size: 14px; font-weight: 900; margin-bottom: 10px; }
.mg-telegram-report-metrics { display: grid; gap: 9px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mg-telegram-report-metrics > label { align-items: center; background: #f8fafc; border: 1px solid #dce3eb; border-radius: 13px; cursor: pointer; display: grid; gap: 11px; grid-template-columns: auto 1fr auto; min-height: 78px; padding: 12px; }
.mg-telegram-report-metrics input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.mg-telegram-report-metrics > label > span { align-items: center; background: #e9f5fc; border-radius: 10px; display: flex; font-size: 18px; height: 40px; justify-content: center; width: 40px; }
.mg-telegram-report-metrics > label > div { display: grid; gap: 2px; }
.mg-telegram-report-metrics b { color: #172033; font-size: 14px; }
.mg-telegram-report-metrics small { color: #6e7a8c; font-size: 10px; line-height: 1.35; }
.mg-telegram-report-metrics > label > i { align-items: center; background: #c8d0da; border-radius: 50%; color: #fff; display: flex; font-size: 11px; height: 23px; justify-content: center; width: 23px; }
.mg-telegram-report-metrics label:has(input:checked) { background: #f3fbff; border-color: #94cfe9; }
.mg-telegram-report-metrics input:checked ~ i { background: #178dc4; }

.mg-telegram-report-footer { align-items: center; border-top: 1px solid #e7ebf0; display: flex; gap: 18px; justify-content: space-between; margin-top: 22px; padding-top: 18px; }
.mg-telegram-report-footer > div { display: grid; gap: 2px; }
.mg-telegram-report-footer small { color: #758297; font-size: 9px; font-weight: 900; letter-spacing: 1px; }
.mg-telegram-report-footer b { color: #172033; font-size: 16px; }
.mg-telegram-report-footer em { color: #6c788b; font-family: inherit; font-size: 11px; font-style: normal; }

.mg-telegram-report-test { align-items: center; background: #f1f8fc; border-top: 1px solid #d9e8ef; display: flex; gap: 13px; padding: 15px 28px; }
.mg-telegram-report-test button { background: #fff; border: 1px solid #91cce7; border-radius: 10px; color: #116f9b; cursor: pointer; font-size: 12px; font-weight: 850; padding: 10px 13px; }
.mg-telegram-report-test small { color: #617589; font-size: 11px; }
.mg-telegram-report-warning { background: #fff8e6; border-bottom: 1px solid #f0d99e; color: #69491d; padding: 18px 28px; }
.mg-telegram-report-warning b { font-size: 15px; }
.mg-telegram-report-warning p { font-size: 12px; margin: 4px 0; }
.mg-telegram-report-warning a { color: #7046b8; font-size: 12px; font-weight: 850; }
.mg-telegram-report-cron-note { background: #f8fafc; border-top: 1px solid #e4e9ef; color: #6b7788; font-size: 10px; line-height: 1.5; margin: 0; padding: 12px 28px; }

@media (max-width: 720px) {
  .mg-telegram-daily-report > header { align-items: start; grid-template-columns: auto 1fr; padding: 22px 18px; }
  .mg-telegram-daily-report > header > strong { grid-column: 1 / -1; justify-self: start; }
  .mg-telegram-daily-report > header h2 { font-size: 25px; }
  .mg-telegram-report-icon { font-size: 25px; height: 52px; width: 52px; }
  .mg-telegram-report-now { grid-template-columns: repeat(2, 1fr); }
  .mg-telegram-report-now > span { padding: 15px 17px; }
  .mg-telegram-report-form { padding: 20px 17px 14px; }
  .mg-telegram-report-fields,
  .mg-telegram-report-metrics { grid-template-columns: 1fr; }
  .mg-telegram-report-footer { align-items: stretch; flex-direction: column; }
  .mg-telegram-report-footer button { width: 100%; }
  .mg-telegram-report-test { align-items: stretch; flex-direction: column; padding: 15px 17px; }
  .mg-telegram-report-test button { width: 100%; }
  .mg-telegram-report-warning,
  .mg-telegram-report-cron-note { padding-inline: 17px; }
}