:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#06c;--primary-hover:#0077ed;--primary-gradient:linear-gradient(135deg, #06c 0%, #5ac8fa 100%);--secondary:#ffffff80;--secondary-hover:#fffc;--bg-color:transparent;--card-bg:#fff6;--border-color:#ffffff80;--text-main:#1d1d1f;--text-secondary:#515154;--accent:#5ac8fa;--whatsapp:#25d366;--card-shadow:0 20px 50px -10px #00000014, 0 10px 30px -15px #0000000d;background-color:#fbfbfd;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:#0000;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}header,.container{width:100%;max-width:1440px;margin:0 auto;padding:0 4rem}@media (width<=768px){header,.container{padding:0 1.5rem}}header{margin-bottom:5rem;padding-top:3rem;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-container{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.logo-wrapper{align-items:center;gap:1.2rem;display:flex}.header-logo{width:auto;height:38px;transition:opacity .3s,transform .3s}.header-logo:hover{opacity:.8;transform:scale(1.05)}.badge{color:var(--primary);letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0066cc1a 0%,#5ac8fa1a 100%);border:1px solid #06c3;border-radius:980px;padding:6px 14px;font-size:.75rem;font-weight:700}.header-title{text-align:right}.header-title h1{background:linear-gradient(135deg,#1d1d1f 0%,#434344 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-size:1.8rem;font-weight:800}.header-title p{color:var(--text-secondary);font-size:.95rem;font-weight:500}.container{flex:1;grid-template-columns:1fr 420px;align-items:start;gap:3rem;animation:1s ease-out .2s both fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=968px){.container{grid-template-columns:1fr;gap:2rem}.preview-section{position:static}.header-title{display:none}header{margin-bottom:3rem}}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(40px)saturate(180%);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:40px;padding:4rem;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}@media (width<=768px){.card{border-radius:30px;padding:2.5rem 1.5rem}h2{margin-bottom:2rem;font-size:1.5rem}}.card:hover{transform:translateY(-5px);box-shadow:0 30px 70px -10px #0000001f,0 20px 40px -15px #00000014}h2{letter-spacing:-.5px;background:linear-gradient(135deg,#1d1d1f 0%,#434344 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:1.8rem;font-weight:800}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.8rem 1.5rem;display:grid}.full-width{grid-column:span 2}@media (width<=640px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}}.form-group{flex-direction:column;gap:.6rem;display:flex}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-left:.5rem;font-size:.85rem;font-weight:600}input{color:var(--text-main);background:#ffffff80;border:1px solid #ffffff4d;border-radius:18px;padding:1.1rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #00000003}input:focus{border-color:var(--primary);background:#ffffffe6;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #0066cc14}input::placeholder{color:#b0b0b5;font-weight:400}.preview-section{position:sticky;top:2rem}.preview-card{text-align:center;padding:3rem 2.5rem}#qr-container{background:#fff;border:1px solid #0000000d;border-radius:24px;justify-content:center;align-items:center;width:260px;height:260px;margin:0 auto 2.5rem;padding:1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 10px 30px #0000000a}#qr-container:hover{transform:scale(1.05)translateY(-5px);box-shadow:0 20px 40px #00000014}#qr-canvas{display:none;width:100%!important;height:100%!important}#qr-placeholder{color:var(--text-secondary);padding:1rem;font-size:.95rem;font-weight:600;line-height:1.5}.contact-card-preview{word-wrap:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,#ffffffe6,#fff6);border:1px solid #fff;border-radius:20px;margin-bottom:3rem;padding:1.5rem;box-shadow:0 4px 15px #00000005}#preview-name{letter-spacing:-.5px;margin-bottom:.4rem;font-size:1.6rem;font-weight:800;line-height:1.2}#preview-title{color:var(--primary);font-size:1.05rem;font-weight:700}#preview-company{color:var(--text-secondary);margin-top:.2rem;font-size:.95rem}.button-group{flex-direction:column;gap:1.2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:980px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1.1rem 1.8rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 8px 20px #0066cc40}.btn-primary:not(:disabled):hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 25px #0066cc59}.btn-secondary{background:var(--secondary);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000000d}.btn-secondary:not(:disabled):hover{background:var(--secondary-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 15px #0000000d}.whatsapp-float{background:var(--whatsapp);color:#fff;z-index:999;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2.5rem;right:2.5rem;box-shadow:0 10px 30px #25d36666}.whatsapp-float:before{content:"";z-index:-1;border-radius:50%;animation:2.5s infinite pulse;position:absolute;inset:0;box-shadow:0 0 #25d36666}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #25d36680}70%{transform:scale(1);box-shadow:0 0 0 25px #25d36600}to{transform:scale(.95);box-shadow:0 0 #25d36600}}.whatsapp-float:hover{transform:scale(1.15)rotate(-5deg);box-shadow:0 15px 40px #25d36680}.whatsapp-icon{width:36px;height:36px}.whatsapp-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;opacity:0;visibility:hidden;pointer-events:none;background:#fffffff2;border:1px solid #0000000d;border-radius:20px;width:260px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;right:90px;transform:translate(20px);box-shadow:0 15px 40px #0000001f}@media (width<=768px){.whatsapp-tooltip{display:none}.whatsapp-float{width:60px;height:60px;bottom:1.5rem;right:1.5rem}}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;right:85px;transform:translate(0)}.download-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fffffff2;border:1px solid #fff;border-radius:980px;width:90%;max-width:800px;padding:1rem 1.5rem 1rem 2.5rem;transition:bottom .6s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:-100px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000026}.download-banner.show{bottom:2.5rem}.banner-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.banner-content p{color:var(--text-main);font-size:1rem}.banner-btn{background:var(--whatsapp);color:#fff;white-space:nowrap;border-radius:980px;padding:10px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #25d3664d}.banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36666}.close-banner{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#f5f5f7;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.close-banner:hover{background:#e8e8ed}.modal{z-index:10001;-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;background-color:#f5f5f7cc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:none;position:fixed;top:0;left:0;display:flex!important}.modal[style*="display: block"]{opacity:1;pointer-events:auto}.modal-content{text-align:center;background:#fff;border-radius:40px;width:90%;max-width:650px;padding:4rem;animation:.6s cubic-bezier(.16,1,.3,1) modalSlide;position:relative;box-shadow:0 40px 80px #0000001a,0 0 0 1px #0000000d}@keyframes modalSlide{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.modal-content{max-height:90vh;margin:1rem;padding:3rem 1.5rem;overflow-y:auto}.modal h3{font-size:1.8rem}}.close-modal{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#f5f5f7;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.close-modal:hover{background:#e8e8ed;transform:rotate(90deg)}.modal-logo{height:48px;margin-bottom:2.5rem}.modal h3{background:linear-gradient(135deg,#1d1d1f 0%,#434344 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.2rem}.modal p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3.5rem;display:grid}@media (width<=768px){.services-grid{grid-template-columns:1fr;gap:1rem}}.service-item{text-align:center;background:#fbfbfd;border:1px solid #00000008;border-radius:24px;padding:2rem 1.5rem;transition:transform .3s,box-shadow .3s}.service-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000000f}.service-icon{margin-bottom:1rem;font-size:2.5rem}.service-item h4{margin-bottom:.6rem;font-size:1rem;font-weight:700}.service-item p{color:var(--text-secondary);margin-bottom:0;font-size:.85rem;line-height:1.4}.modal-cta{padding:1.2rem 2rem;font-size:1.1rem;text-decoration:none;box-shadow:0 10px 25px #25d3664d;color:#fff!important;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)!important}footer{-webkit-backdrop-filter:blur(40px)saturate(200%);background:#ffffff1a;border-top:1px solid #ffffff26;width:100%;margin-top:10rem;padding:10rem 0}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:5rem;max-width:1440px;margin:0 auto;padding:0 4rem;display:grid}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:3rem;padding:0 1.5rem}footer{padding:6rem 0}}.footer-logo{filter:brightness(.2);height:36px;margin-bottom:1.5rem}.footer-info p{color:#313133;font-size:.95rem;font-weight:500;line-height:1.6}.footer-services h4,.footer-contact h4{color:#1a1a1c;letter-spacing:-.2px;margin-bottom:1.8rem;font-size:1.15rem;font-weight:800}.footer-services ul{list-style:none}.footer-services li{color:#313133;cursor:pointer;margin-bottom:1rem;font-size:.95rem;font-weight:500;transition:color .2s}.footer-services li:hover{color:var(--primary)}.footer-contact p{color:#313133;margin-bottom:.8rem;font-size:.95rem;font-weight:600}.footer-cta{color:var(--primary);border-bottom:2px solid #06c3;margin-top:1.5rem;padding-bottom:4px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.footer-cta:hover{border-color:var(--primary);color:var(--primary-hover)}