@import url('/styles/tokens.css?v=light-only-v1');
@import url('/styles/components.css?v=10.76.9');
@import url('/styles/screens.css?v=home-close-v1');
@import url('/styles/category-assets-v107610.css?v=6');
@import url('/styles/camioneta-photo.css?v=1');
@import url('/styles/global.css?v=keyboard-stable-v1');
@import url('/styles/back-marfil.css?v=1');
@import url('/styles/geo-live.css?v=2');

/* V10.76.10 · Tecnología: fuerza la fotografía corregida y rompe caché del PNG anterior. */
.category[data-id="tecnologia"] .category-art,
.category-list .category[href*="id=tecnologia"] .category-art{
  background-image:url('/assets/category-icons/tecnologia.png?v=tecnologia-final-v1') !important;
}
img[src*="/assets/category-icons/tecnologia.png"]{
  content:url('/assets/category-icons/tecnologia.png?v=tecnologia-final-v1');
}

/* V10.76.9 · comprobante accesible sin alterar el arranque de Mi Plaza */
.mobile-order-proof-link{appearance:none;border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;font:inherit;display:flex;flex-direction:column;gap:2px;cursor:pointer}.mobile-order-proof-link em{font-style:normal;font-size:.76rem;color:var(--brand,#005C43);font-weight:800;display:inline-flex;align-items:center;gap:4px}.mobile-order-proof-link .icon{width:14px;height:14px}.payment-proof-message.payment-proof-focus{outline:3px solid rgba(212,175,55,.55);box-shadow:0 0 0 6px rgba(212,175,55,.16);border-radius:18px;transition:box-shadow .25s ease}

/* LIGHT ONLY · único esquema visual permitido en la app. */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  color-scheme:light !important;
  --primary-color:#005C43 !important;
  --brand:#005C43 !important;
  --brand-active:#005C43 !important;
  --brand-strong:#003D2D !important;
  --brand-soft:#E5F1ED !important;
  --on-brand:#FFFFFF !important;
  --gold:#D4AF37 !important;
  --gold-strong:#AF700C !important;
  --gold-soft:#F6D167 !important;
  --on-gold:#18221D !important;
  --bg:#FFFFFF !important;
  --surface:#FFFFFF !important;
  --surface-2:#F8FBF9 !important;
  --surface-3:#EEF7F2 !important;
  --text:#18221D !important;
  --text-soft:#35423B !important;
  --muted:#61706A !important;
  --border:#DCE7E1 !important;
  --success:#005C43 !important;
  --success-soft:#E2F5EB !important;
  --danger:#B4232B !important;
  --danger-soft:#FCEBEC !important;
  --warning:#A56A00 !important;
  --warning-soft:#FFF4D8 !important;
  --icon-primary:#18221D !important;
  --icon-secondary:#61706A !important;
  --icon-active:#005C43 !important;
  --icon-muted:#8A9690 !important;
}
html,
body{
  color-scheme:light !important;
  background-color:#FFFFFF !important;
}
body{
  color:#1A1A1A !important;
}
.theme-choice,
[data-theme-mode]{
  display:none !important;
}

/* Ficha de comercio · los logos nunca se recortan. */
.business-grid-photo:not(.category-photo) img{
  object-fit:contain !important;
  object-position:center center !important;
  padding:8px !important;
  background:transparent !important;
}
.business-logo img{
  object-fit:contain !important;
  padding:5px !important;
  background:var(--surface) !important;
}

/* Cerca de ti · cuando existe portada se usa como fotografía de la tarjeta. */
.business-grid-photo.nearby-cover-filled{
  position:relative !important;
  overflow:hidden !important;
  background:var(--surface-2) !important;
}
.business-grid-photo.nearby-cover-filled::before,
.business-grid-photo.nearby-cover-filled::after{
  content:none !important;
  display:none !important;
}
.business-grid-photo.nearby-cover-filled img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  background:transparent !important;
}

/* Si no hay portada, el logo completo permanece visible y el mismo logo rellena el fondo. */
.business-grid-photo.nearby-logo-filled{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  background:var(--surface-2) !important;
}
.business-grid-photo.nearby-logo-filled::before{
  content:"";
  position:absolute;
  inset:-14%;
  z-index:0;
  background-image:var(--nearby-logo-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(12px) saturate(.9);
  transform:scale(1.08);
  opacity:.5;
}
.business-grid-photo.nearby-logo-filled::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:rgba(255,255,255,.16);
  pointer-events:none;
}
.business-grid-photo.nearby-logo-filled img{
  position:absolute !important;
  inset:3px 5px !important;
  z-index:2 !important;
  width:calc(100% - 10px) !important;
  height:calc(100% - 6px) !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  background:transparent !important;
}