/* Cupones de portada (sitio y vista previa del Admin) */
.cp-wrap{position:relative}
.cp-car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:16px -20px 0;padding:6px 20px 14px;scrollbar-width:none}
.cp-car::-webkit-scrollbar{display:none}
.cp-car.uno{overflow:visible}
.cp{position:relative;flex:0 0 min(300px,calc(100% - 34px));display:flex;height:136px;cursor:pointer;scroll-snap-align:center;filter:drop-shadow(0 10px 14px rgba(13,13,13,.14));transition:transform .15s;-webkit-user-select:none;user-select:none;color:#111;text-align:left}
.cp-car.uno .cp{flex-basis:100%}
.cp:active{transform:scale(.98)}
.cp .cp-l{flex:1;background:#27CEB0;border-radius:18px 0 0 18px;padding:14px 16px;position:relative;overflow:hidden;
  -webkit-mask:radial-gradient(circle 11px at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 11px at 100% 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at 100% 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
.cp .cp-r{width:72px;flex:0 0 72px;background:#111;color:#fff;border-radius:0 18px 18px 0;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;
  -webkit-mask:radial-gradient(circle 11px at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle 11px at 0 0,transparent 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 11px at 0 100%,transparent 98%,#000) bottom/100% 51% no-repeat}
.cp .cp-r:before{content:"";position:absolute;left:0;top:14px;bottom:14px;border-left:2px dashed rgba(255,255,255,.35)}
.cp .cp-r span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:800;letter-spacing:.12em;font-size:12px;max-height:104px;overflow:hidden;white-space:nowrap}
.cp .cp-r em{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-style:normal;font-size:9px;font-weight:800;color:#27CEB0;letter-spacing:.04em}
.cp .cp-big{font-family:"OuterBlack",Arial,sans-serif;font-size:27px;line-height:.95;text-transform:uppercase;position:relative;z-index:1;max-width:78%}
.cp .cp-big i{font-family:"OuterOutline",Arial,sans-serif;font-style:normal;display:block;margin-top:2px}
.cp .cp-d{font-size:11.5px;font-weight:700;margin-top:8px;max-width:58%;position:relative;z-index:1;line-height:1.25}
.cp .cp-bw{position:absolute;right:-32px;bottom:-34px;width:112px;transform:rotate(-12deg);z-index:0}
.cp .cp-ph{position:absolute;right:-22px;bottom:-22px;width:104px;height:104px;border-radius:50%;background-size:cover;background-position:center;border:4px solid rgba(255,255,255,.55);z-index:0}
.cp .cp-q{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:rgba(13,13,13,.14);color:#111;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:3;border:0;cursor:pointer;font-family:inherit}
.cp.negro .cp-l{background:#111;color:#fff}.cp.negro .cp-r{background:#27CEB0;color:#111}.cp.negro .cp-r em{color:#111}.cp.negro .cp-r:before{border-color:rgba(13,13,13,.3)}
.cp.negro .cp-q{background:rgba(255,255,255,.18);color:#fff}
.cp.crema .cp-l{background:#F4EBDD}
.cp.ok .cp-r{background:#0A472E;color:#fff}.cp.ok .cp-r em{color:#fff}
.cp-dots{display:flex;gap:5px;justify-content:center;margin-top:-4px}
.cp-dots i{width:6px;height:6px;border-radius:3px;background:#E6E9E8;transition:.2s}.cp-dots i.on{width:18px;background:#111}
.cp-tip{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#111;color:#fff;border-radius:16px;padding:14px 14px 12px;font-size:13px;box-shadow:0 14px 30px rgba(0,0,0,.25);display:none}
.cp-tip.on{display:block}
.cp-tip:before{content:"";position:absolute;top:-7px;left:60px;width:14px;height:14px;background:#111;transform:rotate(45deg);border-radius:2px}
.cp-tip b{font-size:14px;display:block;margin-bottom:6px}
.cp-tip ol{margin:0 0 0 18px;line-height:1.5}
.cp-tip ol li::marker{color:#27CEB0;font-weight:800}
.cp-tip .cp-x{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
.cp-tip .cp-x small{color:#AEB8B4;font-size:11px}
.cp-tip .cp-x button{background:#27CEB0;color:#111;border:0;border-radius:999px;font-weight:800;font-size:13px;padding:8px 16px;font-family:inherit;cursor:pointer}
.cp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#111;color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:999px;white-space:nowrap;transition:.25s;z-index:50;pointer-events:none}
.cp-toast.on{opacity:1;transform:translate(-50%,0)}
.cp-saved{display:none;color:#27CEB0!important;font-weight:700}

.cp-how{font-size:12.5px;color:#5E6662;margin-top:2px}.cp-how b{color:#111}.cp-how a{color:#0A472E;font-weight:700}