/* SaltaConectada 1.0.150 / V250
   1) Banner fino post-Regiones
   2) Footer APP móvil como footer único en todas las plataformas públicas
   3) Todo en Salta: mismas alturas V248, mayor ancho útil por tarjeta
*/

/* =========================================================
   1) BANNER POST-REGIONES
   ========================================================= */
html body.home .sc-home-v250__promo{
  margin:8px 0 10px!important;
  padding:0!important;
}
html body.home .sc-home-v250__promo .jc-container{
  width:min(calc(100% - 24px),744px)!important;
  max-width:744px!important;
  margin-inline:auto!important;
  padding:0!important;
}
html body.home .sc-home-v250__promo-link{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:12px!important;
  background:#0b3f82!important;
  box-shadow:0 6px 16px rgba(14,54,103,.10)!important;
}
html body.home .sc-home-v250__promo-link img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  object-fit:contain!important;
}

/* =========================================================
   2) FOOTER APP GLOBAL
   Mismo contrato de la TabBar móvil: Inicio / Avisos / Publicar /
   Favoritos / Mensajes. En Windows se centra dentro del frame 768.
   ========================================================= */
html body:not(.wp-admin){
  --sc-v250-footer-h:60px;
  padding-bottom:calc(var(--sc-v250-footer-h) + env(safe-area-inset-bottom,0px))!important;
}
html body:not(.wp-admin) .jc-web-footer-v2{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  z-index:10030!important;
  width:min(100vw,768px)!important;
  max-width:768px!important;
  margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px)!important;
  transform:translateX(-50%)!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid rgba(23,105,224,.12)!important;
  background:rgba(255,255,255,.985)!important;
  color:#8e8e93!important;
  box-shadow:0 -6px 22px rgba(18,48,82,.09)!important;
  backdrop-filter:saturate(1.2) blur(12px)!important;
  -webkit-backdrop-filter:saturate(1.2) blur(12px)!important;
}
html body:not(.wp-admin) .jc-web-footer-v2__main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
html body:not(.wp-admin) .jc-web-footer-v2__brand,
html body:not(.wp-admin) .jc-footer-nav-webwin,
html body:not(.wp-admin) .jc-footer-webwin-install,
html body:not(.wp-admin) .jc-web-footer-v2__bottom,
html body:not(.wp-admin) .jc-web-footer-v2__mobile-meta{
  display:none!important;
}
html body:not(.wp-admin) .jc-mobile-tabbar-v2{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  gap:0!important;
  margin:0!important;
  padding:0 4px!important;
  overflow:visible!important;
  background:transparent!important;
}
html body:not(.wp-admin) .jc-mobile-tabbar-v2>.jc-tabbar-item{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8e8e93!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}
html body:not(.wp-admin) .jc-mobile-tabbar-v2>.jc-tabbar-item.is-current{color:#1769e0!important}
html body:not(.wp-admin) .jc-tabbar-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  margin:0!important;
  color:inherit!important;
}
html body:not(.wp-admin) .jc-tabbar-icon svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
}
html body:not(.wp-admin) .jc-tabbar-outline{
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body:not(.wp-admin) .jc-tabbar-filled{display:none!important;fill:currentColor!important;stroke:none!important}
html body:not(.wp-admin) .jc-tabbar-item.is-current .jc-tabbar-outline{display:none!important}
html body:not(.wp-admin) .jc-tabbar-item.is-current .jc-tabbar-filled{display:block!important}
html body:not(.wp-admin) .jc-tabbar-badge{
  position:absolute!important;
  top:3px!important;
  right:2px!important;
  display:grid!important;
  place-items:center!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#ef3f37!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 2px 5px rgba(90,20,20,.16)!important;
}
html body:not(.wp-admin) .jc-tabbar-badge[hidden],
html body:not(.wp-admin) .jc-tabbar-channel-probe{display:none!important}
html body:not(.wp-admin) .jc-tabbar-publish{overflow:visible!important;z-index:2!important}
html body:not(.wp-admin) .jc-tabbar-fab{
  position:relative!important;
  top:-8px!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#ff8500!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(255,133,0,.30),0 2px 7px rgba(13,43,75,.12)!important;
}
html body:not(.wp-admin) .jc-tabbar-fab svg{
  width:25px!important;
  height:25px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.8!important;
  stroke-linecap:round!important;
}
@media(max-width:360px){
  html body:not(.wp-admin) .jc-mobile-tabbar-v2{padding-inline:1px!important}
  html body:not(.wp-admin) .jc-tabbar-fab{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
}

/* =========================================================
   3) TODO EN SALTA: crecer A LO ANCHO, no en altura.
   Mantiene alturas V248 (154 / 174), pero usa todo el ancho de la celda.
   ========================================================= */
html body.home .sc-home-v224__category-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:8px!important;
  row-gap:16px!important;
  width:100%!important;
}
html body.home .sc-home-v224__category-grid>a{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
}
html body.home .sc-home-v224__category-grid>a>span{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:154px!important;
  max-height:154px!important;
  aspect-ratio:auto!important;
}
html body.home .sc-home-v224__category-grid img{
  width:94%!important;
  max-width:94%!important;
  height:76%!important;
  max-height:76%!important;
  object-fit:contain!important;
}
@media(min-width:521px){
  html body.home .sc-home-v224__category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:10px!important;
    row-gap:18px!important;
  }
  html body.home .sc-home-v224__category-grid>a>span{
    width:100%!important;
    max-width:none!important;
    height:174px!important;
    max-height:174px!important;
  }
}
@media(min-width:901px){
  html body.home .sc-home-v224__categories .jc-container{
    width:744px!important;
    max-width:744px!important;
  }
}