html{scroll-behavior:smooth;overscroll-behavior-y:none}:root{--bg-deep: #09121a;--bg-secondary: #11202e;--text-main: #f0f4f8;--text-dim: #8a9ba8;--primary-electric: #00b4d8;--primary-glow: rgba(0, 180, 216, .4);--accent-cyan: #0077b6;--accent-neon-green: #90e0ef;--glass-bg: rgba(9, 18, 26, .6);--glass-border: rgba(0, 180, 216, .2);--glass-blur: blur(16px);--max-width: 1400px;--spacing-unit: 1rem}.light-active{--text-main: #1a1a1a;--text-dim: #2d3748;--glass-bg: rgba(255, 255, 255, .98);--glass-border: rgba(0, 51, 102, .2);--primary-glow: rgba(0, 51, 102, .1);color:var(--text-main)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-deep);color:var(--text-main);line-height:1.6;overscroll-behavior-y:none}h1,h2,h3,h4,h5,h6{color:var(--text-main)}body,p,h1,h2,h3,.glass-card,.step-card,.logo,.nav-links a{transition:color .4s ease,background-color .4s ease,border-color .4s ease,text-shadow .4s ease,box-shadow .4s ease}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:0;pointer-events:none;outline:none}#app{position:relative;width:100%;min-height:200vh;z-index:1;overflow-x:hidden}.glass-nav{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:100}.logo{font-size:1.5rem;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,var(--text-main),var(--primary-electric));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-decoration:none}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-main);text-decoration:none;font-weight:400;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.nav-links a:hover{color:var(--primary-electric)}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-switch-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px}.mini-switch{transform:scale(.25);margin:0;position:absolute}.b2b-tooltip{position:absolute;right:100%;margin-right:15px;top:50%;transform:translateY(-50%);background:var(--primary-electric);color:var(--bg-deep);padding:8px 14px;border-radius:8px;font-size:.85rem;font-weight:400;text-align:right;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s ease;box-shadow:0 4px 15px var(--primary-glow)}.b2b-tooltip strong{font-weight:800;font-size:.95rem}.b2b-tooltip.visible{opacity:1}.b2b-tooltip .tooltip-arrow{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid var(--primary-electric)}.btn{padding:.8rem 1.8rem;border-radius:30px;font-family:Outfit,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;opacity:1;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease,border-color .4s ease,color .4s ease}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-main)}.btn-outline:hover{border-color:var(--primary-electric);box-shadow:0 0 15px var(--primary-glow)}.btn-primary{background:linear-gradient(135deg,var(--primary-electric),var(--accent-cyan));color:#fff;border:none;box-shadow:0 0 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--primary-glow),0 0 10px #00ff874d}.hero-section{min-height:100vh;display:flex;align-items:center;padding:0 10%;position:relative}.hero-content{max-width:700px;z-index:2;position:relative}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-1px}.text-glow{color:var(--primary-electric);text-shadow:0 0 30px var(--primary-glow),0 0 60px rgba(0,180,216,.2)}.hero-subtitle{font-size:clamp(1.1rem,1.5vw,1.3rem);color:var(--text-dim);margin-bottom:2.5rem;font-weight:300;max-width:500px}.cta-group{display:flex;gap:1.5rem;flex-wrap:wrap}.packs-section{min-height:100vh;padding:6rem 10%;position:relative;display:flex;flex-direction:column;justify-content:center;z-index:10}.packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;align-items:center}.pack-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:2.5rem 2rem;border-radius:20px;display:flex;flex-direction:column;opacity:0;transform:translateY(0)!important;transition:transform .4s ease,box-shadow .4s ease}.pack-card:hover{transform:translateY(-10px)!important;box-shadow:0 15px 30px #00000080}.pack-card h3{font-size:1.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.pack-price{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:1rem}.pack-desc{font-size:.95rem;margin-bottom:2rem;min-height:45px}.pack-features{list-style:none;margin-bottom:2.5rem;flex-grow:1}.pack-features li{margin-bottom:1rem;font-size:.95rem;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem}.pack-card .btn{width:100%}.premium-pack{border:1px solid var(--primary-electric);box-shadow:0 0 25px #00b4d826,inset 0 0 20px #00b4d80d;background:linear-gradient(180deg,rgba(0,180,216,.1) 0%,var(--glass-bg) 100%);position:relative}.premium-pack:hover{box-shadow:0 15px 40px #00b4d84d,inset 0 0 30px #00b4d81a}.premium-pack h3{color:var(--primary-electric)}.badge-recomendado{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-electric),var(--accent-cyan));color:#fff;padding:.4rem 1.5rem;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px var(--primary-glow)}.steps-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%;position:relative;z-index:2}.steps-header{text-align:center;margin-bottom:4rem}.steps-header h2{font-size:3rem;color:var(--text-main)}.steps-header p{color:var(--text-dim)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2.5rem;border-radius:15px;position:relative;transition:transform .3s ease;opacity:0}.step-card:hover{transform:translateY(-5px)}.step-number{position:absolute;top:-20px;left:-20px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-electric),var(--accent-cyan));color:var(--bg-deep);font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 20px var(--primary-glow)}.step-card h3{margin-bottom:1rem;font-size:1.3rem}.step-card p{color:var(--text-dim)}.glass-footer{margin-top:4rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);padding:4rem 10% 2rem;position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand p{color:var(--text-dim);font-size:.95rem;margin-top:1rem;max-width:400px}.glass-footer h4{color:var(--text-main);font-size:1.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.glass-footer ul{list-style:none}.glass-footer ul li{margin-bottom:.8rem}.glass-footer a{color:var(--text-dim);text-decoration:none;transition:color .3s ease;font-size:.95rem}.glass-footer a:hover{color:var(--primary-electric)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);color:var(--text-dim);font-size:.85rem}.css-switch{cursor:pointer;display:inline-block;padding:20px;background:#eee;border-radius:10px;box-shadow:5px 5px 15px #0000004d,inset 1px 1px 2px #fff;transition:transform .1s}.css-switch:active{transform:scale(.98)}.switch-plate{width:80px;height:120px;background:#fff;border-radius:5px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.switch-button{width:50px;height:80px;background:#fdfdfd;border-radius:4px;box-shadow:0 4px #ccc;transition:all .2s ease;position:relative;transform:perspective(100px) rotateX(-10deg)}#light-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#b8bec9;z-index:-1;pointer-events:none;clip-path:circle(0px at var(--click-x, 50%) var(--click-y, 50%));transition:clip-path 1.2s linear}body.light-mode #light-overlay{clip-path:circle(var(--max-radius, 3000px) at var(--click-x, 50%) var(--click-y, 50%))}body.light-mode .glass-nav{background:#c8cdd6;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #a8b0bc;box-shadow:0 2px 12px #00143c1a}body.light-mode .logo{background:linear-gradient(90deg,#036,#005fa3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.light-mode .nav-links a{color:#1a1a1a;font-weight:500}body.light-mode .nav-links a:hover{color:#036}body.light-mode .btn-outline{border:2px solid #003366;color:#036;font-weight:600;background:transparent;box-shadow:none}body.light-mode .btn-outline:hover{background:#036;color:#fff;box-shadow:0 4px 14px #00336640}body.light-mode .btn-primary{background:#036;color:#fff;box-shadow:0 4px 14px #0033664d}body.light-mode .btn-primary:hover{background:#004d99;box-shadow:0 6px 20px #00336659;transform:translateY(-2px)}body.light-mode .hero-title{color:#1a1a1a}body.light-mode .text-glow,body.light-mode .hero-title .text-glow{color:#036;text-shadow:none;-webkit-text-fill-color:#003366}body.light-mode .hero-subtitle{color:#2d3748}body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode .text-b2b{color:#1a1a1a}body.light-mode .steps-header p{color:#2d3748}body.light-mode .pack-card,body.light-mode .step-card,body.light-mode .glass-card{background:#fff;border:1px solid #d0daea;box-shadow:0 2px 12px #00143c14,0 8px 24px #00143c0f}body.light-mode .pack-card h3,body.light-mode .pack-card .pack-price{color:#1a1a1a}body.light-mode .pack-card .pack-desc,body.light-mode .step-card p{color:#2d3748}body.light-mode .pack-features li{color:#1a1a1a;border-bottom-color:#e8ecf2}body.light-mode .premium-pack{border:2px solid #003366;box-shadow:0 4px 24px #00336626,0 8px 32px #00143c14;background:linear-gradient(160deg,#f0f5ff,#fff)}body.light-mode .premium-pack h3{color:#036}body.light-mode .premium-pack .pack-price.text-glow{color:#036;-webkit-text-fill-color:#003366;text-shadow:none}body.light-mode .badge-recomendado{background:#036;color:#fff;box-shadow:0 2px 8px #0033664d}body.light-mode .step-number{background:#036;color:#fff;box-shadow:0 4px 12px #0033664d}body.light-mode .step-card h3{color:#1a1a1a}body.light-mode .glass-footer{background:#b8bec9;border-top:1px solid #a8b0bc}body.light-mode .glass-footer .logo{background:linear-gradient(90deg,#036,#005fa3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body.light-mode .glass-footer h4{color:#1a1a1a;font-weight:700}body.light-mode .footer-brand p{color:#2d3748}body.light-mode .glass-footer ul li{color:#1a1a1a}body.light-mode .glass-footer a{color:#1a3a5c;font-weight:500}body.light-mode .glass-footer a:hover{color:#036;text-decoration:underline}body.light-mode .footer-bottom{color:#4a5568;border-top-color:#d0daea;font-weight:500}body.light-mode .switch-button{transform:perspective(100px) rotateX(10deg);box-shadow:0 -4px #b0c4d8;background:#fff}body.light-mode .css-switch{background:#dde8f2;box-shadow:5px 5px 15px #00143c1f}body.light-mode .fab-main{background:#036;box-shadow:0 4px 16px #00336659}body.light-mode .fab-item{background:#fff;border:1px solid #d0daea;box-shadow:0 2px 8px #00143c1f;color:#1a1a1a}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#09121ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{position:relative;width:90%;max-width:450px;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(.25,.46,.45,.94);text-align:center;padding:3rem 2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:var(--accent-cyan)}.modal-options{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.btn-whatsapp{background:#25d366;color:#fff;text-decoration:none;display:block;text-align:center;padding:1rem;border-radius:8px;font-weight:700;box-shadow:0 0 15px #25d36633}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 0 25px #25d36666}.divider{display:flex;align-items:center;text-align:center;color:var(--text-dim);font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--glass-border)}.divider span{padding:0 10px}.call-form{display:flex;flex-direction:column;gap:1rem}.call-form input{padding:1rem;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-main);font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s}.call-form input:focus{border-color:var(--primary-electric)}.modal-footer{margin-top:1rem;font-size:.9rem;color:var(--text-dim)}.email-link{color:var(--primary-electric);text-decoration:none;font-weight:600}body.light-mode .modal-content h2,body.light-mode .modal-content .text-glow{color:#1a1a1a;text-shadow:none;-webkit-text-fill-color:#1a1a1a}body.light-mode .modal-content p,body.light-mode .modal-footer p,body.light-mode .divider,body.light-mode .close-btn{color:#4a5568}body.light-mode .close-btn:hover{color:#036}body.light-mode .call-form input{background:#f7fafc;border-color:#cbd5e0;color:#1a1a1a}body.light-mode .dual-hint strong{color:#1a1a1a}body.light-mode .dual-option{background:#f5f7fa;border-color:#d0daea;color:#2d3748}body.light-mode .dual-option.selected{background:#fff;border-color:#036;box-shadow:0 0 10px #00336626}body.light-mode .dual-option input[type=checkbox]{accent-color:#003366}body.light-mode .picker-option-btn{background:#f5f7fa;border-color:#d0daea;color:#2d3748}body.light-mode .picker-option-btn:hover{background:#fff;border-color:#036;box-shadow:0 4px 12px #00336626;color:#1a1a1a}.floating-contact-wrapper{position:fixed;bottom:calc(30px + env(safe-area-inset-bottom,0px));right:30px;z-index:999;display:flex;flex-direction:column;align-items:center;gap:15px}body.cookie-visible .floating-contact-wrapper{bottom:calc(110px + env(safe-area-inset-bottom,0px))}.fab-main{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-electric),var(--accent-cyan));color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);display:flex;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.fab-main:hover{transform:scale(1.05)}.fab-icon,.fab-close{position:absolute;transition:transform .3s ease,opacity .3s ease}.fab-close{opacity:0;transform:rotate(-90deg) scale(.5)}.floating-contact-wrapper.active .fab-icon{opacity:0;transform:rotate(90deg) scale(.5)}.floating-contact-wrapper.active .fab-close{opacity:1;transform:rotate(0) scale(1)}.fab-actions{display:flex;flex-direction:column;gap:15px;pointer-events:none}.fab-item{width:50px;height:50px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-main);display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.2rem;opacity:0;transform:translateY(20px) scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 10px #0000004d}.wa-fab:hover{background:#25d366;border-color:#25d366;color:#fff}.phone-fab:hover{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#fff}.email-fab:hover{background:var(--text-dim);color:#000}.floating-contact-wrapper.active .fab-actions{pointer-events:all}.floating-contact-wrapper.active .fab-item{opacity:1;transform:translateY(0) scale(1)}.floating-contact-wrapper.active .wa-fab{transition-delay:.05s}.floating-contact-wrapper.active .phone-fab{transition-delay:.1s}.floating-contact-wrapper.active .email-fab{transition-delay:.15s}.text-b2b{display:none!important}.text-b2c{display:block}span.text-b2c{display:inline}body.light-mode .text-b2c{display:none!important}body.light-mode .text-b2b{display:block!important}body.light-mode span.text-b2b{display:inline!important}.text-b2b,.text-b2c{animation:fadeText .3s ease-out}@keyframes textReveal{0%{opacity:0;filter:blur(5px);transform:translate(-15px)}to{opacity:1;filter:blur(0);transform:translate(0)}}@keyframes fadeText{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@media(max-width:768px){.nav-links,.nav-actions .btn{display:none}.nav-actions{gap:1rem}.glass-nav{padding:0 20px}.hero-section{padding:150px 20px 0;align-items:flex-start}.packs-section,.steps-section{padding:4rem 20px;min-height:auto}.footer-grid{grid-template-columns:1fr;gap:2rem}.glass-footer{padding:3rem 20px 2rem}.nav-switch-wrapper{position:relative}.b2b-tooltip{display:block!important;top:60px;right:-10px;transform:none;width:max-content;max-width:220px;text-align:right;z-index:1000}.b2b-tooltip .tooltip-arrow{right:20px;top:-6px;transform:none;border-top:none;border-bottom:6px solid var(--primary-electric);border-left:6px solid transparent;border-right:6px solid transparent}.hero-content{position:relative}.hero-content:before{content:"";position:absolute;inset:-20% -10% -10%;background:radial-gradient(circle,var(--bg-deep) 0%,transparent 75%);z-index:-1;opacity:.85;pointer-events:none}body.light-mode .hero-content:before{background:radial-gradient(circle,#b8bec9 0%,transparent 75%)}.floating-contact-wrapper{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}body.cookie-visible .floating-contact-wrapper{bottom:calc(210px + env(safe-area-inset-bottom,0px))}}