:root{--primary: #0d47a1;--primary-dark: #093170;--secondary: #1976d2;--accent: #ff9800;--bg: #f4f6f9;--surface: #ffffff;--text: #1f2933;--text-muted: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 4px 10px rgba(0, 0, 0, .06);--shadow-md: 0 12px 28px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;margin:0;padding:0;width:100%}body{min-height:100vh;overflow-x:hidden}section{width:100%}.container{max-width:1200px;margin:auto;padding:4rem 1.5rem}.logo{display:flex;color:#fff;font-weight:700;font-size:1.25rem;align-items:center}.logoImg{height:50px;margin-right:10px;color:#fff}.navbar{position:sticky;top:0;z-index:200;background:#0d47a1f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-container{max-width:1200px;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links a{color:#e3f2fd;font-weight:500;text-decoration:none}.nav-links a:hover{color:#fff}.nav-cta{padding:.6rem 1.2rem;font-size:.95rem}.burger{display:none;background:none;border:none;cursor:pointer}.burger span{display:block;width:26px;height:3px;background:#fff;margin:5px 0;transition:all .3s ease}.burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:var(--primary);display:flex;flex-direction:column;gap:1.3rem;padding:2rem 1.5rem;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mobile-menu.show{opacity:1;transform:translateY(0);pointer-events:auto}.hero{background:linear-gradient(135deg,#0d47a1f2,#1976d2e6),url(/img/hero-tech.jpg) center/cover no-repeat;color:#fff;padding:5rem 2rem;text-align:center;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);max-width:600px}.hero-sub{margin:1.2rem auto 2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#111;padding:.9rem 1.6rem;border-radius:var(--radius-md);font-weight:700;text-decoration:none;display:inline-block;box-shadow:var(--shadow-sm);transition:all .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--primary);padding:.9rem 1.6rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;margin-left:.8rem}.container{max-width:1150px;margin:auto;padding:4rem 1.5rem}.container h1,.container h2{color:var(--primary);margin-bottom:1.2rem}.container p{color:var(--text-muted);max-width:800px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2.5rem}.card,.benefit{background:var(--surface);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.card:hover,.benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card h3,.benefit h4{color:var(--primary);margin-bottom:.6rem;display:flex;align-items:center;gap:.6rem}.card p,.benefit p{color:var(--text-muted)}.card p{flex-grow:1}.card button,.card a{margin-top:1.5rem}.steps{display:grid;gap:1.5rem}.price-list{list-style:none;padding:0;margin-top:2rem;display:grid;gap:2rem}.price-list li{background:var(--surface);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.price-list h3{color:var(--primary);margin-bottom:.5rem}.price-list strong{display:block;margin-bottom:.8rem;font-size:1.1rem}.contact-form{background:var(--surface);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:520px;margin:auto;display:flex;flex-direction:column;gap:1.1rem}.contact-form input,.contact-form textarea{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid #d1d5db;font-size:1rem}.contact-form textarea{resize:vertical;min-height:120px}.footer{background:var(--primary-dark);color:#cbd5e1;text-align:center;padding:1.3rem;font-size:.9rem}.whatsapp-float{position:fixed;bottom:22px;right:22px;width:58px;height:58px;background:#25d366;color:#fff;border-radius:50%;font-size:1.7rem;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px #0000004d;z-index:1000}.animate{opacity:0;transform:translateY(40px);transition:all .7s ease}.animate.show{opacity:1;transform:translateY(0)}@media(max-width:768px){.container{padding:3rem 1.2rem}.nav-links{display:none}.burger{display:block}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.1rem}.mobile-menu .btn-primary{margin-top:1rem;text-align:center}.hero{padding:4rem 1.2rem}.contact-form{padding:2rem 1.5rem}}@media(max-width:600px){.hero{min-height:auto;padding:4rem 1.2rem}.hero-buttons{flex-direction:column;align-items:stretch}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px)and (min-width:769px){.container{padding:3.5rem 2rem}.hero h1{font-size:2.6rem}}@media(min-width:901px){.mobile-menu{display:none}}
