@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--pine:#173d32;--lime:#d8f36a;--cream:#f7f6f0;--sage:#e4eadc;--slate:#5c6a61;--white:#fff;--pine-rgb:23, 61, 50;--lime-rgb:216, 243, 106;--pine-hover:#123128;--pine-light:#173d3214;--lime-hover:#cbee4f;--lime-glow:#d8f36a73;--border-subtle:#173d321f;--border-strong:#173d3240;--text-dark:#173d32;--text-muted:#5c6a61;--text-light:#f7f6f0;--font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 2px 8px #173d320f;--shadow-md:0 8px 24px #173d3214;--shadow-lg:0 16px 40px #173d321f;--shadow-wallet:0 20px 48px -10px #173d3238, 0 4px 12px #0000000d;--shadow-glow:0 0 30px #d8f36a80;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:36px;--radius-pill:9999px;--max-width:1240px;--nav-height:80px;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--transition-spring:all .5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}@media (hover:hover) and (pointer:fine){html{scroll-behavior:smooth}}body{font-family:var(--font-family);background-color:var(--cream);color:var(--text-dark);-webkit-overflow-scrolling:touch;line-height:1.6;position:relative;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 10% 20%,#d8f36a12 0%,#0000 40%),radial-gradient(circle at 90% 80%,#173d320a 0%,#0000 50%);width:100%;min-height:100%;position:absolute;top:0;left:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{max-width:100%;display:block}input,select,textarea{font-family:inherit;font-size:1rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4{color:var(--pine);letter-spacing:-.025em;font-weight:800;line-height:1.15}.section-tag{background:var(--sage);color:var(--pine);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.section-header{text-align:center;max-width:760px;margin:0 auto 60px}.section-title{margin-bottom:18px;font-size:clamp(2.2rem,4vw,3.4rem)}.section-subtitle{color:var(--slate);font-size:1.15rem;font-weight:500;line-height:1.65}.highlight-lime{color:var(--pine);white-space:nowrap;display:inline-block;position:relative}.highlight-lime:after{content:"";background:var(--lime);z-index:-1;border-radius:4px;height:14px;position:absolute;bottom:4px;left:-4px;right:-4px;transform:rotate(-1deg)}.brush-stroke{pointer-events:none;width:100%;height:12px;position:absolute;bottom:-8px;left:0}.badge-premio{background:var(--lime);color:var(--pine);letter-spacing:.04em;border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:10px 20px;font-size:1rem;font-weight:800;display:inline-flex;position:relative;transform:rotate(-4deg);box-shadow:0 4px 14px #d8f36a66}.badge-premio:before,.badge-premio:after{content:"";background:var(--pine);width:8px;height:2px;position:absolute}.badge-nosvemos{background:var(--pine);color:var(--white);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.badge-unamás{background:var(--sage);color:var(--pine);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.burst-sparks{color:var(--lime);gap:3px;display:inline-flex}.burst-sparks span{background:currentColor;border-radius:2px;width:2px;height:10px;display:inline-block;transform:rotate(20deg)}.btn{border-radius:var(--radius-pill);transition:var(--transition-spring);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;display:inline-flex}.btn-lime{background-color:var(--lime);color:var(--pine);box-shadow:0 6px 20px #d8f36a66}.btn-lime:hover{background-color:var(--lime-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #d8f36a99}.btn-pine{background-color:var(--pine);color:var(--white);box-shadow:0 6px 20px #173d3240}.btn-pine:hover{background-color:var(--pine-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #173d3259}.btn-outline{border:2px solid var(--pine);color:var(--pine);background:0 0}.btn-outline:hover{background:var(--pine-light);transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:.9rem}.btn-lg{padding:18px 36px;font-size:1.1rem}.announcement-bar{background:var(--pine);color:var(--white);text-align:center;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.announcement-bar .highlight{background:var(--lime);color:var(--pine);border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:800}.navbar{width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#f7f6f0e6;transition:background-color .2s,border-color .2s;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:100%;display:flex}.brand-logo{align-items:center;gap:10px;display:flex}.logo-text{color:var(--pine);letter-spacing:-.03em;align-items:center;font-size:1.85rem;font-weight:800;display:flex}.logo-text .logo-oo{color:var(--lime);align-items:center;margin:0 1px;display:inline-flex}.nav-menu{align-items:center;gap:32px;list-style:none;display:flex}.nav-link{color:var(--pine);transition:var(--transition);font-size:.95rem;font-weight:600;position:relative}.nav-link:hover{color:var(--slate)}.nav-link.active:after{content:"";background:var(--lime);border-radius:2px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.nav-actions{align-items:center;gap:16px;display:flex}.mobile-menu-toggle{color:var(--pine);background:0 0;border:none;padding:8px;display:none}.hero-section{padding:70px 0 100px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;display:grid}.hero-content{z-index:2;position:relative}.hero-badge-wrap{margin-bottom:24px}.hero-title{color:var(--pine);margin-bottom:24px;font-size:clamp(2.8rem,5.5vw,4.4rem);font-weight:800;line-height:1.08}.hero-desc{color:var(--slate);max-width:540px;margin-bottom:36px;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:36px;display:flex}.hero-trust-list{color:var(--pine);flex-direction:column;gap:10px;font-size:.95rem;font-weight:600;display:flex}.hero-trust-item{align-items:center;gap:10px;display:flex}.hero-trust-item svg{color:var(--pine);flex-shrink:0}.hero-visual{flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative}.cards-fan-container{perspective:1200px;width:320px;height:420px;margin:0 auto;position:relative}.wallet-card{border-radius:var(--radius-lg);background:var(--white);width:320px;height:410px;box-shadow:var(--shadow-wallet);transform-origin:bottom;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #173d3214;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s,z-index;display:flex;position:absolute;top:0;left:0}.wallet-card:hover{box-shadow:0 30px 60px -10px #173d3259;z-index:50!important;transform:translateY(-24px)scale(1.05)rotate(0)!important}.wallet-card.active{box-shadow:0 28px 56px -10px #173d324d;z-index:40!important;transform:translateY(-16px)scale(1.03)rotate(0)!important}.cards-fan-container .card-1{z-index:10;transform:rotate(-14deg)translate(-40px)translateY(10px)}.cards-fan-container .card-2{z-index:15;transform:rotate(-7deg)translate(-20px)translateY(4px)}.cards-fan-container .card-3{z-index:20;transform:rotate(0)translateY(0)}.cards-fan-container .card-4{z-index:15;transform:rotate(7deg)translate(20px)translateY(4px)}.cards-fan-container .card-5{z-index:10;transform:rotate(14deg)translate(40px)translateY(10px)}.card-header-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.card-brand-info{align-items:center;gap:10px;display:flex}.card-brand-icon{border-radius:var(--radius-sm);background:var(--pine);width:38px;height:38px;color:var(--lime);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.card-brand-name{color:var(--pine);font-size:1.05rem;font-weight:800;line-height:1.2}.card-category{color:var(--slate);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.card-wallet-badge{color:var(--slate);background:var(--cream);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;font-weight:700;display:flex}.card-mascot-row{background:var(--cream);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin:12px 0;padding:10px 14px;display:flex}.card-mascot-quote{color:var(--pine);font-size:.8rem;font-weight:700;line-height:1.3}.card-mascot-quote small{color:var(--slate);font-size:.7rem;font-weight:500;display:block}.card-stamps-box{background:var(--white);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:14px 10px}.stamps-grid-8{grid-template-columns:repeat(4,1fr);justify-items:center;gap:10px;display:grid}.stamp-slot{width:44px;height:44px;transition:var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.stamp-slot.stamped{background:var(--pine);color:var(--lime);box-shadow:0 2px 6px #173d3233}.stamp-slot.empty{background:var(--cream);color:var(--slate);border:2px dashed #173d3233}.stamp-slot.reward-slot{border-color:var(--lime);background:#d8f36a26}.card-progress-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.card-progress-label{color:var(--pine);font-size:.85rem;font-weight:800}.card-reward-btn{background:var(--pine);color:var(--lime);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:flex}.card-wallet-bottom-bar{text-align:center;color:var(--slate);letter-spacing:.08em;border-top:1px solid var(--border-subtle);padding-top:8px;font-size:.65rem;font-weight:700}.fan-controls{flex-wrap:wrap;justify-content:center;gap:6px;max-width:480px;margin-top:24px;display:flex}.fan-pill{border-radius:var(--radius-pill);background:var(--sage);color:var(--pine);transition:var(--transition);white-space:nowrap;padding:6px 12px;font-size:.8rem;font-weight:700}.fan-pill:hover,.fan-pill.active{background:var(--pine);color:var(--lime)}.section-registro{background:var(--white);padding:100px 0;position:relative}.registro-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;display:grid}.registro-steps{flex-direction:column;gap:28px;margin:36px 0;display:flex}.step-card{border-radius:var(--radius-md);background:var(--cream);border:1px solid var(--border-subtle);transition:var(--transition);align-items:flex-start;gap:20px;padding:20px;display:flex}.step-card:hover{border-color:var(--pine);transform:translate(6px)}.step-num{background:var(--pine);width:44px;height:44px;color:var(--lime);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.step-content h3{color:var(--pine);margin-bottom:6px;font-size:1.2rem}.step-content p{color:var(--slate);font-size:.95rem;line-height:1.5}.comparison-pill-box{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.comp-box-app{border-radius:var(--radius-sm);background:#fde8e8;border:1px solid #f8b4b4;padding:16px}.comp-box-app .title{color:#9b1c1c;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:800;display:flex}.comp-box-app p{color:#771d1d;font-size:.85rem;line-height:1.4}.comp-box-backsoon{border-radius:var(--radius-sm);background:#f3fae8;border:1px solid #c3e88d;padding:16px}.comp-box-backsoon .title{color:#173d32;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:800;display:flex}.comp-box-backsoon p{color:#235a4b;font-size:.85rem;line-height:1.4}.scan-simulator-wrap{background:var(--cream);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:40px;display:flex;position:relative;overflow:hidden}.counter-display-stand{background:var(--white);border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-subtle);z-index:1;width:220px;padding:18px;position:relative;box-shadow:0 12px 30px #00000014}.stand-wooden-base{background:#c29971;border-radius:6px;width:250px;height:14px;margin:10px auto 0;box-shadow:0 6px 12px #00000026}.stand-header{color:var(--pine);margin-bottom:10px;font-size:.8rem;font-weight:800}.stand-qr-box{background:var(--white);border:2px solid var(--pine);border-radius:12px;width:140px;height:140px;margin:0 auto 12px;padding:8px;position:relative}.stand-qr-box svg{width:100%;height:100%}.stand-footer-tag{color:var(--pine);background:var(--lime);border-radius:var(--radius-pill);padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.scan-phone-overlay{z-index:20;width:280px;height:460px;transition:var(--transition-spring);opacity:0;pointer-events:none;background:#111;border:8px solid #222;border-radius:40px;flex-direction:column;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 25px 60px #00000059}.scan-phone-overlay.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.phone-notch{background:#000;border-radius:20px;width:80px;height:20px;margin-bottom:8px}.camera-viewfinder{background:#1e2823e6;border-radius:24px;flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.laser-beam{background:var(--lime);width:80%;height:3px;box-shadow:0 0 12px var(--lime);animation:2s ease-in-out infinite scanLaser;position:absolute;top:0;left:10%}@keyframes scanLaser{0%{opacity:.3;top:15%}50%{opacity:1;top:85%}to{opacity:.3;top:15%}}.wallet-slide-in-card{background:var(--white);border:1px solid var(--border-subtle);z-index:30;border-radius:18px;width:240px;padding:16px;transition:bottom .7s cubic-bezier(.19,1,.22,1);position:absolute;bottom:-250px;box-shadow:0 10px 30px #0000004d}.wallet-slide-in-card.in-wallet{bottom:24px}.wallet-added-toast{background:var(--pine);color:var(--lime);border-radius:var(--radius-pill);opacity:0;transition:var(--transition-spring);z-index:40;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:40px;transform:translateY(-10px);box-shadow:0 6px 18px #0000004d}.wallet-added-toast.show{opacity:1;transform:translateY(0)}.sim-scan-trigger-btn{margin-top:24px}.section-fidelizacion{background:var(--cream);padding:100px 0;position:relative}.fidelizacion-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.feature-benefits-list{flex-direction:column;gap:20px;margin:32px 0;display:flex}.benefit-item{gap:16px;display:flex}.benefit-icon{border-radius:var(--radius-sm);background:var(--lime);width:42px;height:42px;color:var(--pine);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.benefit-info h4{margin-bottom:4px;font-size:1.15rem}.benefit-info p{color:var(--slate);font-size:.95rem}.interactive-stamp-stage{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);text-align:center;padding:36px;position:relative;overflow:hidden}.interactive-stamp-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#d8f36a66 0%,#0000 70%);width:140px;height:140px;position:absolute;top:-50px;right:-50px}.live-stamp-card{border-radius:var(--radius-lg);border:2px solid var(--border-strong);box-shadow:var(--shadow-md);text-align:left;background:#faf9f5;margin-bottom:24px;padding:24px;position:relative}.live-card-hero-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.live-card-merchant-title{color:var(--pine);font-size:1.3rem;font-weight:800}.live-card-subhead{color:var(--slate);font-size:.85rem;font-weight:600}.live-mascot-soon-wrap{width:60px;height:60px}.stamp-grid-interactive{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.int-stamp{cursor:pointer;width:58px;height:58px;transition:var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:relative}.int-stamp.stamped{background:var(--pine);color:var(--lime);transform:scale(1);box-shadow:0 4px 10px #173d3233}.int-stamp.pending-target{border:2px dashed var(--pine);color:var(--pine);background:#d8f36a40;animation:1.6s ease-in-out infinite pulseTarget}@keyframes pulseTarget{0%{transform:scale(1);box-shadow:0 0 #d8f36ab3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #d8f36a00}to{transform:scale(1);box-shadow:0 0 #d8f36a00}}.int-stamp.empty{background:var(--cream);color:#173d324d;border:2px dashed #173d3226}.reward-unlock-modal{background:var(--white);border:3px solid var(--lime);border-radius:var(--radius-lg);z-index:50;text-align:center;width:90%;max-width:380px;transition:var(--transition-spring);padding:28px 24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85);box-shadow:0 20px 60px #173d3266}.reward-unlock-modal.active{animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:block;transform:translate(-50%,-50%)scale(1)}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.reward-stamp-burst-badge{margin-bottom:12px;font-size:1.4rem}.stamp-actions-toolbar{justify-content:center;gap:12px;margin-top:18px;display:flex}.section-recordatorios{background:var(--pine);color:var(--white);padding:100px 0;position:relative;overflow:hidden}.section-recordatorios .section-title{color:var(--white)}.section-recordatorios .section-subtitle{color:#a3b5aa}.section-recordatorios .section-tag{color:var(--lime);background:#d8f36a26}.recordatorios-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;display:grid}.notification-scenarios-selector{flex-direction:column;gap:16px;margin-top:36px;display:flex}.scenario-btn{border-radius:var(--radius-md);color:var(--white);transition:var(--transition);text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.scenario-btn:hover{background:#ffffff1f;border-color:#d8f36a66}.scenario-btn.active{border-color:var(--lime);background:#d8f36a26}.scenario-btn .scenario-icon{margin-right:16px;font-size:1.5rem}.scenario-btn .scenario-title{margin-bottom:2px;font-size:1.05rem;font-weight:700}.scenario-btn .scenario-desc{color:#a3b5aa;font-size:.85rem}.scenario-btn .scenario-impact{background:var(--lime);color:var(--pine);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 10px;font-size:.75rem;font-weight:800}.phone-mockup-frame{background:#0d1612;border:12px solid #23312a;border-radius:48px;flex-direction:column;width:320px;height:640px;margin:0 auto;padding:20px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 0 20px #00000080}.phone-dynamic-island{background:#000;border-radius:20px;width:100px;height:26px;margin:0 auto 30px}.phone-lock-clock{text-align:center;color:var(--white);margin-bottom:40px}.phone-lock-date{opacity:.85;font-size:.95rem;font-weight:600}.phone-lock-time{letter-spacing:-.04em;font-size:3.8rem;font-weight:800;line-height:1}.phone-notification-card{-webkit-backdrop-filter:blur(25px);color:#111;transition:var(--transition-spring);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:22px;padding:16px;animation:.5s ease-out slideNotification;box-shadow:0 12px 36px #0000004d}@keyframes slideNotification{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.notif-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notif-app-brand{align-items:center;gap:8px;display:flex}.notif-app-icon{background:var(--pine);width:22px;height:22px;color:var(--lime);border-radius:6px;justify-content:center;align-items:center;font-size:.75rem;display:flex}.notif-app-name{color:var(--pine);font-size:.8rem;font-weight:700}.notif-time{color:#666;font-size:.7rem;font-weight:500}.notif-content-body h5{color:#111;margin-bottom:4px;font-size:.95rem;font-weight:800}.notif-content-body p{color:#444;font-size:.85rem;line-height:1.4}.notif-quick-action{color:var(--pine);border-top:1px solid #00000014;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;font-size:.75rem;font-weight:700;display:flex}.section-gestion{background:var(--white);padding:100px 0;position:relative}.dashboard-preview-window{background:var(--cream);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);margin-top:40px;overflow:hidden}.dashboard-window-bar{background:var(--white);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.dashboard-dots{gap:8px;display:flex}.dashboard-dots span{background:#ddd;border-radius:50%;width:12px;height:12px}.dashboard-dots span:first-child{background:#ff5f56}.dashboard-dots span:nth-child(2){background:#ffbd2e}.dashboard-dots span:nth-child(3){background:#27c93f}.dashboard-search-bar{background:var(--cream);border-radius:var(--radius-pill);color:var(--slate);align-items:center;gap:8px;padding:6px 18px;font-size:.8rem;font-weight:600;display:flex}.dashboard-kpis-row{grid-template-columns:repeat(4,1fr);gap:20px;padding:28px 28px 16px;display:grid}.kpi-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:var(--transition);padding:20px}.kpi-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.kpi-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-label{color:var(--slate);text-transform:uppercase;font-size:.8rem;font-weight:700}.kpi-trend{color:#0e8a45;border-radius:var(--radius-pill);background:#e8f7ee;padding:2px 8px;font-size:.75rem;font-weight:800}.kpi-value{color:var(--pine);font-size:1.9rem;font-weight:800}.kpi-footer-note{color:var(--slate);margin-top:4px;font-size:.75rem}.dashboard-main-grid{grid-template-columns:1.4fr 1fr;gap:24px;padding:12px 28px 28px;display:grid}.dash-box{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:22px}.dash-box-title{color:var(--pine);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:800;display:flex}.live-badge-dot{color:#0e8a45;border-radius:var(--radius-pill);background:#e8f7ee;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.live-badge-dot:before{content:"";background:#0e8a45;border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulseDot}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.activity-feed-list{flex-direction:column;gap:14px;display:flex}.feed-item{background:var(--cream);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.feed-user-info{align-items:center;gap:12px;display:flex}.feed-avatar{background:var(--sage);width:34px;height:34px;color:var(--pine);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.feed-text strong{color:var(--pine)}.feed-stamp-badge{border-radius:var(--radius-pill);padding:4px 10px;font-size:.75rem;font-weight:700}.feed-stamp-badge.normal{background:var(--sage);color:var(--pine)}.feed-stamp-badge.reward{background:var(--lime);color:var(--pine)}.segment-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.segment-item:last-child{border-bottom:none}.segment-title{color:var(--pine);font-size:.9rem;font-weight:700}.segment-count{color:var(--slate);font-size:.8rem}.segment-action-btn{border-radius:var(--radius-pill);background:var(--pine);color:var(--white);padding:6px 12px;font-size:.75rem;font-weight:700}.section-cierre{background:var(--cream);padding:110px 0;position:relative}.customizer-grid{grid-template-columns:1.15fr 1fr;align-items:flex-start;gap:60px;margin-top:40px;display:grid}.customizer-form-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);padding:36px}.form-group{margin-bottom:24px}.form-label{color:var(--pine);margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.form-input{border-radius:var(--radius-sm);border:2px solid var(--border-subtle);background:var(--cream);width:100%;color:var(--pine);transition:var(--transition);padding:14px 18px;font-weight:600}.form-input:focus{border-color:var(--pine);background:var(--white);outline:none}.business-type-selector{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.type-radio-btn{border-radius:var(--radius-sm);border:2px solid var(--border-subtle);background:var(--cream);cursor:pointer;transition:var(--transition);color:var(--pine);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.85rem;font-weight:700;display:flex}.type-radio-btn:hover{border-color:var(--pine)}.type-radio-btn.active{border-color:var(--pine);background:var(--sage)}.color-swatches-row{gap:14px;display:flex}.color-swatch{cursor:pointer;width:38px;height:38px;transition:var(--transition-spring);border:3px solid #0000;border-radius:50%}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--white);box-shadow:0 0 0 3px var(--pine);transform:scale(1.1)}.color-pine{background:#173d32}.color-lime{background:#d8f36a}.color-terracotta{background:#bd5338}.color-slate{background:#5c6a61}.color-navy{background:#1d2d44}.color-plum{background:#5a2a42}.customizer-preview-col{flex-direction:column;align-items:center;display:flex;position:sticky;top:100px}.preview-wallet-badge{background:var(--pine);color:var(--white);border-radius:var(--radius-pill);align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.cta-conversion-box{background:var(--pine);color:var(--white);border-radius:var(--radius-lg);text-align:center;width:100%;margin-top:30px;padding:30px}.cta-conversion-box h4{color:var(--white);margin-bottom:8px;font-size:1.35rem}.cta-conversion-box p{color:#a3b5aa;margin-bottom:20px;font-size:.9rem}.email-signup-row{gap:10px;margin-bottom:16px;display:flex}.email-signup-input{border-radius:var(--radius-pill);border:none;flex:1;padding:14px 18px;font-size:.95rem}.trust-micro-guarantees{color:#a3b5aa;flex-wrap:wrap;justify-content:center;gap:16px;font-size:.75rem;display:flex}.footer{color:var(--white);background:#0e261f;border-top:1px solid #ffffff14;padding:80px 0 40px}.footer-top-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:50px;margin-bottom:60px;display:grid}.footer-brand-col p{color:#92a599;max-width:360px;margin:18px 0 24px;font-size:.95rem;line-height:1.6}.footer-col h5{color:var(--white);margin-bottom:20px;font-size:1.05rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#92a599;transition:var(--transition);font-size:.9rem}.footer-links a:hover{color:var(--lime);transform:translate(4px)}.footer-developer-credit-banner{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #d8f36a33;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 24px;display:flex}.dev-credit-left{align-items:center;gap:14px;display:flex}.dev-icon{background:var(--lime);width:38px;height:38px;color:var(--pine);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.dev-credit-text strong{color:var(--white);font-size:.95rem;display:block}.dev-credit-text span{color:#92a599;font-size:.8rem}.footer-bottom-bar{color:#92a599;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:30px;font-size:.85rem;display:flex}@media (max-width:1024px){.hero-grid,.registro-grid,.fidelizacion-grid,.recordatorios-grid,.customizer-grid{grid-template-columns:1fr;gap:50px}.dashboard-kpis-row{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.footer-top-grid{grid-template-columns:1fr 1fr}.customizer-preview-col{position:static}}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-actions{flex-direction:column;width:100%}.btn{width:100%}.cards-fan-container{width:290px;height:390px}.wallet-card{width:290px;height:380px;padding:18px}.dashboard-kpis-row,.footer-top-grid{grid-template-columns:1fr}.footer-developer-credit-banner{text-align:center;flex-direction:column;gap:14px}.dev-credit-left{flex-direction:column}.footer-bottom-bar{text-align:center;flex-direction:column;gap:14px}.email-signup-row{flex-direction:column}}