.cp-demo{gap:14px;display:grid}.cp-cupon{background:var(--grafito);color:var(--papel);border-radius:18px;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden;-webkit-mask:radial-gradient(11px at calc(100% - 118px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(11px at calc(100% - 118px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(11px at calc(100% - 118px) 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(11px at calc(100% - 118px) 100%,#0000 98%,#000) bottom/100% 51% no-repeat}.cp-cuerpo{transition:opacity .4s var(--ease),filter .4s var(--ease);gap:4px;padding:20px 18px 20px 20px;display:grid}.cp-negocio{color:#f4f3f0b8;font-size:.8rem;font-weight:650}.cp-oferta{font-family:var(--titular);letter-spacing:-.035em;color:var(--turquesa);font-size:1.7rem;font-weight:800;line-height:1.05}.cp-condicion{color:#f4f3f0cc;font-size:.82rem;line-height:1.4}.cp-talon{text-align:center;width:118px;transition:opacity .4s var(--ease);border-left:2px dashed #f4f3f047;flex-direction:column;justify-content:center;gap:4px;padding:18px 12px;display:flex}.cp-codigo-etiqueta{color:#f4f3f0a6;font-size:.72rem;font-weight:600}.cp-codigo{letter-spacing:.02em;font-variant-numeric:tabular-nums;word-break:break-all;font-size:.86rem;font-weight:750}.cp-sello{background:var(--turquesa);color:var(--grafito);font-family:var(--titular);letter-spacing:-.01em;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .45s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:9px 16px 9px 12px;font-size:1.05rem;font-weight:800;line-height:1.1;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)scale(1.5);box-shadow:0 10px 24px -10px #0009}.cp-sello small{font-family:var(--font-inter,inherit);letter-spacing:0;font-size:.72rem;font-weight:600;display:block}.cp-sello .herr-ico{stroke-width:2.25px;width:22px;height:22px}.cp-demo:not(.is-idle) .cp-sello{opacity:1;transform:translate(-50%,-50%)rotate(-7deg)scale(1)}.cp-demo:not(.is-idle) .cp-cuerpo,.cp-demo:not(.is-idle) .cp-talon{opacity:.4;filter:grayscale()}.cp-demo.is-rechazado .cp-cupon{animation:cp-niega .45s var(--ease)both}@keyframes cp-niega{0%,to{transform:none}20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.cp-mensaje{min-height:2.7em;color:var(--grafito);font-size:.92rem;font-weight:600;line-height:1.4}.cp-demo.is-rechazado .cp-mensaje{animation:cp-aparece .4s var(--ease)both}@keyframes cp-aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cp-boton{width:100%}.cp-demo.is-canjeado .cp-boton{box-shadow:inset 0 0 0 1.5px var(--grafito)}
