/* Salta Pro Octubre 2026 · V225
   GLOBAL FOOTER MASTER · APP-FIRST
   Autoridad visual única en Home, micrositios, publicaciones, tablet y Windows.
*/

:root{
  --sc-footer-master-h:44px;
  --sc-footer-master-reserve:62px;
}

/* Reserva global: el footer fijo nunca debe tapar el final del contenido. */
html body:not(.wp-admin){
  padding-bottom:calc(var(--sc-footer-master-reserve) + env(safe-area-inset-bottom,0px))!important;
}

/* Un único frame de footer: blanco, fijo y centrado. */
html body:not(.wp-admin) .jc-web-footer-v2{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  z-index:2147483400!important;
  box-sizing:border-box!important;
  width:min(768px,100%)!important;
  max-width:768px!important;
  height:calc(var(--sc-footer-master-h) + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(var(--sc-footer-master-h) + env(safe-area-inset-bottom,0px))!important;
  max-height:none!important;
  margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px)!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid #edf0f3!important;
  background:#fff!important;
  color:#8d9296!important;
  box-shadow:0 -5px 18px rgba(40,47,60,.09)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* El footer histórico azul deja de participar visualmente. */
html body:not(.wp-admin) .jc-web-footer-v2__main{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:var(--sc-footer-master-h)!important;
  min-height:var(--sc-footer-master-h)!important;
  max-height:var(--sc-footer-master-h)!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}

html body:not(.wp-admin) :is(
  .jc-web-footer-v2__brand,
  .jc-footer-nav-webwin,
  .jc-footer-webwin-install,
  .jc-web-footer-v2__menu,
  .jc-web-footer-v2__bottom,
  .jc-web-footer-v2__mobile-meta
){
  display:none!important;
}

/* La TabBar oficial de APP pasa a ser el footer de todas las plataformas. */
html body:not(.wp-admin) .jc-footer-nav-mobile-app.jc-mobile-tabbar-v2,
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:var(--sc-footer-master-h)!important;
  min-height:var(--sc-footer-master-h)!important;
  max-height:var(--sc-footer-master-h)!important;
  gap:0!important;
  margin:0!important;
  padding:0 10px!important;
  overflow:visible!important;
  background:#fff!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:var(--sc-footer-master-h)!important;
  min-height:var(--sc-footer-master-h)!important;
  max-height:var(--sc-footer-master-h)!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8d9296!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  transform:none!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2>.jc-tabbar-item.is-current{
  color:#1877df!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  margin:0!important;
  color:inherit!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-icon svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-filled{
  display:none!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-outline{
  display:block!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2>.jc-tabbar-item.is-current .jc-tabbar-filled{
  display:block!important;
  fill:currentColor!important;
  stroke:none!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2>.jc-tabbar-item.is-current .jc-tabbar-outline{
  display:none!important;
}

/* FAB central Publicar, idéntico al Home aprobado. */
html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-publish{
  overflow:visible!important;
  z-index:4!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-fab{
  position:absolute!important;
  left:50%!important;
  top:-18px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  background:#ff9d16!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(255,157,22,.36),0 0 0 1px rgba(255,157,22,.25)!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-fab svg{
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}

/* Badges */
html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-badge{
  position:absolute!important;
  top:-5px!important;
  right:-8px!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:#ff7e00!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-badge[hidden],
html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-channel-probe[hidden]{
  display:none!important;
}

html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-channel-probe{
  display:none!important;
}

/* Móvil: ocupa todo el ancho real. */
@media(max-width:520px){
  html body:not(.wp-admin) .jc-web-footer-v2{
    width:100%!important;
    max-width:none!important;
  }

  html body:not(.wp-admin) .jc-mobile-tabbar-v2{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* Tablet / Windows: misma experiencia APP dentro del frame de 768 px. */
@media(min-width:521px){
  html body:not(.wp-admin) .jc-web-footer-v2{
    width:min(768px,100%)!important;
    max-width:768px!important;
  }
}

/* Native/PWA: neutraliza las reglas históricas de 75 px para que no exista doble footer. */
html.jc-pwa-standalone body:not(.wp-admin),
body.jc-native-app:not(.wp-admin){
  padding-bottom:calc(var(--sc-footer-master-reserve) + env(safe-area-inset-bottom,0px))!important;
}

html.jc-pwa-standalone body:not(.wp-admin) .jc-web-footer-v2,
body.jc-native-app:not(.wp-admin) .jc-web-footer-v2{
  height:calc(var(--sc-footer-master-h) + env(safe-area-inset-bottom,0px))!important;
  min-height:calc(var(--sc-footer-master-h) + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
  border-top:1px solid #edf0f3!important;
}

/* Accesibilidad */
@media(prefers-reduced-motion:reduce){
  html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-item,
  html body:not(.wp-admin) .jc-mobile-tabbar-v2 .jc-tabbar-fab{
    transition:none!important;
  }
}