/* JujuyConectado Pro 2026 · V457 Mobile Web Compact Final
 * Alcance exclusivo: navegador móvil <=760 px.
 * APP/PWA standalone y app nativa quedan fuera de estas reglas.
 */
@media (max-width:760px){
  /* Home · Encontrá exactamente lo que necesitás: dos pistas de 5, tres visibles. */
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-logo-grid-v253{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-track-v253{
    display:flex!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 7px!important;
    margin:0!important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-track-v253 + .jc-category-track-v253{
    margin-top:4px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-track-v253::-webkit-scrollbar{display:none!important}
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-track-v253 > .jc-category-tile{
    flex:0 0 calc((100% - 12px)/3)!important;
    width:calc((100% - 12px)/3)!important;
    min-width:0!important;
    min-height:100px!important;
    height:100px!important;
    padding:5px 4px!important;
    gap:0!important;
    border-radius:12px!important;
    scroll-snap-align:start;
    scroll-snap-stop:normal;
    touch-action:manipulation;
    transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-logo-image-v252{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:96%!important;
    max-height:94%!important;
    margin:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-tile:active{
    transform:scale(.985)!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-section-heading{
    margin-bottom:10px!important;
  }

  /* Footer web móvil: compacto, no fijo, sin heredar el SVG gigante de escritorio. */
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-web-footer-v2__main{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:10px!important;
    padding:15px 0 12px!important;
    text-align:center!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-web-footer-v2__brand p{
    margin-top:3px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    gap:5px!important;
    margin:0!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin>a{
    min-height:50px!important;
    padding:5px 2px!important;
    gap:3px!important;
    border-radius:10px!important;
    font-size:8.1px!important;
    line-height:1.05!important;
    transform:none!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin .jc-web-footer-v2__icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin .jc-web-footer-v2__icon svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin>a.is-publish{
    transform:none!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin>a.is-publish .jc-web-footer-v2__icon{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-nav-webwin>a.is-publish .jc-web-footer-v2__icon svg{
    width:22px!important;
    height:22px!important;
  }

  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-webwin-install{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    justify-content:center!important;
    align-items:center!important;
    padding:0!important;
    margin:1px 0 0!important;
    gap:0!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-webwin-install__action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:34px!important;
    padding:6px 11px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-webwin-install__icon{
    display:grid!important;
    place-items:center!important;
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
    min-width:19px!important;
    min-height:19px!important;
    max-width:19px!important;
    max-height:19px!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-footer-webwin-install__icon svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  html:not(.jc-pwa-standalone) body:not(.jc-native-app) .jc-web-footer-v2__bottom-row{
    min-height:0!important;
    padding:7px 0!important;
    gap:0!important;
    font-size:9.5px!important;
    line-height:1.25!important;
  }
}