/**
 * SaltaConectada · Regiones V7 · 1.0.17
 * 7 regiones oficiales. Tarjeta = imagen + título centrado.
 */

.sc-regions-banner-v112{display:block;width:100%;margin:0 0 14px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(20,35,55,.06);transition:transform .18s ease,box-shadow .18s ease}
.sc-regions-banner-v112:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(20,35,55,.10)}
.sc-regions-banner-v112 img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.sc-home-regions-v1 .jc-home-localities-head{align-items:end;margin-bottom:14px}
.sc-region-grid-v111{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.sc-region-app-row{display:contents}
.sc-region-app-row--bottom .sc-region-card-v111:first-child{grid-column:2/span 2}
.sc-region-card-v111{grid-column:span 2;display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(20,35,55,.10);border-radius:14px;background:#fff;color:var(--jc-text);box-shadow:0 6px 20px rgba(20,35,55,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sc-region-card-v111:nth-child(5){grid-column:2/span 2}
.sc-region-card-v111:hover{transform:translateY(-2px);border-color:rgba(49,185,225,.55);box-shadow:0 10px 26px rgba(20,35,55,.12);color:var(--jc-text)}
.sc-region-card-v111__media{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e8eef4}
.sc-region-card-v111__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sc-region-card-v111__title{display:flex;align-items:center;justify-content:center;min-height:50px;padding:8px 10px;color:var(--jc-text);font-size:14px;line-height:1.18;font-weight:850;text-align:center;text-wrap:balance}
.sc-region-card-v111:hover .sc-region-card-v111__title{color:var(--jc-primary)}
.sc-region-credits{margin-top:10px;color:var(--jc-muted);font-size:10px;text-align:right}
.sc-region-credits summary{display:inline-block;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:2px}
.sc-region-credits summary::-webkit-details-marker{display:none}
.sc-region-credits p{margin:6px 0 0;line-height:1.4}
.sc-region-credits a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sc-regions-v1 .sc-region-grid-v111{margin-top:4px}
@media(max-width:900px){
  .sc-region-grid-v111{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sc-region-card-v111,.sc-region-card-v111:nth-child(5),.sc-region-app-row--bottom .sc-region-card-v111:first-child{grid-column:auto}
}
@media(max-width:760px){
  .sc-home-regions-v1 .jc-home-localities-head{align-items:flex-start}
  .sc-region-card-v111__title{min-height:44px;padding:7px 8px;font-size:12px}
  .sc-region-credits{text-align:left;font-size:9px}
}

/* SaltaConectada 1.0.14 · banner oficial + Comunidad / Zona Libre debajo del bloque Regiones. */
body.home .sc-regions-banner-v114{
  display:block;
  width:100%;
  margin:0 0 clamp(10px,1.2vw,14px);
  overflow:hidden;
  border:1px solid rgba(20,35,55,.10);
  border-radius:clamp(12px,1.4vw,16px);
  background:#fff;
  box-shadow:0 6px 18px rgba(20,35,55,.07);
  transform:translateZ(0);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.home .sc-regions-banner-v114:hover,
body.home .sc-regions-banner-v114:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(49,185,225,.45);
  box-shadow:0 10px 24px rgba(20,35,55,.12);
  outline:none;
}
body.home .sc-regions-banner-v114 img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
}
body.home .sc-home-secondary-cards-v114{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(8px,1.1vw,12px);
  width:100%;
  margin:clamp(12px,1.5vw,18px) 0 0;
}
body.home .sc-home-secondary-card-v114{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  height:clamp(128px,16vw,180px);
  padding:clamp(6px,.9vw,10px);
  overflow:hidden;
  border:1px solid rgba(20,35,55,.12);
  border-radius:clamp(12px,1.4vw,17px);
  background:#fff;
  box-shadow:0 5px 14px rgba(22,48,78,.09);
  text-decoration:none;
  transform:translateZ(0);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.home .sc-home-secondary-card-v114:hover,
body.home .sc-home-secondary-card-v114:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(49,185,225,.48);
  box-shadow:0 9px 20px rgba(22,48,78,.14);
  outline:none;
}
body.home .sc-home-secondary-card-v114 img{
  display:block;
  width:auto;
  height:auto;
  max-width:94%;
  max-height:94%;
  margin:auto;
  object-fit:contain;
  object-position:center;
}
body.home .sc-home-secondary-card-v114--community img{max-width:76%;max-height:96%}
body.home .sc-home-secondary-card-v114--zone img{max-width:82%;max-height:96%}
body.home .sc-home-secondary-card-v114--cuponeta img{max-width:88%;max-height:96%}
@media(max-width:760px){
  body.home .sc-regions-banner-v114{margin-bottom:9px;border-radius:11px}
  body.home .sc-home-secondary-cards-v114{gap:7px;margin-top:10px}
  body.home .sc-home-secondary-card-v114{height:clamp(100px,31vw,126px);padding:4px;border-radius:11px}
  body.home .sc-home-secondary-card-v114--community img{max-width:82%;max-height:94%}
  body.home .sc-home-secondary-card-v114--zone img{max-width:88%;max-height:94%}
  body.home .sc-home-secondary-card-v114--cuponeta img{max-width:94%;max-height:94%}
}
@media(max-width:390px){
  body.home .sc-home-secondary-cards-v114{gap:6px}
  body.home .sc-home-secondary-card-v114{height:104px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  body.home .sc-regions-banner-v114,
  body.home .sc-home-secondary-card-v114{transition:none}
}

/* SaltaConectada 1.0.17 · Balance óptico desktop + dos rails reales en todo móvil. */
@media(min-width:901px){
  body.home .sc-region-showcase-v115{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-template-rows:repeat(3,clamp(56px,6.35vw,65px)) 122px;
    gap:10px;
    align-items:stretch;
    width:100%;
  }
  body.home .sc-region-showcase-v115>.sc-regions-banner-v114{
    grid-column:1/span 5;
    grid-row:1/span 3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
  }
  body.home .sc-region-showcase-v115>.sc-regions-banner-v114 img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:contain;
    object-position:center;
  }
  body.home .sc-region-showcase-v115>.sc-region-grid-v111,
  body.home .sc-region-showcase-v115 .sc-region-app-row{display:contents}
  body.home .sc-region-showcase-v115 .sc-region-card-v111{grid-column:auto;grid-row:auto;min-width:0;margin:0}

  /* Regiones 1-3: tres tarjetas compactas cuya suma coincide con el alto del banner. */
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(1){grid-column:6/span 3;grid-row:1}
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(2){grid-column:6/span 3;grid-row:2}
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(3){grid-column:6/span 3;grid-row:3}
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(-n+3){
    display:grid;
    grid-template-columns:minmax(78px,42%) minmax(0,1fr);
    grid-template-rows:1fr;
    height:100%;
    min-height:0;
    border-radius:10px;
  }
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(-n+3) .sc-region-card-v111__media{
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto;
  }
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(-n+3) .sc-region-card-v111__title{
    height:100%;
    min-height:0;
    padding:4px 7px;
    font-size:clamp(10px,1.05vw,12px);
    line-height:1.05;
  }

  /* Regiones 4-7: fila inferior compacta y pareja. */
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(4){grid-column:1/span 2;grid-row:4}
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111:nth-child(1){grid-column:3/span 2;grid-row:4}
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111:nth-child(2){grid-column:5/span 2;grid-row:4}
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111:nth-child(3){grid-column:7/span 2;grid-row:4}
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(4),
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111{
    height:122px;
    min-height:0;
  }
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(4) .sc-region-card-v111__media,
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111 .sc-region-card-v111__media{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    aspect-ratio:auto;
  }
  body.home .sc-region-showcase-v115 .sc-region-app-row--top>.sc-region-card-v111:nth-child(4) .sc-region-card-v111__title,
  body.home .sc-region-showcase-v115 .sc-region-app-row--bottom>.sc-region-card-v111 .sc-region-card-v111__title{
    flex:0 0 36px;
    min-height:36px;
    padding:4px 7px;
    font-size:12px;
    line-height:1.08;
  }
}

/* APP/PWA + navegador móvil: dos carruseles reales e independientes, 4 arriba y 3 abajo, ~2,5 visibles. */
@media(max-width:760px){
  body.home .sc-home-regions-v1 .sc-region-showcase-v115{display:block!important;width:100%}
  body.home .sc-home-regions-v1 .sc-region-showcase-v115>.sc-regions-banner-v114{width:100%;height:auto;margin:0 0 9px}
  body.home .sc-home-regions-v1 .sc-region-showcase-v115>.sc-regions-banner-v114 img{width:100%;height:auto;object-fit:contain}
  body.home .sc-home-regions-v1 .sc-region-grid-v111{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.home .sc-home-regions-v1 .sc-region-app-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    padding:1px 1px 7px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:none!important;
  }
  body.home .sc-home-regions-v1 .sc-region-app-row+.sc-region-app-row{margin-top:8px}
  body.home .sc-home-regions-v1 .sc-region-app-row::-webkit-scrollbar{display:none}
  body.home .sc-home-regions-v1 .sc-region-app-row>.sc-region-card-v111,
  body.home .sc-home-regions-v1 .sc-region-app-row>.sc-region-card-v111:nth-child(5){
    flex:0 0 calc(40% - 6px)!important;
    width:calc(40% - 6px)!important;
    min-width:calc(40% - 6px)!important;
    max-width:calc(40% - 6px)!important;
    grid-column:auto!important;
    grid-row:auto!important;
    height:auto!important;
  }
  body.home .sc-home-regions-v1 .sc-region-app-row>.sc-region-card-v111 .sc-region-card-v111__media{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  body.home .sc-home-regions-v1 .sc-region-app-row>.sc-region-card-v111 .sc-region-card-v111__title{
    min-height:42px!important;
    height:auto!important;
    padding:6px 7px!important;
    font-size:11px!important;
    line-height:1.08!important;
  }
}