:root{--pareja-primary:#e91e63;--pareja-secondary:#ff1493;--pareja-light:#fecaca;--pareja-pastel:#fbcfe8;--pareja-gradient-bg:linear-gradient(135deg,#fef7e7 0%,#fbcfe8 25%,#fff5f0 50%,#f8bbd0 75%,#fce7f3 100%);--pareja-gradient-text:linear-gradient(135deg,#e91e63 0%,#ff1493 100%);--pareja-gradient-cta:linear-gradient(135deg,#e91e63 0%,#ff1493 100%);--pareja-gradient-free:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);--pareja-shadow-sm:0 4px 12px #e91e631a;--pareja-shadow-md:0 8px 24px #e91e6333;--pareja-shadow-lg:0 12px 32px #e91e634d;--gradient-title-pareja-main:linear-gradient(135deg,#e36c95 0%,#ec9cb7 40%,#f64682 100%);--gradient-title-pareja-secondary:linear-gradient(135deg,#f198b6 0%,#f181a7 40%,#ff6b9d 100%);--gradient-title-pareja-accent:linear-gradient(135deg,#fbc8b3 0%,#f181a7 40%,#fbc8b3 100%)}.pareja-cta-golden-purple{background:var(--gradient-title-pareja-accent);color:#fff;border-radius:var(--radius-button);cursor:pointer;transition:var(--transition-standard);text-shadow:0 1px 2px #00000026;border:1px solid #fff6;align-items:center;gap:10px;padding:6px 20px;font-family:Playpen Sans,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #f181a74d,0 4px 12px #fbc8b333,0 2px 4px #0000001a}.pareja-cta-golden-purple:before{content:"";pointer-events:none;background:linear-gradient(#fff6 0%,#ffffff1a 100%);border-radius:50px 50px 100% 100%;height:50%;position:absolute;top:0;left:0;right:0}.pareja-cta-golden-purple:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.pareja-cta-golden-purple:hover:after{left:100%}.pareja-cta-golden-purple:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#7c3aed 100%);border:1px solid #fff9;transform:translateY(-3px);box-shadow:0 12px 32px #8b5cf666,0 6px 16px #7c3aed4d,0 2px 8px #00000026}.pareja-cta-golden-purple:active{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf659,0 3px 8px #7c3aed40,0 1px 4px #0000001a}.regalos-pareja-hub{width:100%;overflow-x:hidden}.hero-hub{background:var(--pareja-gradient-bg);color:#fff;text-align:center;padding:120px 20px 80px;position:relative;overflow:hidden}.hero-hub:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-hub h1{background:var(--pareja-gradient-text);-webkit-text-fill-color:transparent;color:#e91e63;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.2}@supports ((-webkit-background-clip:text)){.hero-hub h1{color:#0000}}.hero-subtitle{opacity:.95;max-width:700px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-features{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.feature-badge{cursor:default;border-radius:50px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.feature-badge.badge-emotional{border:2px solid var(--pareja-primary);color:#881337;background:linear-gradient(135deg,#e91e6326 0%,#ff149326 100%)}.feature-badge.badge-content{color:#475569;background:#ffffffe6;border:2px solid #e91e634d}.feature-badge.badge-free{background:var(--pareja-gradient-free);color:#fff;border:2px solid #16a34a;font-weight:700;box-shadow:0 4px 12px #22c55e4d}.feature-badge:hover{box-shadow:var(--pareja-shadow-md);transform:translateY(-2px)}.feature-badge.badge-free:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #22c55e66}.btn-scroll{background:var(--pareja-gradient-cta);color:#fff;border:2px solid #fff;border-radius:50px;padding:16px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 8px 32px #e91e6366,0 4px 16px #ff14934d}.btn-scroll:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 12px 40px #e91e6380,0 6px 20px #ff149366}.btn-scroll:active{transform:translateY(0)scale(1)}.btn-scroll:focus-visible{outline-offset:4px;outline:3px solid #e91e63}.ocasiones-section{background:#f8f9fa;padding:80px 20px}.ocasiones-section h2{text-align:center;color:#2d3748;margin-bottom:15px;font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:#718096;max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:1.15rem}.ocasiones-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.ocasion-card{text-align:center;color:inherit;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;min-height:350px;padding:40px 30px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.ocasion-card-bg{object-fit:cover;z-index:0;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.ocasion-card-overlay{z-index:1;background:#00000080;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.ocasion-card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.ocasion-card:not(.coming-soon):hover{border-color:#667eea;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #00000040}.ocasion-card:not(.coming-soon):hover .ocasion-card-overlay{background:#0003}.ocasion-card.coming-soon{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.ocasion-icon{margin-bottom:20px;font-size:3.5rem}.ocasion-card h3{color:#2d3748;margin-bottom:15px;font-size:1.5rem;font-weight:700}.ocasion-card p{color:#718096;flex-grow:1;margin-bottom:25px;font-size:1rem;line-height:1.6}.card-link{color:#667eea;background:#ffffffe6;border-radius:50px;margin-top:10px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #00000026}.card-link.disabled{color:#a0aec0}.ocasion-card:not(.coming-soon):hover .card-link{background:#fff;transform:translate(4px)scale(1.05);box-shadow:0 6px 20px #00000040}.ocasion-card.san-valentin h3,.ocasion-card.san-valentin p{color:#fff}.ocasion-card.san-valentin:hover{border-color:#e53e3e;box-shadow:0 20px 40px #e53e3e66}.ocasion-card.san-valentin .card-link{color:#dc2626;background:#fecacaf2}.ocasion-card.aniversario h3,.ocasion-card.aniversario p{color:#fff}.ocasion-card.aniversario:hover{border-color:#ed8936;box-shadow:0 20px 40px #ed893666}.ocasion-card.aniversario .card-link{color:#ea580c;background:#fed7aaf2}.ocasion-card.pedida h3,.ocasion-card.pedida p{color:#fff}.ocasion-card.pedida:hover{border-color:#d69e2e;box-shadow:0 20px 40px #d69e2e66}.ocasion-card.pedida .card-link{color:#ca8a04;background:#fef08af2}.ocasion-card.otro-momento:hover{border-color:#667eea}.como-funciona-hub{background:#fff;padding:80px 20px}.como-funciona-hub h2{text-align:center;color:#2d3748;margin-bottom:60px;font-size:2.5rem;font-weight:800}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.step{text-align:center}.step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex}.step h3{color:#2d3748;margin-bottom:12px;font-size:1.3rem;font-weight:700}.step p{color:#718096;font-size:1rem;line-height:1.6}.cta-final-hub{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 20px}.cta-final-hub h2{margin-bottom:20px;font-size:2.5rem;font-weight:800}.cta-final-hub p{opacity:.95;margin-bottom:40px;font-size:1.2rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-primary,.btn-secondary{border-radius:50px;padding:16px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#667eea;background:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary:hover{color:#667eea;background:#fff}.hero-decoration{opacity:.08;pointer-events:none;z-index:0;font-size:80px;animation:8s ease-in-out infinite float;position:absolute}.hero-heart-1{font-size:90px;animation-delay:0s;top:10%;right:5%}.hero-heart-2{font-size:100px;animation-delay:2s;bottom:15%;left:8%}.hero-heart-3{font-size:60px;animation-delay:4s;top:40%;right:15%}.hero-heart-4{font-size:70px;animation-delay:6s;top:60%;left:12%}.hero-sparkle-1{font-size:50px;animation-delay:1s;top:25%;left:20%}.hero-sparkle-2{font-size:55px;animation-delay:5s;bottom:30%;right:25%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.hero-decoration{opacity:.05;animation:none!important}}@media (max-width:768px){.hero-hub{padding:80px 20px 60px}.hero-hub h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-features{flex-direction:column;gap:12px}.feature-badge{padding:10px 20px;font-size:.9rem}.hero-decoration{font-size:60px}.hero-heart-2{font-size:70px}.btn-scroll{width:100%;max-width:320px;padding:18px 40px}.ocasiones-section{padding:60px 20px}.ocasiones-section h2{font-size:2rem}.ocasiones-grid{grid-template-columns:1fr;gap:20px}.como-funciona-hub{padding:60px 20px}.como-funciona-hub h2{margin-bottom:40px;font-size:2rem}.steps-grid{grid-template-columns:1fr;gap:30px}.cta-final-hub{padding:60px 20px}.cta-final-hub h2{font-size:2rem}.cta-buttons{flex-direction:column;gap:15px}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (max-width:480px){.hero-hub h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.feature-badge{padding:8px 16px;font-size:.85rem}.hero-sparkle-1,.hero-sparkle-2{display:none}.hero-decoration{opacity:.05;font-size:50px;animation-duration:10s}.btn-scroll{max-width:100%;padding:16px 32px;font-size:1rem}.ocasiones-section h2,.como-funciona-hub h2,.cta-final-hub h2{font-size:1.75rem}.pareja-cta-golden-purple:after{display:none}.shared-pricing-cta-button.pareja-cta-golden-purple{justify-content:center;width:100%}}.regalos-pareja-hub .floating-cta,[class*=san-valentin] .floating-cta,[class*=aniversario] .floating-cta,[class*=pedida] .floating-cta{background:var(--gradient-title-pareja-accent)!important;color:#fff!important;cursor:pointer!important;text-shadow:0 1px 2px #00000026!important;border:1px solid #fff6!important;font-family:Playpen Sans,sans-serif!important;font-weight:700!important;overflow:hidden!important;box-shadow:0 8px 24px #f181a74d,0 4px 12px #fbc8b333,0 2px 4px #0000001a!important}.regalos-pareja-hub .floating-cta:before,[class*=san-valentin] .floating-cta:before,[class*=aniversario] .floating-cta:before,[class*=pedida] .floating-cta:before{content:""!important;pointer-events:none!important;z-index:1!important;background:linear-gradient(#fff6 0%,#ffffff1a 100%)!important;border-radius:50px 50px 100% 100%!important;height:50%!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.regalos-pareja-hub .floating-cta:after,[class*=san-valentin] .floating-cta:after,[class*=aniversario] .floating-cta:after,[class*=pedida] .floating-cta:after{content:""!important;pointer-events:none!important;z-index:1!important;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%)!important;width:100%!important;height:100%!important;transition:left .5s!important;position:absolute!important;top:0!important;left:-100%!important}.regalos-pareja-hub .floating-cta:hover:after,[class*=san-valentin] .floating-cta:hover:after,[class*=aniversario] .floating-cta:hover:after,[class*=pedida] .floating-cta:hover:after{left:100%!important}.regalos-pareja-hub .floating-cta:hover,[class*=san-valentin] .floating-cta:hover,[class*=aniversario] .floating-cta:hover,[class*=pedida] .floating-cta:hover{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 50%,#7c3aed 100%)!important;border:1px solid #fff9!important;transform:translate(-50%,-2px)!important;box-shadow:0 12px 32px #8b5cf666,0 6px 16px #7c3aed4d,0 2px 8px #00000026!important}.regalos-pareja-hub .floating-cta:active,[class*=san-valentin] .floating-cta:active,[class*=aniversario] .floating-cta:active,[class*=pedida] .floating-cta:active{transform:translate(-50%)!important;box-shadow:0 6px 16px #8b5cf659,0 3px 8px #7c3aed40,0 1px 4px #0000001a!important}@media (max-width:480px){.regalos-pareja-hub .floating-cta:after,[class*=san-valentin] .floating-cta:after,[class*=aniversario] .floating-cta:after,[class*=pedida] .floating-cta:after{display:none!important}}
