:root{--primary-color:#4169e1;--primary-hover:#27408b;--secondary-color:#ffb300;--text-main:#333;--text-light:#333;--bg-main:#fff;--bg-light:#f9f9f9;--bg-dark:#33335a;--bg-darkest:#0c0c15;--white:#fff;--font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition:all .3s ease;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:74px}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-main);line-height:1.6}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.text-center{text-align:center}.bg-light{background-color:var(--bg-light)}.bg-dark{background-color:var(--bg-dark)}.section{padding:45px 0}.section-title{color:var(--primary-color);margin-bottom:13px;font-size:2.5rem;line-height:3.3rem}.section-title-white{color:var(--white);margin-bottom:13px;font-size:1.9rem;line-height:3.3rem}.section-subtitle{color:var(--text-light);max-width:800px;margin:0 auto;font-size:1.1rem}.desktop-title{display:inline}.phone-title{display:none}.desktop-tagline{display:block}.tablet-tagline{display:none}.btn{cursor:pointer;text-align:center;transition:var(--transition);border:2px solid #0000;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-block}.btn-smaller{cursor:pointer;text-align:center;transition:var(--transition);border:2px solid #0000;border-radius:8px;padding:7px 24px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);color:var(--white)}.btn-outline{border-color:var(--white);color:var(--white);background:0 0}.btn-outline:hover{background-color:var(--white);color:var(--text-main)}.navbar{background-color:var(--white);z-index:1000;position:sticky;top:0;box-shadow:0 2px 10px #00000014}.nav-container{justify-content:space-between;align-items:center;height:74px;display:flex}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-img{object-fit:cover;background-color:#eee;border-radius:8px;width:40px;height:40px}.logo-text{color:var(--primary-color);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a:hover{color:var(--primary-color)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.mobile-menu-btn .bar{background-color:var(--text-main);width:25px;height:3px;transition:var(--transition)}.mobile-menu-btn.open .bar:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-btn.open .bar:nth-child(2){opacity:0}.mobile-menu-btn.open .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{min-height:calc(100svh - 74px);min-height:calc(var(--fixed-vh,100vh) - 74px);background-color:#1a1a24;background-position:50%;background-size:cover;align-items:center;display:flex;position:relative}.hero-overlay{background-color:#000000a6;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;color:var(--white);text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-content h1{margin-bottom:20px;font-size:3.5rem;line-height:1.2}.hero-content p{margin-bottom:30px;font-size:1.2rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:27px;display:grid}.card{background-color:var(--white);transition:var(--transition);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.card-img{object-fit:cover;background-color:#eee;width:100%;height:220px}.card-body{padding:25px}.card-body h3{color:var(--primary-color);margin-bottom:10px;font-size:1.3rem}.footer{background-color:var(--bg-dark);color:var(--white);padding:32px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1.5fr;gap:40px;margin-bottom:32px;display:grid}.footer-links h3,.footer-contact h3{color:var(--secondary-color);margin-bottom:20px}.footer-links li{margin-bottom:10px}.footer-links a,.footer-contact p{color:var(--text-light)}.footer-links a:hover{color:var(--white)}.footer-contact p{margin-bottom:10px}.footer-bottom{text-align:center;color:#fff;background-color:var(--bg-darkest);border-top:1px solid #2a2a4a;padding-top:12px;padding-bottom:12px;font-size:.95rem}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background-color:var(--white);text-align:center;opacity:0;border-radius:12px;width:100%;max-width:500px;padding:40px 30px;transition:transform .3s,opacity .3s;transform:scale(.95)translateY(20px);box-shadow:0 15px 40px #0003}.modal-overlay.show .modal-content{opacity:1;transform:scale(1)translateY(0)}.modal-title{color:var(--primary-color);margin-bottom:15px;font-size:1.8rem}.modal-message{color:var(--text-main);margin-bottom:30px;font-size:1.1rem;line-height:1.6}@media (width<=1024px){.mobile-menu-btn{display:flex}.nav-links{background-color:var(--bg-darkest);border-bottom:1px solid var(--bg-dark);flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px 20px;display:none;position:absolute;top:74px;left:0;box-shadow:0 5px 15px #0000004d}.nav-links.active{display:flex}.grid{grid-template-columns:1fr;margin-top:23px}.desktop-tagline{display:none}.tablet-tagline{display:block}.hero-content h1{font-size:2.5rem}.card-img{height:283px}.section{padding:40px 0}.footer-grid{gap:20px}}@media (width<=991px){.footer-grid{grid-template-columns:1.2fr 1fr 1.2fr;gap:15px}.grid{gap:40px;margin-top:23px}.card-img{height:483px}.card-body{padding:25px}}@media (width<=767px){.desktop-title{display:none}.phone-title{display:inline}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-info{display:none}}@media (width>=1440px){.container{max-width:1400px}html{scroll-padding-top:90px}.nav-container{height:90px}.logo-img{width:50px;height:50px}.logo-text{font-size:1.8rem}.nav-links{gap:35px;font-size:1.15rem}.btn-smaller{padding:10px 32px;font-size:1.1rem}.hero{min-height:calc(100svh - 90px);min-height:calc(var(--fixed-vh,100vh) - 90px)}.hero-content{max-width:1100px}.hero-content h1{margin-bottom:35px;font-size:4.5rem}.hero-content p{margin-bottom:45px;font-size:1.4rem}.hero-buttons .btn{padding:16px 36px;font-size:1.15rem}.section{padding:55px 0}.section-title,.section-title-white{margin-bottom:10px;font-size:2.75rem}.section-subtitle{max-width:1000px;font-size:1.2rem}#ayuda .btn{padding:16px 36px;font-size:1.15rem}.grid{gap:40px;margin-top:40px}.card-img{height:283px}.card-body{padding:25px}.card-body h3{margin-bottom:12px;font-size:1.6rem}.card-body p{font-size:1.15rem}.footer{padding:80px 0 0}.footer-grid{gap:60px;margin-bottom:60px}.footer-links h3,.footer-contact h3{margin-bottom:25px;font-size:1.4rem}.footer-links li,.footer-contact p,.footer-info p{margin-bottom:15px;font-size:1.15rem}.footer-bottom{padding-top:15px;padding-bottom:15px;font-size:1.05rem}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.navbar,.footer{background-color:var(--footer-bg,#1a1a2e);color:var(--white,#fff);border-top:1px solid var(--border,#2a2a4a)}.footer h1,.footer h2,.footer h3,.footer p,.footer span{color:var(--white,#fff)}.navbar{border-top:none;border-bottom:1px solid var(--border,#2a2a4a);z-index:1000;background-color:var(--bg-darkest);position:sticky;top:0}.navbar .logo-text,.footer .logo-text{color:var(--white,#fff);font-size:1.25rem;font-weight:700;text-decoration:none}.navbar .nav-links a,.footer-links a,.navbar .btn,.navbar .btn-smaller,.footer .btn{color:var(--white,#fff);text-shadow:0 0 #fff0;text-decoration:none;transition:all .3s}.navbar .nav-links a:hover,.footer-links a:hover,.navbar .btn:hover,.navbar .btn-smaller:hover,.footer .btn:hover{color:var(--white,#fff);text-shadow:0 0 .8px var(--white,#fff), 0 0 .8px var(--white,#fff)}.mobile-menu-btn .bar{background-color:var(--white,#fff)}