/* MisReferidos · SOLO PRUEBAS · 08/11/2026
   Una interfaz simple: comparativas en categorías; tarjetas completas en Inicio.
   Los datos de las tarjetas siguen en el DOM para que la comparativa dinámica funcione.
*/
html body:not(.mr-admin-page) main.category-page .mr-category-source,
html body:not(.mr-admin-page) main.category-page section.panel.mr-category-source {
  display: none !important;
}
html body:not(.mr-admin-page) main.category-page .mr-compare-category-nav,
html body:not(.mr-admin-page) main.category-page nav.mr-compare-category-nav {
  display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;
  gap:12px 18px;margin:14px 0 0;padding:16px 18px;
  border:1px solid #d8e0ed;border-radius:14px;background:#fff;
}
html body:not(.mr-admin-page) main.category-page .mr-compare-category-nav p {
  margin:0;flex:1 1 240px;color:#475467;font-size:.92rem;line-height:1.5;
}
html body:not(.mr-admin-page) main.category-page .mr-category-home-link {
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
  max-width:100%;box-sizing:border-box;min-height:44px;padding:10px 16px;
  border-radius:10px;color:#fff;background:linear-gradient(115deg,#3163f0,#7b32f2);
  text-decoration:none;font-weight:750;line-height:1.4;
}
html body:not(.mr-admin-page) main.category-page .mr-category-home-link:focus-visible {
 outline:3px solid #5b42fa;outline-offset:3px;
}

/* A SINGLE VISUAL LOGO SIZE for actual brand marks, not category icons.
   Force an explicit box so previous mobile overrides cannot shrink logos to 24px. */
html body:not(.mr-admin-page) main :is(#grid,.category-promo-grid) article.card .brand img.logo,
html body:not(.mr-admin-page) main.page section.offer-head > .brand > img.logo,
html body:not(.mr-admin-page) main #box .offer-head .promohead > img,
html body:not(.mr-admin-page) main.category-page .mr-comparison .mr-compare-brand img.mr-compare-logo,
html body:not(.mr-admin-page) main.category-page .mr-compare td .mr-compare-brand img.mr-compare-logo {
  display:block!important;
  width:40px!important;height:40px!important;
  min-width:40px!important;max-width:40px!important;
  min-height:40px!important;max-height:40px!important;
  flex:0 0 40px!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
  padding:3px!important;
  border-radius:10px!important;
}
/* Maintain the same dimension on phones and wide screens. */
html body:not(.mr-admin-page) main.category-page .mr-compare-brand {display:inline-flex!important;align-items:center!important;gap:9px!important;min-width:0!important;}
html body:not(.mr-admin-page) main.category-page .mr-compare-wrap {overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
html body:not(.mr-admin-page) main.page section.offer-head > .brand,
html body:not(.mr-admin-page) main #box .offer-head .promohead {
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:flex-start!important;flex-wrap:nowrap!important;gap:10px!important;
  min-width:0!important;
}
/* New promotions: prevent the very narrow badge column that printed L O T E R Í A S vertically. */
html body:not(.mr-admin-page) main #box .offer-head .promohead > div {
  display:block!important;flex:0 1 auto!important;min-width:max-content!important;
  width:auto!important;max-width:calc(100% - 50px)!important;
  text-align:left!important;
}
html body:not(.mr-admin-page) main #box .offer-head .promohead .badge,
html body:not(.mr-admin-page) main.page section.offer-head > .brand .badge {
  display:inline-block!important;position:static!important;
  width:max-content!important;min-width:max-content!important;
  max-width:100%!important;white-space:nowrap!important;
  writing-mode:horizontal-tb!important;text-orientation:mixed!important;
  word-break:normal!important;overflow-wrap:normal!important;
  font-size:11px!important;line-height:1.3!important;
}
@media(max-width:620px){
 html body:not(.mr-admin-page) main.category-page .mr-compare-category-nav {padding:14px 12px;}
 html body:not(.mr-admin-page) main.category-page .mr-category-home-link {width:100%;}
}