/* SaltaConectada 1.0.127 / V227
   HOME LOGOS -20% + MICROSITES JC FRAME CONTRACT
   APP = autoridad visual. Windows público = frame 768 centrado.
   Header, Footer, Control y drawer quedan fuera del scope. */

/* =========================================================
   HOME · regla única y predecible: todos los logos al 80%
   Sin escalas ópticas individuales ni crop.
   ========================================================= */
html body.home .sc-home-v224 :is(
  .sc-home-v224__action-media,
  .sc-home-v224__social-grid>a,
  .sc-home-v224__discover-grid>a,
  .sc-home-v224__category-grid>a>span
){
  overflow:visible!important;
}

html body.home .sc-home-v224 :is(
  .sc-home-v224__action-media img,
  .sc-home-v224__social-grid img,
  .sc-home-v224__discover-grid img,
  .sc-home-v224__category-grid img
){
  display:block!important;
  width:80%!important;
  max-width:80%!important;
  height:80%!important;
  max-height:80%!important;
  margin:auto!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* Medios con altura conocida: centrar el 80% sin alterar la tarjeta. */
html body.home .sc-home-v224__action-media,
html body.home .sc-home-v224__category-grid>a>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body.home .sc-home-v224__social-grid>a,
html body.home .sc-home-v224__discover-grid>a{
  align-items:center!important;
}

/* En sociales/descubrir el alto pertenece al contenedor, no al arte. */
html body.home .sc-home-v224__social-grid>a>img{
  flex:0 0 auto!important;
  height:auto!important;
  max-height:88px!important;
}
html body.home .sc-home-v224__discover-grid img{
  height:auto!important;
  max-height:58px!important;
}

/* Launcher 3x3: zona segura estable. */
html body.home .sc-home-v224__category-grid>a>span{
  padding:4px!important;
}
html body.home .sc-home-v224__category-grid strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* =========================================================
   MICROSITIOS · CONTRATO JC BLINDADO
   1. APP conserva composición móvil y 12px de gutter.
   2. Windows público NO diseña a 1024/1200: frame fijo 768.
   3. Shells internos históricos pierden max-width propio y
      ocupan el 100% del frame útil.
   ========================================================= */
html body.sc-microsite-v127{
  --sc-jc-frame:768px;
  --sc-jc-gutter:12px;
  overflow-x:clip!important;
}

/* Frame público principal. No alcanza Header/Footer. */
html body.sc-microsite-v127 :is(
  main,
  .jc-main,
  #primary,
  .site-main,
  .jcp-microsite-shell,
  .sc-microsite-shell
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--sc-jc-frame)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
}

/* Un solo gutter maestro. Los .jc-container históricos ya no
   agregan otro ancho 1024/1120/1200 ni un segundo margen. */
html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main) > .jc-container,
html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main) > section > .jc-container,
html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main) > article > .jc-container,
html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main) .jcp-microsite-content > .jc-container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--sc-jc-gutter)!important;
  padding-right:var(--sc-jc-gutter)!important;
}

/* Neutralización de shells heredados conocidos. */
html body.sc-microsite-v127 :is(
  .jc-commerce-directory,
  .jc-tourism-page,
  .jc-tourism-archive,
  .jc-classifieds-page,
  .jc-jobs-page,
  .jc-news-archive-page,
  .jcb-professionals-page--sofi,
  .jc-tramites-main,
  .jc-auto3-main,
  .jcb-civic-page,
  .jc-inmuebles-page,
  .jc-gastronomia-page,
  .jc-bares-page,
  .jc-boliches-page,
  .jc-cuponeta-page,
  .jc-regions-page,
  .jc-community-page
){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

html body.sc-microsite-v127 :is(
  .jc-commerce-directory,
  .jc-tourism-page,
  .jc-tourism-archive,
  .jc-classifieds-page,
  .jc-jobs-page,
  .jc-news-archive-page,
  .jcb-professionals-page--sofi,
  .jc-tramites-main,
  .jc-auto3-main,
  .jcb-civic-page,
  .jc-inmuebles-page,
  .jc-gastronomia-page,
  .jc-bares-page,
  .jc-boliches-page,
  .jc-cuponeta-page,
  .jc-regions-page,
  .jc-community-page
) > .jc-container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-left:var(--sc-jc-gutter)!important;
  padding-right:var(--sc-jc-gutter)!important;
}

/* Identity Bar: mismo frame físico que Header y contenido. */
html body.sc-microsite-v127 .jcp-microsite-banner{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:var(--sc-jc-frame)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.sc-microsite-v127 .jcp-microsite-banner .jc-container{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-left:var(--sc-jc-gutter)!important;
  padding-right:var(--sc-jc-gutter)!important;
}
html body.sc-microsite-v127 .jcp-microsite-banner img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}

/* APP / web móvil: misma estructura, nunca menos de 12px de aire. */
@media(max-width:900px){
  html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main,.jcp-microsite-shell,.sc-microsite-shell){
    width:100%!important;
    max-width:100%!important;
  }
}

/* Windows: contrato JC. No importa si el viewport físico mide
   1366/1920+: el micrositio público queda blindado a 768. */
@media(min-width:901px){
  html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main,.jcp-microsite-shell,.sc-microsite-shell),
  html body.sc-microsite-v127 .jcp-microsite-banner{
    width:768px!important;
    max-width:768px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  html body.sc-microsite-v127 :is(main,.jc-main,#primary,.site-main) :is(.jc-container,.container,.wrap,.wrapper){
    max-width:100%!important;
    min-width:0!important;
  }
}