/* =========================================================
   Cuponeta · Header Compacto V1 · v282
   Patrón visual y responsive: Automotores / Microsite Base.
   Aislado exclusivamente bajo .jc-cuponeta-msheader-v282.
   ========================================================= */
.jc-cuponeta-msheader-v282,
.jc-cuponeta-msheader-v282 *{box-sizing:border-box}

.jc-cuponeta-msheader-v282{
  width:100%;
  position:relative;
  z-index:40;
  background:#fff;
  border-bottom:1px solid #dce6ee;
  box-shadow:0 4px 14px rgba(20,54,89,.06);
}

.jc-cuponeta-msheader-v282__row{
  width:min(1180px,calc(100% - 24px));
  min-height:90px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(0,590px) minmax(150px,1fr);
  align-items:center;
  gap:12px;
  padding:5px 0;
}

.jc-cuponeta-msheader-v282__side{min-width:0;display:flex;align-items:center}
.jc-cuponeta-msheader-v282__side--back{justify-content:flex-start}
.jc-cuponeta-msheader-v282__side--publish{justify-content:flex-end}

.jc-cuponeta-msheader-v282__back{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#234d75;
  text-decoration:none;
}
.jc-cuponeta-msheader-v282__back:hover,
.jc-cuponeta-msheader-v282__back:focus-visible{background:#eef5fb;color:#0d5cab;outline:none}
.jc-cuponeta-msheader-v282__back svg{width:21px;height:21px}

.jc-cuponeta-msheader-v282__brand{
  min-width:0;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  overflow:visible;
  color:inherit;
  text-decoration:none;
}
.jc-cuponeta-msheader-v282__logo-viewport{
  flex:0 0 180px;
  width:180px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.jc-cuponeta-msheader-v282__logo-viewport img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.jc-cuponeta-msheader-v282__description{
  max-width:255px;
  margin:0;
  color:#61778a;
  font-size:11.5px;
  font-weight:700;
  line-height:1.32;
  text-align:left;
}
.jc-cuponeta-msheader-v282__title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

.jc-cuponeta-msheader-v282__publish{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid #e87400;
  border-radius:12px;
  background:linear-gradient(180deg,#ff9500,#ff7a00);
  box-shadow:0 7px 18px rgba(255,133,0,.18);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.jc-cuponeta-msheader-v282__publish:hover,
.jc-cuponeta-msheader-v282__publish:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(255,133,0,.24);
  color:#fff;
  outline:none;
}

/* El banner histórico deja de ocupar la primera columna: el destacado usa todo el ancho. */
.jc-cuponeta-shell .jc-cuponeta-lead-slot{grid-column:1/-1}

@media(max-width:760px){
  .jc-cuponeta-msheader-v282__row{
    width:100%;
    min-height:62px;
    grid-template-columns:minmax(56px,.7fr) minmax(0,1.7fr) minmax(104px,1fr);
    gap:3px;
    padding:2px 5px;
  }
  .jc-cuponeta-msheader-v282__back{width:42px;height:42px;border-radius:11px}
  .jc-cuponeta-msheader-v282__back svg{width:18px;height:18px}
  .jc-cuponeta-msheader-v282__brand{height:56px;gap:5px;justify-content:center}
  .jc-cuponeta-msheader-v282__logo-viewport{flex-basis:104px;width:104px;height:56px}
  .jc-cuponeta-msheader-v282__description{max-width:78px;font-size:7.8px;line-height:1.2}
  .jc-cuponeta-msheader-v282__publish{min-height:38px;padding:0 9px;border-radius:10px;font-size:9px}
}

@media(max-width:380px){
  .jc-cuponeta-msheader-v282__row{grid-template-columns:50px minmax(0,1fr) 101px;padding-inline:3px}
  .jc-cuponeta-msheader-v282__brand{gap:3px}
  .jc-cuponeta-msheader-v282__logo-viewport{flex-basis:92px;width:92px}
  .jc-cuponeta-msheader-v282__description{max-width:62px;font-size:7px}
  .jc-cuponeta-msheader-v282__publish{padding-inline:7px;font-size:8.4px}
}

@media(max-width:330px){
  .jc-cuponeta-msheader-v282__row{grid-template-columns:46px minmax(0,1fr) 94px}
  .jc-cuponeta-msheader-v282__logo-viewport{flex-basis:82px;width:82px}
  .jc-cuponeta-msheader-v282__description{max-width:54px;font-size:6.5px}
  .jc-cuponeta-msheader-v282__publish{padding-inline:5px;font-size:7.8px}
}

@media(prefers-reduced-motion:reduce){
  .jc-cuponeta-msheader-v282 *{transition:none!important;animation:none!important}
}