/* JujuyConectado Pro 2026 · v9.5.55.403
   Portal Width Contract 1024 V1
   ------------------------------------------------------------
   Objetivo:
   - 1024 px = techo maestro del contenido público, nunca ancho rígido.
   - Header / Main / Footer comparten el mismo eje óptico.
   - Móvil/tablet permanecen fluidos con sus gutters existentes.
   - Fondos decorativos pueden seguir full-bleed; el contenido visible se limita.
   - No usa zoom/scale global ni modifica tipografías/componentes.
*/

:root{
  --jc-container:1024px!important;
  --jc-public-max:1024px!important;
  --jc-portal-max:1024px;
}

/* Autoridad base. Sólo fija techo; conserva el width/gutter que ya defina cada módulo. */
.jc-container,
.jcb-container,
.jcb-shell{
  max-width:var(--jc-portal-max)!important;
  margin-inline:auto;
}

/* Home: el carrusel principal deja de expandirse hasta el viewport completo.
   El fondo/slide sigue comportándose igual dentro del nuevo eje. */
body.home .jc-home-slider,
body.home .jc-home-fixed-ad,
body.home .jc-home-paper-banner__inner,
body.home .jc-home-cuponeta-banner__inner,
body.home .jc-home-luck-banner__picture{
  width:min(100%,var(--jc-portal-max))!important;
  max-width:var(--jc-portal-max)!important;
  margin-inline:auto!important;
}
body.home .jc-home-portal-dashboard .jc-container,
body.home .jc-home-fixed-ad .jc-container{
  max-width:var(--jc-portal-max)!important;
}

/* Micrositios y listados históricos que aún hardcodean 1180/1160/1400. */
.jcp-microsite-banner .jc-container,
.jc-msbase-header__row,
.jc-msbase-shell,
.jc-cls270-header__row,
.jc-cls270-shell,
.jc-cjc-header__row,
.jc-cjc-shell,
.jc-listing-page>.jc-container,
.jc-pd275-active .jc-pd275-header,
.jc-pd275-active .jc-commerce-shell,
.jc-commerce-v3,
.jc-commerce-v3--masthead,
body.post-type-archive-comercio .jc-commerce-v3,
body.post-type-archive-comercio .jc-commerce-directory--v3>.jc-commerce-v3,
.jc-commerce-shell,
.jc-jobs-shell,
.jc-automotores-shell .jc-automotores-first-row,
.jc-automotores-shell .jc-automotores-content,
.jc-bares-shell .jc-bares-first-row,
.jc-bares-shell .jc-bares-content,
.jc-cuponeta-shell .jc-cuponeta-shell__layout,
.jc-tramites-info-shell,
.jc-info-util-dual-shell__header,
.jc-microsites-v2-shell,
.jc-news-single-card,
.jc-aprende-shell,
.jc-zone-site>.jc-container,
.jc-radio-rd-v112 .jc-radio-shell,
.cjrd2-shell,
.cjtv330-shell,
.jcp-solos-home-shell,
.jc-solos3-header__cluster,
body.jcp-solos360-home .jc-solos3-header__cluster,
body.jc-solos-v2-route .jc-solos3-header__cluster,
body.jc-ccj-route .jc-ccj5-header__row,
.jc-ti290-header__row,
.jc-cuponeta-msheader-v282__row,
.jc-commerce-header-v281__row{
  max-width:var(--jc-portal-max)!important;
  margin-inline:auto!important;
}

/* Footer: fondo puede ocupar pantalla completa; su contenido respeta el eje maestro. */
.jc-footer .jc-container,
.jc-web-footer-v2__main{
  max-width:var(--jc-portal-max)!important;
  margin-inline:auto!important;
}

/* El Header H1 V398 ya usa 1024; esta regla sólo sincroniza la variable común. */
.jc-hgv2 .jc-hgv2__shell{
  max-width:var(--jc-portal-max)!important;
}

/* Mobile: no se fuerza un ancho nuevo. Los gutters aprobados de cada módulo mandan. */
@media(max-width:760px){
  body.home .jc-home-slider,
  body.home .jc-home-fixed-ad,
  body.home .jc-home-paper-banner__inner,
  body.home .jc-home-cuponeta-banner__inner,
  body.home .jc-home-luck-banner__picture{
    width:100%!important;
    max-width:100%!important;
  }
}