:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-light: #a78bfa;--accent: #ec4899;--accent-light: #f472b6;--accent-super-light: #f472b524;--success: #10b981;--background: #ffffff;--background-alt: #f8fafc;--foreground: #0f172a;--foreground-secondary: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--card-bg: #ffffff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .07);--card-shadow-hover: 0 12px 24px rgba(124, 58, 237, .15);--radius: .75rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.misCupones{text-align:center;margin:2rem 1.5rem;color:var(--primary)}.sinCupones{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:300px;color:var(--foreground-secondary)}.sinCupones i{font-size:4rem;color:var(--primary-light);opacity:.7}.areaCupon{padding:1.5rem;background-color:transparent;display:flex;align-items:center;justify-content:center;width:100%}.disenoCupon{margin:1.5rem auto;background:linear-gradient(135deg,#7c3aed0d,#ec48990d);border-radius:1.25rem;position:relative;overflow:hidden;display:flex;flex-direction:row;height:400px;max-width:1000px}.disenoCupon div:first-child{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.divsinplan{justify-content:center;align-items:center;min-width:0px;max-width:0px;overflow:hidden}.divplanimg{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.divimg{object-fit:cover;object-position:center;width:100%;height:100%;border-radius:1.25rem;border:3px dashed var(--primary-light);border-right:none}.disenoCupon>div:last-child{display:flex;flex-direction:column;min-width:500px;max-width:500px;transition:all .3s ease;background:#fff;padding:2rem 1.5rem;border:3px dashed var(--primary-light);border-radius:1.25rem;position:relative;align-items:center;justify-content:center}.disenoCupon>div:last-child>div{display:flex;flex-direction:column;text-align:center;align-items:center}.disenoCupon>div>div p{max-width:400px;text-align:center;margin:.5rem 0}.disenoCupon>div:first-child circle{width:40px;height:40px;border-radius:50%;background-color:#fff;position:absolute;z-index:10;border:3px dashed var(--primary-light)}.disenoCupon>div:first-child circle:nth-of-type(1){top:-20px;right:-20px}.disenoCupon>div:first-child circle:nth-of-type(2){bottom:-20px;right:-20px}.mensaje{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mensaje>p:first-child{font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.mensaje>p:first-child>i{color:var(--primary);font-size:1.5rem;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}strong{color:var(--primary);font-weight:700}canvas{border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0;padding:1rem;background:#fff;box-shadow:0 4px 12px #7c3aed1a;border:2px solid var(--border);max-width:100%;height:auto}.vencimiento{display:flex;flex-direction:row;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed1a,#ec48991a);gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius);border:2px solid var(--border-light);font-size:.95rem;font-weight:500;transition:all .3s ease;color:var(--foreground)}.vencimiento:hover{background:linear-gradient(135deg,#7c3aed26,#ec489926);transform:translate(4px)}.vencimiento svg{flex-shrink:0;color:var(--success)}.btnUsuario{border-radius:var(--border);width:fit-content;min-width:200px;padding:1rem 2rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:var(--background);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #7c3aed4d;margin-top:1rem}.btnUsuario:hover{transform:translateY(-3px);box-shadow:0 8px 20px #7c3aed66}.btnUsuario:active{transform:translateY(-1px)}@media(max-width:600px){.disenoCupon{flex-direction:column;height:auto;min-height:600px}.disenoCupon>div:last-child{min-width:100%;max-width:100%}.divimg{height:300px}}