/**
 * JujuyConectado Pro 2026 · V468 · HOME CARD MASTER V1
 * Unifica 20 tarjetas del Home bajo una sola gramática visual:
 * 7 Nuestras Conexiones + 3 accesos inferiores + 10 Encontrá.
 * APP móvil es la autoridad visual.
 */

body.home{
  --jc-home-master-card-h:120px;
  --jc-home-master-card-gap:10px;
  --jc-home-master-card-radius:12px;
  --jc-home-master-card-border:1px solid #e4eaf1;
  --jc-home-master-card-shadow:0 4px 14px rgba(23,43,77,.055);
  --jc-home-master-card-shadow-hover:0 9px 20px rgba(18,48,82,.14);
}

/* Contrato visual único. */
html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo,
html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436,
html body.home .jc-home-categories .jc-category-logo-tile-v252{
  box-sizing:border-box!important;
  height:var(--jc-home-master-card-h)!important;
  min-height:var(--jc-home-master-card-h)!important;
  max-height:var(--jc-home-master-card-h)!important;
  aspect-ratio:auto!important;
  padding:5px!important;
  margin:0!important;
  overflow:hidden!important;
  border:var(--jc-home-master-card-border)!important;
  border-radius:var(--jc-home-master-card-radius)!important;
  background:#fff!important;
  box-shadow:var(--jc-home-master-card-shadow)!important;
  color:inherit!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}

/* Un solo contrato de imagen. Sin compensaciones por rubro. */
html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo>img,
html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436 .jc-home-service-card-v436__image,
html body.home .jc-home-categories .jc-category-logo-tile-v252 .jc-category-logo-image-v252{
  display:block!important;
  width:94%!important;
  height:94%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:94%!important;
  max-height:94%!important;
  margin:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}

/* Anula excepciones históricas de escala/fondo. */
html body.home .jc-home-categories .jc-category-logo-tile-v252[href*="/boliches/"],
html body.home .jc-home-categories .jc-category-logo-tile-v252[href*="/bares-y-confiterias/"],
html body.home .jc-home-categories .jc-category-logo-tile-v252[href*="/automotores/"],
html body.home .jc-home-service-card-v436--cuponeta,
html body.home .jc-home-service-card-v436--clasificados,
html body.home .jc-home-service-card-v436--comercios{
  background:#fff!important;
  border:var(--jc-home-master-card-border)!important;
  box-shadow:var(--jc-home-master-card-shadow)!important;
}
html body.home .jc-home-categories .jc-category-logo-tile-v252[href*="/bares-y-confiterias/"] .jc-category-logo-image-v252,
html body.home .jc-home-categories .jc-category-logo-tile-v252[href*="/automotores/"] .jc-category-logo-image-v252,
html body.home .jc-home-service-card-v436--cuponeta .jc-home-service-card-v436__image,
html body.home .jc-home-service-card-v436--clasificados .jc-home-service-card-v436__image,
html body.home .jc-home-service-card-v436--comercios .jc-home-service-card-v436__image{
  width:94%!important;
  height:94%!important;
  max-width:94%!important;
  max-height:94%!important;
}

/* Hover/focus común en dispositivos que realmente tienen hover. */
@media(hover:hover) and (pointer:fine){
  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo:hover,
  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo:focus-visible,
  html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436:hover,
  html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436:focus-visible,
  html body.home .jc-home-categories .jc-category-logo-tile-v252:hover,
  html body.home .jc-home-categories .jc-category-logo-tile-v252:focus-visible{
    transform:translateY(-2px)!important;
    border-color:#bfd4ee!important;
    box-shadow:var(--jc-home-master-card-shadow-hover)!important;
    outline:none!important;
  }
}

/* Tablet: misma gramática, sólo expansión controlada. */
@media(min-width:761px) and (max-width:1024px){
  body.home{
    --jc-home-master-card-h:112px;
    --jc-home-master-card-gap:8px;
  }
  html body.home .jc-home-portal-promos.jc-home-connections-v436{
    display:flex!important;
    gap:var(--jc-home-master-card-gap)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 6px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  html body.home .jc-home-portal-promos.jc-home-connections-v436::-webkit-scrollbar{display:none!important}
  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo{
    flex:0 0 calc((100% - 16px)/3)!important;
    width:calc((100% - 16px)/3)!important;
    min-width:0!important;
    scroll-snap-align:start!important;
  }
  html body.home .jc-home-service-cards-v236{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:var(--jc-home-master-card-gap)!important;
  }
  html body.home .jc-home-categories .jc-category-logo-tile-v252{
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
  }
}

/* APP/360: autoridad visual. Tres visibles, 94px de alto, gap 6px. */
@media(max-width:760px){
  body.home{
    --jc-home-master-card-h:94px;
    --jc-home-master-card-gap:6px;
  }

  html body.home .jc-home-portal-promos.jc-home-connections-v436{
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 7px!important;
    margin:0!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:1px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
  }
  html body.home .jc-home-portal-promos.jc-home-connections-v436::-webkit-scrollbar{display:none!important}
  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo{
    flex:0 0 calc((100% - 12px)/3)!important;
    width:calc((100% - 12px)/3)!important;
    min-width:0!important;
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }

  html body.home .jc-home-service-cards-v236{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin-top:8px!important;
  }
  html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436{
    width:100%!important;
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
  }

  html body.home .jc-home-categories .jc-category-track-v253 > .jc-category-logo-tile-v252,
  html.jc-pwa-standalone body.home .jc-home-categories .jc-category-track-v253 > .jc-category-logo-tile-v252,
  html:not(.jc-pwa-standalone) body:not(.jc-native-app).home .jc-home-categories .jc-category-track-v253 > .jc-category-logo-tile-v252{
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    padding:5px!important;
    border-radius:12px!important;
  }

  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo:active,
  html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436:active,
  html body.home .jc-home-categories .jc-category-logo-tile-v252:active{
    transform:scale(.985)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html body.home .jc-home-portal-promos.jc-home-connections-v436 .jc-home-portal-promo,
  html body.home .jc-home-service-cards-v236 .jc-home-service-card-v436,
  html body.home .jc-home-categories .jc-category-logo-tile-v252{transition:none!important}
}