/* TiendiGo V1 - Opción C exacta corregida.
   Objetivo: que el resultado se vea como la simulación aprobada incluso cuando la app se abre en escritorio
   con un contenedor angosto, sin depender del ancho total del viewport. */
.page-home .tg-unified-categories,
.page-home .tg-unified-subcategories{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
  gap:6px!important;scroll-snap-type:x proximity!important;touch-action:pan-x pan-y!important;
  -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:2px 0 6px!important;
}
.page-home .tg-unified-categories::-webkit-scrollbar,
.page-home .tg-unified-subcategories::-webkit-scrollbar{display:none!important}
.page-home .tg-unified-categories a,
.page-home .tg-unified-subcategories a{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  box-sizing:border-box!important;flex:0 0 clamp(72px,calc((100% - 24px)/5),112px)!important;
  width:clamp(72px,calc((100% - 24px)/5),112px)!important;
  min-width:clamp(72px,calc((100% - 24px)/5),112px)!important;
  height:88px!important;min-height:88px!important;padding:6px 3px!important;gap:4px!important;
  border-radius:18px!important;background:linear-gradient(180deg,#161d28 0%,#0f141c 100%)!important;
  border:1px solid #2b3545!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 14px rgba(0,0,0,.26)!important;
  text-decoration:none!important;color:#fff!important;overflow:hidden!important;scroll-snap-align:start!important;
}
.page-home .tg-unified-categories a>span,
.page-home .tg-unified-subcategories a>span{
  display:grid!important;place-items:center!important;flex:0 0 auto!important;width:48px!important;height:48px!important;
  min-width:48px!important;max-width:48px!important;background:transparent!important;border:0!important;border-radius:50%!important;
  box-shadow:none!important;padding:0!important;margin:0!important;
}
.page-home .tg-unified-categories a .tg-optc-icon,
.page-home .tg-unified-subcategories a .tg-optc-icon{
  display:block!important;width:48px!important;height:48px!important;max-width:none!important;object-fit:contain!important;
  filter:none!important;border:0!important;box-shadow:none!important;
}
.page-home .tg-unified-categories a strong,
.page-home .tg-unified-subcategories a strong{
  display:block!important;width:100%!important;font-size:clamp(9px,1.85vw,11px)!important;line-height:1.08!important;
  font-weight:750!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:#f7f9fc!important;text-shadow:0 1px 3px #000!important;min-height:12px!important;letter-spacing:-.01em!important;
}
.page-home .tg-unified-categories a.active,
.page-home .tg-unified-subcategories a.active{
  border-color:#ff9b38!important;box-shadow:0 0 0 1px rgba(255,153,56,.18) inset,0 0 14px rgba(255,122,22,.25)!important;
}
.page-home .tg-unified-quick-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0 0 4px!important}
.page-home .tg-unified-quick-chips::-webkit-scrollbar{display:none!important}
.page-home .tg-unified-quick-chips a{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px!important;padding:0 16px!important;background:linear-gradient(180deg,#232b36,#1b222c)!important;
  color:#fff!important;border:1px solid #364051!important;border-radius:999px!important;text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 3px 10px rgba(0,0,0,.16)!important;white-space:nowrap!important;
}
.page-home .tg-unified-quick-chips a strong{font-size:clamp(9px,1.9vw,12px)!important;line-height:1!important}
.page-home .tg-unified-quick-chips a .tg-chip-pill-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;background:transparent!important}
.page-home .tg-unified-quick-chips .tg-optc-icon{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}
.page-home .tg-unified-quick-chips a.active{border-color:#ff9335!important;box-shadow:0 0 9px rgba(255,136,28,.2)!important}

/* Rail social dentro de imagen/video, estilo vertical aprobado. */
.page-home .tg-visual-social-post .tg-feed-media-wrap,
.page-home .tg-visual-social-post.tg-feed-video .tg-feed-video-player{position:relative!important;isolation:isolate!important;overflow:visible!important}
.page-home .tg-visual-social-post .tg-feed-media-wrap > .tg-feed-social-rail,
.page-home .tg-visual-social-post.tg-feed-video .tg-feed-video-player > .tg-feed-social-rail{
  position:absolute!important;top:auto!important;right:8px!important;bottom:14px!important;left:auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;width:46px!important;min-width:46px!important;
  max-width:46px!important;gap:10px!important;margin:0!important;padding:0!important;z-index:25!important;background:transparent!important;
  border:0!important;transform:none!important;pointer-events:auto!important;overflow:visible!important;
}
.page-home .tg-visual-social-post.tg-feed-video .tg-feed-video-player > .tg-feed-social-rail{bottom:68px!important}
.page-home .tg-visual-social-post .tg-feed-social-rail :is(form,.tg-feed-like-link){display:flex!important;justify-content:center!important;width:46px!important;max-width:46px!important;margin:0!important;padding:0!important;background:transparent!important}
.page-home .tg-visual-social-post .tg-feed-social-rail :is(button,a).tg-feed-icon-action{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  width:46px!important;max-width:46px!important;min-width:46px!important;min-height:47px!important;height:auto!important;
  margin:0!important;padding:0!important;gap:3px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;outline-offset:2px!important;font-size:12px!important;color:#fff!important;text-decoration:none!important;cursor:pointer!important;
}
.page-home .tg-visual-social-post .tg-feed-social-rail .tg-feed-action-icon{
  display:block!important;flex:0 0 30px!important;width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;
  stroke:#fff!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;
  color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.95))!important;
}
.page-home .tg-visual-social-post .tg-feed-social-rail .tg-feed-action-icon path{fill:none!important;stroke:currentColor!important}
.page-home .tg-visual-social-post .tg-feed-social-rail .liked .tg-feed-action-icon,
.page-home .tg-visual-social-post .tg-feed-social-rail .saved .tg-feed-action-icon{color:#ff7a27!important;stroke:#ff7a27!important}
.page-home .tg-visual-social-post .tg-feed-social-rail .liked .tg-feed-action-icon path,
.page-home .tg-visual-social-post .tg-feed-social-rail .saved .tg-feed-action-icon path{fill:currentColor!important}
.page-home .tg-visual-social-post .tg-feed-social-rail .tg-feed-action-count{
  display:block!important;width:100%!important;min-height:13px!important;margin:0!important;padding:0!important;
  font-size:10px!important;line-height:13px!important;font-weight:800!important;color:#fff!important;text-align:center!important;
  white-space:nowrap!important;text-shadow:0 2px 4px #000!important;
}
@media (max-width:420px){
  .page-home .tg-unified-categories a,
  .page-home .tg-unified-subcategories a{
    flex-basis:calc((100% - 24px)/5)!important;width:calc((100% - 24px)/5)!important;min-width:calc((100% - 24px)/5)!important;
  }
}

/* Color 3D V4: gráficos completos dentro de los marcos actuales, sin tocar medidas. */
.page-home .tg-unified-categories a .tg-color-icon,
.page-home .tg-unified-subcategories a .tg-color-icon,
.page-home .tg-unified-quick-chips a .tg-color-icon{
 object-fit:contain!important;image-rendering:auto!important;filter:drop-shadow(0 1px 3px rgba(255,119,0,.18))!important;
}