/* v5.21.0 — Tarjeta horizontal compacta, una por fila en móvil.
   Se reutilizan los botones y estados originales. */
#cupones.cupones-grid-compacta { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; align-items:start !important; }
@media (min-width:760px) { #cupones.cupones-grid-compacta {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;} }
@media (min-width:1250px) { #cupones.cupones-grid-compacta {grid-template-columns:repeat(3,minmax(0,1fr)) !important;} }
#cupones > article.cupon.hc24-horizontal {
  display:flex !important; flex-direction:column !important; gap:8px !important;
  min-height:0 !important; height:auto !important; max-height:none !important;
  padding:12px 14px !important; margin:0 !important; border-radius:12px !important;
  overflow:hidden !important; align-self:start !important; position:relative !important;
  background:#fff !important; box-shadow:0 2px 10px rgba(20,30,50,.09) !important;
}
#cupones > article.cupon.hc24-horizontal::before,
#cupones > article.cupon.hc24-horizontal::after,
#cupones > article.cupon.hc24-horizontal > .ticket-notch,
#cupones > article.cupon.hc24-horizontal > .hc16-marca-agua {display:none !important;}
#cupones > article.cupon.hc24-horizontal > .hc24-encabezado {
  position:static !important; display:flex !important; min-height:0 !important; height:auto !important;
  margin:0 !important; padding:0 !important; align-items:center !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-encabezado > .hc16-categoria {
  position:static !important; transform:none !important; display:inline-flex !important;
  width:auto !important; max-width:100% !important; min-width:0 !important;
  height:auto !important; min-height:0 !important; padding:3px 8px !important;
  margin:0 !important; font-size:10px !important; line-height:1.3 !important;
  border-radius:5px !important; clip-path:none !important; letter-spacing:0 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-encabezado > .hc16-categoria::before {display:none !important;}
#cupones > article.cupon.hc24-horizontal .hc24-encabezado > .hc16-categoria svg {width:12px !important;height:12px !important;}
#cupones > article.cupon.hc24-horizontal > .hc24-cuerpo {
  display:flex !important; align-items:flex-start !important; gap:10px !important;
  margin:0 !important; padding:0 !important; min-width:0 !important; height:auto !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular {
  display:flex !important; position:relative !important; flex:0 0 38px !important;
  width:38px !important; height:38px !important; min-width:38px !important;
  margin:0 !important; padding:0 !important; border-radius:50% !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular .hc16-logo {width:100% !important;height:100% !important;object-fit:contain !important;}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular .hc16-logo-check {width:13px !important;height:13px !important;font-size:10px !important;}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc25-banco-logo,
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .banco-logo-fallback {
  display:block !important; position:static !important; width:62px !important; height:38px !important;
  max-width:62px !important; min-width:62px !important; object-fit:contain !important;
  margin:0 !important; padding:0 !important; transform:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos {
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  gap:8px !important; flex:1 1 auto !important; min-width:0 !important; width:auto !important;
  margin:0 !important; padding:0 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > * {position:static !important; margin:0 !important; flex:0 0 auto !important; min-height:0 !important;}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-descuento,
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-descuento.hc16-descuento-largo {
  display:flex !important; flex-direction:row !important; align-items:baseline !important;
  justify-content:flex-start !important; flex-wrap:nowrap !important; gap:4px !important;
  width:100% !important; min-width:0 !important; max-width:100% !important;
  font-size:clamp(18px,5vw,26px) !important; line-height:1.1 !important;
  letter-spacing:-.035em !important; font-weight:800 !important;
  white-space:nowrap !important; text-align:left !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-descuento > .hc19-off {
  display:inline !important; font-size:11px !important; line-height:1 !important;
  font-weight:750 !important; color:#e64545 !important; -webkit-text-fill-color:#e64545 !important;
  letter-spacing:0 !important; white-space:nowrap !important; flex:0 0 auto !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-detalle {
  display:block !important; font-size:12px !important; line-height:1.3 !important;
  height:auto !important; max-height:none !important; padding:0 !important; border:0 !important;
  white-space:normal !important; overflow-wrap:anywhere !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-panel-importes {
  display:flex !important; flex-direction:column !important; gap:4px !important;
  border:0 !important; border-radius:0 !important; background:transparent !important;
  box-shadow:none !important; padding:0 !important; min-height:0 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-dato {
  display:block !important; border:0 !important; min-height:0 !important;
  padding:0 !important; margin:0 !important; background:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-icono {display:none !important;}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-textos {
  display:flex !important; align-items:baseline !important; justify-content:flex-start !important;
  gap:5px !important; width:100% !important; min-width:0 !important;
  font-size:11px !important; line-height:1.25 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-rotulo,
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-textos strong {
  font-size:11px !important; line-height:1.25 !important; width:auto !important;
  margin:0 !important; padding:0 !important; white-space:normal !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-textos strong {font-weight:700 !important;white-space:nowrap !important;}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-etiquetas {display:flex !important;flex-wrap:wrap !important;gap:5px !important;}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-etiquetas:empty {display:none !important;}
#cupones > article.cupon.hc24-horizontal > .hc24-pie {
  display:flex !important; align-items:center !important; gap:8px !important;
  padding:5px 0 0 !important; margin-top:0 !important; min-height:0 !important;
  border-top:1px dashed #d7dce3 !important; position:relative !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo,
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-vistas-superiores {
  display:inline-flex !important; position:static !important; inset:auto !important;
  transform:none !important; margin:0 !important; padding:0 !important;
  font-size:10px !important; line-height:1.2 !important; font-weight:600 !important;
  height:auto !important; width:auto !important; white-space:nowrap !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo[hidden] {display:none !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo::before {font-size:12px !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-vistas-superiores svg {width:12px !important;height:12px !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-acciones {
  display:block !important; position:static !important; inset:auto !important;
  flex:0 0 auto !important; width:auto !important; min-width:0 !important;
  margin:0 0 0 auto !important; padding:0 !important; height:auto !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie .v40-codigo,
#cupones > article.cupon.hc24-horizontal .hc24-pie .v42-pie-tarjeta,
#cupones > article.cupon.hc24-horizontal .hc24-pie .hc16-mensaje:empty {display:none !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie .hc16-cta {display:block !important;width:auto !important;margin:0 !important;padding:0 !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:5px !important; position:static !important; min-height:32px !important;
  height:auto !important; width:auto !important; max-width:100% !important;
  padding:7px 10px !important; margin:0 !important; border-radius:6px !important;
  background:#ffe600 !important; color:#202020 !important; border:1px solid #efc900 !important;
  font-size:11px !important; line-height:1.1 !important; font-weight:700 !important;
  white-space:nowrap !important; box-shadow:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear * {font-size:inherit !important;line-height:inherit !important;}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear svg,
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear img {width:19px !important;height:19px !important;max-width:19px !important;object-fit:contain !important;}
@media(max-width:380px){
  #cupones > article.cupon.hc24-horizontal {padding:10px !important;}
  #cupones > article.cupon.hc24-horizontal .hc24-pie {gap:5px !important;}
  #cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear {font-size:10px !important;padding:6px !important;}
}


/* v5.21.1 — diseño horizontal aprobado, con el orden de información correcto. */
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular,
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc24-imagen-banco-extra {
  width:42px !important;height:42px !important;min-width:42px !important;
  flex:0 0 42px !important;box-sizing:border-box !important;
  border:1px solid #e4e8ed !important;border-radius:50% !important;
  background:#fff !important;position:relative !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular img.hc16-logo {
  position:absolute !important;top:50% !important;left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:35px !important;height:35px !important;max-width:35px !important;max-height:35px !important;
  object-fit:contain !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo > .hc16-logo-circular .hc16-logo-check {
  position:absolute !important;right:-3px !important;bottom:-3px !important;
  width:14px !important;height:14px !important;font-size:10px !important;
  border:2px solid #fff !important;border-radius:50% !important;
  background:#0eae54 !important;color:#fff !important;display:grid !important;place-items:center !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos {
  gap:8px !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-detalle {
  order:1 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-descuento {
  order:0 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-panel-importes {
  order:2 !important;gap:8px !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos > .hc16-etiquetas {
  order:3 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-rotulo,
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-textos strong {
  font-family:inherit !important;font-size:11px !important;
  font-style:normal !important;line-height:1.25 !important;
  letter-spacing:normal !important;color:#293448 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-rotulo {font-weight:400 !important;}
#cupones > article.cupon.hc24-horizontal .hc24-textos .hc16-panel-textos strong {font-weight:700 !important;}
/* Todos los tipos de cupón usan el mismo botón blanco con borde amarillo. */
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado) {
  box-sizing:border-box !important;
  background:#fff !important;background-image:none !important;
  color:#202020 !important;-webkit-text-fill-color:#202020 !important;
  border:1px solid #f2be00 !important;border-radius:12px !important;
  min-height:22px !important;height:22px !important;
  padding:0 9px !important;line-height:20px !important;
  box-shadow:none !important;filter:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado):hover {
  background:#fffbed !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear img,
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear svg {
  width:17px !important;height:17px !important;max-width:17px !important;
}
/* El banco triplica el tamaño del logotipo previo: 62x38 => 186x114.
   Se muestra en su propia línea para evitar comprimir el importe. */
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-cuerpo {
  flex-wrap:wrap !important;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-cuerpo > .hc25-banco-logo,
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-cuerpo > .banco-logo-fallback {
  width:186px !important;height:114px !important;min-width:0 !important;max-width:100% !important;
  object-fit:contain !important;flex:0 0 auto !important;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-textos {
  flex:1 1 100% !important;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-cuerpo > .hc24-imagen-banco-extra {
  flex:0 0 42px !important;
}
@media(max-width:380px) {
  #cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado) {
    padding:0 7px !important;height:22px !important;min-height:22px !important;
  }
}


/* v5.21.2 — restauración precisa del logo circular y alineación bancaria. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-cuerpo {
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  min-width:0 !important;
}
/* El diseño editorial previo posicionaba los logos con position:absolute.
   Al moverlos a la tarjeta horizontal es indispensable anular esa posición. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-cuerpo > .hc16-logo-circular {
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 42px !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #e4e8ed !important;
  border-radius:50% !important;
  background:#fff !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-cuerpo > .hc16-logo-circular > img.hc16-logo {
  position:absolute !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
  width:35px !important;
  min-width:35px !important;
  max-width:35px !important;
  height:35px !important;
  min-height:35px !important;
  max-height:35px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-cuerpo > .hc16-logo-circular > .hc16-logo-check {
  position:absolute !important;
  inset:auto -3px -3px auto !important;
  transform:none !important;
  display:grid !important;
  place-items:center !important;
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  border:2px solid #fff !important;
  border-radius:50% !important;
  background:#0eae54 !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  z-index:5 !important;
  box-sizing:content-box !important;
}
/* Ambos logotipos bancarios permanecen a la izquierda del descuento.
   El logo bancario usa el espacio disponible sin empujar el porcentaje abajo. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco {
  position:relative !important;
  display:flex !important;
  flex:0 0 clamp(78px,24vw,125px) !important;
  width:clamp(78px,24vw,125px) !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc25-banco-logo,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .banco-logo-fallback {
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:clamp(42px,13vw,74px) !important;
  max-height:74px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:transparent !important;
  transform:none !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc24-imagen-banco-extra {
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  border:1px solid #e4e8ed !important;
  border-radius:50% !important;
  background:#fff !important;
  overflow:visible !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc24-imagen-banco-extra > img.hc16-logo {
  position:absolute !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
  width:35px !important;
  max-width:35px !important;
  height:35px !important;
  max-height:35px !important;
  margin:0 !important;
  object-fit:contain !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc24-imagen-banco-extra > .hc16-logo-check {
  position:absolute !important;
  inset:auto -3px -3px auto !important;
  transform:none !important;
  display:grid !important;
  place-items:center !important;
  width:14px !important;
  height:14px !important;
  border:2px solid #fff !important;
  border-radius:50% !important;
  background:#0eae54 !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  z-index:5 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-textos {
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  gap:8px !important;
}
@media (max-width:359px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco {
    flex-basis:72px !important;
    width:72px !important;
  }
}


/* v5.21.3 — Tipografía homogénea, logotipos circulares y ritmo de 5px.
   Este bloque se coloca al final para superar los estilos heredados. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal {
  gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-cuerpo {
  gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-textos {
  gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie {
  gap:5px !important;
  padding-top:5px !important;
}
/* El importe es idéntico en tienda, bancario y exclusivo. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-descuento,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-descuento.hc16-descuento-largo {
  font-size:clamp(28px, 4.2vw, 34px) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  gap:4px !important;
  white-space:nowrap !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-descuento .hc19-off {
  font-size:11px !important;
}
/* Dos imágenes bancarias opcionales: círculos independientes, misma
   medida que el logotipo de tienda, alineados a la izquierda del importe. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco {
  display:flex !important;
  flex-flow:row wrap !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:96px !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc25-banco-logo,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .banco-logo-fallback,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc24-imagen-banco-extra {
  display:flex !important;
  position:relative !important;
  inset:auto !important;
  flex:0 0 42px !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:3px !important;
  border:1px solid #e4e8ed !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  background:#fff !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  overflow:visible !important;
  align-items:center !important;
  justify-content:center !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-bancario-unificado > .hc24-cuerpo > .hc24-logos-banco > .hc24-imagen-banco-extra > img.hc16-logo {
  position:absolute !important;
  width:35px !important;
  height:35px !important;
  max-width:35px !important;
  max-height:35px !important;
  inset:50% auto auto 50% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
}
@media(max-width:380px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-descuento,
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-descuento.hc16-descuento-largo {
    font-size:28px !important;
  }
}


/* v5.21.4: círculos originales de 42px, escala individual por banco,
   5px entre logo y contenido y avisos de vigencia en el pie. */
#cupones > article.cupon.hc24-horizontal .hc24-cuerpo {
  column-gap:5px !important;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-logos-banco {
  gap:5px !important;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-logos-banco > .hc24-logo-banco-circulo {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #e4e8ed !important;
  border-radius:50% !important;
  box-sizing:border-box !important;
  background:#fff !important;
  overflow:hidden !important;
  --escala-logo-banco:1.55;
}
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-logos-banco > .hc24-logo-banco-circulo > .hc25-banco-logo,
#cupones > article.cupon.hc24-horizontal.cupon-bancario-unificado .hc24-logos-banco > .hc24-logo-banco-circulo > .banco-logo-fallback {
  position:static !important;
  display:block !important;
  flex:0 0 auto !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(var(--escala-logo-banco)) !important;
  background:transparent !important;
}
#cupones .hc24-logo-banco-circulo[data-banco="bbva"] {--escala-logo-banco:1.70;}
#cupones .hc24-logo-banco-circulo[data-banco="santander"] {--escala-logo-banco:1.65;}
#cupones .hc24-logo-banco-circulo[data-banco="mercado-pago"] {--escala-logo-banco:1.75;}
#cupones .hc24-logo-banco-circulo[data-banco="mercado-pago-visa"] {--escala-logo-banco:1.40;}
#cupones .hc24-logo-banco-circulo[data-banco="american-express"] {--escala-logo-banco:1.42;}
#cupones .hc24-logo-banco-circulo[data-banco="hsbc"] {--escala-logo-banco:1.52;}
#cupones .hc24-logo-banco-circulo[data-banco="invex"] {--escala-logo-banco:1.62;}
#cupones .hc24-logo-banco-circulo[data-banco="banorte"] {--escala-logo-banco:1.62;}
#cupones .hc24-logo-banco-circulo[data-banco="banamex"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="didi-card"] {--escala-logo-banco:1.48;}
#cupones .hc24-logo-banco-circulo[data-banco="inbursa"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="afirme"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="scotiabank"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="mifel"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="openbank"] {--escala-logo-banco:1.55;}
#cupones .hc24-logo-banco-circulo[data-banco="falabella"] {--escala-logo-banco:1.55;}

/* Menos 5px respecto de los 22px actuales. */
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado) {
  height:17px !important;
  min-height:17px !important;
  padding:0 7px !important;
  line-height:15px !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado) img,
#cupones > article.cupon.hc24-horizontal .hc24-pie .boton-canjear:not(.boton-ofertazo-agotado) svg {
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo {
  font-size:10px !important;
  font-weight:400 !important;
  color:#69717d !important;
  -webkit-text-fill-color:#69717d !important;
  white-space:nowrap !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo.vigencia-urgente {
  color:#ff583e !important;
  -webkit-text-fill-color:#ff583e !important;
  font-weight:600 !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo.vigencia-urgente::before {
  display:none !important;
  content:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo.vigencia-normal::before {
  content:"◷" !important;
  font-size:11px !important;
  margin-right:4px !important;
}


/* v5.21.5 — Reglas verificables sobre el DOM real de las tarjetas. */
#cupones > article.cupon.hc24-horizontal > .hc24-cuerpo {
  gap:5px !important;
  column-gap:5px !important;
}
#cupones > article.cupon.hc24-horizontal > .hc24-cuerpo > .hc24-logos-banco,
#cupones > article.cupon.hc24-horizontal > .hc24-cuerpo > .hc16-logo-circular {
  margin:0 !important;
  margin-right:0 !important;
}
#cupones > article.cupon.hc24-horizontal > .hc24-cuerpo > .hc24-textos {
  margin:0 !important;
  margin-left:0 !important;
  padding-left:0 !important;
}
/* La altura real se fija en el botón, no solo en el contenedor. */
#cupones > article.cupon.hc24-horizontal .hc24-pie .hc16-cta > button.boton-canjear:not(.boton-ofertazo-agotado) {
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:17px !important;
  min-height:17px !important;
  max-height:17px !important;
  padding:0 7px !important;
  margin:0 !important;
  line-height:15px !important;
  overflow:visible !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo {
  display:inline-flex !important;
  align-items:center !important;
  font-size:10px !important;
  font-weight:400 !important;
  color:#69717d !important;
  -webkit-text-fill-color:#69717d !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo.vigencia-urgente {
  font-weight:600 !important;
  color:#ff583e !important;
  -webkit-text-fill-color:#ff583e !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie > .hc16-tiempo.vigencia-urgente::before {
  content:none !important;
  display:none !important;
}


/* v5.21.6 — Botón Copiar cupón: 32px de altura REAL, sin texto desbordado. */
#cupones > article.cupon.hc24-horizontal .hc24-pie .hc16-cta > button.boton-canjear:not(.boton-ofertazo-agotado),
#cupones > article.cupon.hc24-horizontal .hc24-pie button.boton-canjear:not(.boton-ofertazo-agotado) {
  box-sizing:border-box !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  vertical-align:middle !important;
  gap:5px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  width:auto !important;
  padding:0 10px !important;
  margin:0 !important;
  border:1px solid #f2be00 !important;
  border-radius:12px !important;
  background:#fff !important;
  background-image:none !important;
  color:#202020 !important;
  -webkit-text-fill-color:#202020 !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie button.boton-canjear:not(.boton-ofertazo-agotado) :is(span,strong,b,small) {
  font-size:12px !important;
  line-height:1 !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie button.boton-canjear:not(.boton-ofertazo-agotado) img {
  display:block !important;
  flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:contain !important;
}
#cupones > article.cupon.hc24-horizontal .hc24-pie button.boton-canjear:not(.boton-ofertazo-agotado) svg {
  flex:0 0 auto !important;
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
}



/* v5.21.13 — Regla consolidada: elimina alturas y márgenes contradictorios
   de v5.21.8 a v5.21.12. El botón determina el tamaño real del pie. */
#cupones.cupones-grid-compacta { align-items:start !important; grid-auto-rows:max-content !important; }
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal {
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:start !important;
  justify-content:flex-start !important;
  height:max-content !important;
  min-height:0 !important;
  max-height:none !important;
  padding-bottom:8px !important;
  row-gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie {
  box-sizing:border-box !important;
  display:flex !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:5px 0 0 !important;
  border-top:1px dashed #d7dce3 !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:5px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-acciones,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie .hc16-cta {
  box-sizing:border-box !important;
  display:flex !important;
  flex:0 0 auto !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  align-items:flex-start !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-acciones {
  margin-left:auto !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear.boton-ofertazo-agotado {
  box-sizing:border-box !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  flex:0 0 148px !important;
  width:148px !important;
  min-width:148px !important;
  max-width:148px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  margin:0 !important;
  padding:0 9px !important;
  border:1px solid #efc900 !important;
  border-radius:12px !important;
  background:#fff !important;
  background-image:none !important;
  color:#202020 !important;
  -webkit-text-fill-color:#202020 !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:1 !important;
  filter:none !important;
  box-shadow:none !important;
  transform:none !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear :is(span,strong,b,small) {
  color:#202020 !important;
  -webkit-text-fill-color:#202020 !important;
  font-size:12px !important;
  font-weight:600 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear img {
  flex:0 0 20px !important;
  width:20px !important;
  height:20px !important;
  max-width:20px !important;
  max-height:20px !important;
  object-fit:contain !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear svg {
  flex:0 0 14px !important;
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-agotado > .hc24-encabezado,
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-agotado > .hc24-cuerpo {
  opacity:.46 !important;
  filter:grayscale(.35) !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal.cupon-agotado > .hc24-pie button.boton-ofertazo-agotado {
  pointer-events:auto !important;
}
/* Icono SVG real: el glifo ◷ variaba por sistema y se veía diminuto. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-tiempo {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 1 auto !important;
  gap:3px !important;
  width:auto !important;
  max-width:calc(100% - 153px) !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.35 !important;
  text-align:left !important;
  white-space:normal !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-tiempo.vigencia-normal::before {
  content:"" !important;
  display:inline-block !important;
  flex:0 0 16px !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  padding:0 !important;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2369717d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-tiempo.vigencia-urgente::before {
  content:none !important;
  display:none !important;
}

/* v5.21.14 — Sólo móvil: pie anclado geométricamente al borde inferior.
   Evita que alturas heredadas o contenido variable creen huecos bajo el botón.
   Reserva: 5px entre contenido y separador + 38px pie + 8px borde = 51px. */
@media (max-width:759px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-self:start !important;
    box-sizing:border-box !important;
    height:fit-content !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:51px !important;
    row-gap:5px !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie {
    position:absolute !important;
    inset:auto 14px 8px 14px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex:0 0 auto !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding:5px 0 0 !important;
    border-top:1px dashed #d7dce3 !important;
    align-items:flex-start !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-acciones,
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie .hc16-cta {
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear {
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
  }
}
@media (max-width:380px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie {
    left:10px !important;
    right:10px !important;
  }
}


/* v5.21.15: escritorio — misma altura por fila, pie pegado al borde inferior.
   En móvil se conserva el pie anclado de v5.21.14. */
@media (min-width:760px) {
  #cupones.cupones-grid-compacta {
    align-items:stretch !important;
    grid-auto-rows:auto !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal {
    box-sizing:border-box !important;
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:8px !important;
    row-gap:5px !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie {
    box-sizing:border-box !important;
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    flex:0 0 auto !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin-top:auto !important;
    margin-bottom:0 !important;
    padding:5px 0 0 !important;
    align-items:flex-start !important;
    border-top:1px dashed #d7dce3 !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-acciones,
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie .hc16-cta {
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie button.boton-canjear {
    box-sizing:border-box !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
  }
}

/* v5.21.16 — contador de clics restaurado, esquina superior derecha.
   Se reutiliza el contador original, sin cambiar la lógica de clics. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado {
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado > .hc16-vistas-superiores {
  display:inline-flex !important; position:static !important; inset:auto !important;
  visibility:visible !important; opacity:1 !important; transform:none !important;
  flex:0 0 auto !important; align-items:center !important; justify-content:flex-end !important;
  gap:3px !important; margin:0 0 0 auto !important; padding:0 !important;
  width:auto !important; height:auto !important; min-height:0 !important;
  background:transparent !important; border:0 !important; box-shadow:none !important;
  color:#596472 !important; -webkit-text-fill-color:#596472 !important;
  font-family:inherit !important; font-size:11px !important; line-height:1 !important;
  font-weight:600 !important; white-space:nowrap !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado > .hc16-vistas-superiores .numero-clics {
  display:inline !important; color:inherit !important; -webkit-text-fill-color:inherit !important;
  font:inherit !important; line-height:1 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado > .hc16-vistas-superiores svg {
  display:block !important; width:13px !important; height:13px !important;
  flex:0 0 13px !important; margin:0 !important; color:inherit !important;
}

/* v5.21.17 — sólo corregir las esquinas del encabezado.
   La categoría conserva su posición izquierda y el contador queda a la derecha. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado {
  position:relative !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado > .hc16-categoria {
  order:0 !important;
  flex:0 1 auto !important;
  margin-left:0 !important;
  margin-right:auto !important;
  align-self:center !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-encabezado > .hc16-vistas-superiores {
  order:1 !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  margin-right:0 !important;
  align-self:center !important;
}

/* v5.21.18: desplazar solo el aviso de vigencia 5px a la derecha en móvil. */
@media (max-width:759px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal > .hc24-pie > .hc16-tiempo {
    margin-left:5px !important;
  }
}

/* v5.21.19 — importes en una sola línea, con separador vertical.
   Únicamente tarjetas horizontales del catálogo. */
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes {
  display:flex !important; flex-direction:row !important; align-items:baseline !important;
  flex-wrap:nowrap !important; justify-content:flex-start !important;
  gap:0 !important; width:100% !important; min-width:0 !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes > .hc16-panel-dato {
  display:inline-flex !important; flex:0 1 auto !important; min-width:0 !important;
  width:auto !important; white-space:nowrap !important; align-items:baseline !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes > .hc16-panel-dato + .hc16-panel-dato::before {
  content:"|" !important; display:inline-block !important; flex:0 0 auto !important;
  color:#b5bec8 !important; font-weight:400 !important;
  margin:0 7px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes .hc16-panel-textos {
  width:auto !important; min-width:0 !important; white-space:nowrap !important;
  gap:3px !important;
}
#cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes .hc16-panel-rotulo {
  white-space:nowrap !important;
}
@media(max-width:759px) {
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes .hc16-panel-rotulo,
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes .hc16-panel-textos strong {
    font-size:10px !important;
  }
  #cupones > article.cupon.cupon-editorial-v41.hc24-horizontal .hc24-textos > .hc16-panel-importes > .hc16-panel-dato + .hc16-panel-dato::before {
    margin:0 4px !important;
  }
}