/* Salta Pro Octubre 2026 · V226
   MICROSITE NAVIGATION MASTER · APP-FIRST
*/

html body.sc-microsite-master-v226{
  --sc-microsite-frame-v226:768px;
  --sc-microsite-content-v226:744px;
}

/* Franja de navegación entre Header global e identidad del micrositio. */
html body.sc-microsite-master-v226 .sc-microsite-nav-v226{
  position:relative;
  z-index:40;
  box-sizing:border-box;
  width:100%;
  max-width:var(--sc-microsite-frame-v226);
  margin:0 auto;
  padding:7px 12px 6px;
  background:#fff;
  border-bottom:1px solid #edf0f3;
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  max-width:var(--sc-microsite-content-v226);
  min-width:0;
  margin:0 auto;
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:36px;
  color:#273442;
  text-decoration:none;
  font:800 11px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon{
  flex:0 0 34px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #dce3ea;
  border-radius:50%;
  background:#fff;
  color:#8f0e24;
  box-shadow:0 3px 9px rgba(29,40,52,.06);
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon svg{
  display:block;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__text{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__current{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#737c85;
  font:750 10px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:right;
}

/* Una geometría común sin reconstruir los micrositios. */
html body.sc-microsite-master-v226 .jc-container{
  box-sizing:border-box!important;
  width:calc(100% - 24px)!important;
  max-width:var(--sc-microsite-content-v226)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body.sc-microsite-master-v226 :is(
  .sc-solos177-shell,
  .jc-ccj5-shell,
  .sc-community-id-v253__inner,
  .sc-scrd144__shell
){
  box-sizing:border-box!important;
  width:calc(100% - 24px)!important;
  max-width:var(--sc-microsite-content-v226)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* El frame completo nunca vuelve a escritorio ancho. */
html body.sc-microsite-master-v226 :is(
  .jc-zone-site,
  .sc-solos177-main,
  .sc-cuponeta-v121,
  .jc-ccj5,
  .sc-scrd144
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--sc-microsite-frame-v226)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Desktop/Windows conserva el mismo lenguaje Tablet centrado. */
@media(min-width:901px){
  html body.sc-microsite-master-v226 .sc-microsite-nav-v226{
    width:var(--sc-microsite-frame-v226);
    max-width:var(--sc-microsite-frame-v226);
  }
}

/* En APP la flecha manda y el texto secundario no roba espacio. */
@media(max-width:420px){
  html body.sc-microsite-master-v226 .sc-microsite-nav-v226{
    padding-left:10px;
    padding-right:10px;
  }

  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__back{
    min-height:34px;
  }

  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon{
    flex-basis:32px;
    width:32px;
    height:32px;
  }

  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon svg{
    width:17px;
    height:17px;
  }

  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__text{
    max-width:140px;
  }

  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__current{
    max-width:112px;
    font-size:9.5px;
  }
}

/* Touch + teclado. */
html body.sc-microsite-master-v226 .sc-microsite-nav-v226__back:focus-visible{
  outline:2px solid #31b9e1;
  outline-offset:2px;
  border-radius:999px;
}

@media(hover:hover) and (pointer:fine){
  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__back:hover .sc-microsite-nav-v226__icon{
    transform:translateX(-2px);
    border-color:#c9d3dd;
    box-shadow:0 5px 13px rgba(29,40,52,.10);
  }
}

html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

@media(prefers-reduced-motion:reduce){
  html body.sc-microsite-master-v226 .sc-microsite-nav-v226__icon{
    transition:none!important;
    transform:none!important;
  }
}