/* =========================================================
   Cuponeta · Ticket estándar V595
   APP-first · 1 cupón por fila · 4 regiones fijas
   Imagen / Beneficio / Comercio / Vigencia
   ========================================================= */

/* Regla maestra: un cupón por fila en todas las derivaciones actuales. */
.jc-cuponeta-shell .jc-cuponeta-flow-grid-v283{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  width:100%;
  margin-top:0!important;
}

/* La card histórica deja de aportar caja propia. El ticket es la superficie visual. */
.jc-cuponeta-shell .jc-coupon-ticket-v595-card{
  width:100%;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.jc-cuponeta-shell .jc-coupon-ticket-v595{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,40%) minmax(0,60%);
  align-items:stretch;
  width:100%;
  min-height:176px;
  overflow:hidden;
  padding:28px 34px 27px 34px;
  border-radius:24px;
  background-image:url('../images/cuponeta/cuponeta-ticket-base-v595.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  filter:drop-shadow(0 8px 16px rgba(17,55,91,.16));
  isolation:isolate;
}

/* Región 1 · Imagen */
.jc-cuponeta-shell .jc-coupon-ticket-v595__media{
  position:relative;
  min-width:0;
  min-height:118px;
  margin:1px 13px 1px 1px;
  overflow:hidden;
  border-radius:14px;
  background:rgba(255,255,255,.92);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.40);
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__media img,
.jc-cuponeta-shell .jc-coupon-ticket-v595__placeholder{
  width:100%;
  height:100%;
  min-height:118px;
  object-fit:cover;
  display:block;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__placeholder{
  display:grid;
  place-items:center;
  font-size:42px;
  background:rgba(255,255,255,.92);
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__save{
  position:absolute;
  top:7px;
  left:7px;
  display:grid;
  place-items:center;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#a5104e!important;
  box-shadow:0 4px 12px rgba(0,0,0,.14)!important;
  font-size:22px!important;
  line-height:1!important;
  z-index:2;
}

/* Regiones 2, 3 y 4 + acciones dentro del sector derecho. */
.jc-cuponeta-shell .jc-coupon-ticket-v595__content{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:center;
  gap:7px;
  padding:3px 0 2px 14px;
}

/* Región 2 · Beneficio */
.jc-cuponeta-shell .jc-coupon-ticket-v595__benefit{
  display:-webkit-box;
  max-width:100%;
  overflow:hidden;
  color:#083a72;
  font-size:clamp(29px,7.5vw,48px);
  font-weight:1000;
  line-height:.92;
  letter-spacing:-.045em;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* Región 3 · Comercio */
.jc-cuponeta-shell .jc-coupon-ticket-v595__merchant{
  min-width:0;
  font-size:16px;
  font-weight:950;
  line-height:1.08;
  text-transform:uppercase;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__merchant a,
.jc-cuponeta-shell .jc-coupon-ticket-v595__merchant span{
  display:block;
  overflow:hidden;
  color:#072b4f;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Acciones: no son regiones de datos, sino comandos del cupón. */
.jc-cuponeta-shell .jc-coupon-ticket-v595__actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-self:end;
  gap:8px;
  min-width:0;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__conditions,
.jc-cuponeta-shell .jc-coupon-ticket-v595__want{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:7px 8px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__conditions{
  border:1px solid rgba(7,58,114,.28)!important;
  background:rgba(255,255,255,.78)!important;
  color:#073a72!important;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__want{
  border:1px solid #248f58!important;
  background:#2f9d63!important;
  color:#fff!important;
}
.jc-cuponeta-shell .jc-coupon-ticket-v595__want.is-disabled{
  border-color:#9ba9b4!important;
  background:#9ba9b4!important;
  color:#fff!important;
}

/* Región 4 · Vigencia */
.jc-cuponeta-shell .jc-coupon-ticket-v595__validity{
  overflow:hidden;
  color:#073154;
  font-size:12.5px;
  font-weight:850;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* El modal de condiciones conserva el motor V593; sólo aseguramos stacking sobre el ticket. */
.jc-cuponeta-shell .jc-coupon-ticket-v595-card .jc-coupon-details-v593{
  z-index:10020;
}

/* APP móvil: compacto, legible y una sola pieza por fila. */
@media(max-width:430px){
  .jc-cuponeta-shell .jc-cuponeta-flow-grid-v283{
    gap:12px!important;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595{
    grid-template-columns:minmax(0,39%) minmax(0,61%);
    min-height:170px;
    padding:27px 27px 25px 27px;
    border-radius:20px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media{
    min-height:116px;
    margin-right:9px;
    border-radius:12px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media img,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__placeholder{
    min-height:116px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__content{
    gap:6px;
    padding-left:9px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__benefit{
    font-size:clamp(26px,7.7vw,35px);
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__merchant{
    font-size:13.5px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__actions{
    gap:6px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__conditions,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__want{
    min-height:38px!important;
    padding-inline:5px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__validity{
    font-size:11.5px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__save{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    font-size:19px!important;
  }
}

/* 360 web móvil conserva la misma autoridad visual APP. */
@media(max-width:370px){
  .jc-cuponeta-shell .jc-coupon-ticket-v595{
    min-height:164px;
    padding:25px 24px 23px 24px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media{
    min-height:109px;
    margin-right:7px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media img,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__placeholder{
    min-height:109px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__benefit{
    font-size:25px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__merchant{
    font-size:12.5px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__conditions,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__want{
    min-height:36px!important;
    font-size:10.5px!important;
  }
}

/* Tablet/Windows heredan el ticket sin convertirlo en una grilla de mini-promos. */
@media(min-width:681px){
  .jc-cuponeta-shell .jc-coupon-ticket-v595{
    min-height:240px;
    padding:39px 52px 37px 52px;
    border-radius:30px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media{
    min-height:162px;
    margin-right:18px;
    border-radius:18px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__media img,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__placeholder{
    min-height:162px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__content{
    gap:10px;
    padding-left:18px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__benefit{
    font-size:46px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__merchant{
    font-size:20px;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__conditions,
  .jc-cuponeta-shell .jc-coupon-ticket-v595__want{
    min-height:46px!important;
    font-size:14px!important;
  }
  .jc-cuponeta-shell .jc-coupon-ticket-v595__validity{
    font-size:15px;
  }
}

@media(prefers-reduced-motion:reduce){
  .jc-cuponeta-shell .jc-coupon-ticket-v595,
  .jc-cuponeta-shell .jc-coupon-ticket-v595 *{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}