:root{--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--primary-deep:#0b295b;--primary-blue:#0060e6;--primary-light:#2183ff;--accent-blue:#00d2ff;--accent-gold:#d9a036;--bg-dark:#0a111f;--bg-darker:#060b14;--bg-card:#131e32;--bg-light:#f8fafc;--bg-white:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-dark-muted:#94a3b8;--text-white:#fff;--border-light:#e2e8f0;--border-dark:#ffffff1f;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #0b295b14;--shadow-lg:0 16px 40px #0060e626;--shadow-glow:0 0 30px #0060e659;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;font-family:var(--font-primary);color:var(--text-main);background-color:var(--bg-white);width:100%;max-width:100vw;line-height:1.6;position:relative;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;word-wrap:break-word;font-weight:700;line-height:1.2}img,video{max-width:100%;height:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff4d}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:#131e32d9;border:1px solid #ffffff1a;box-shadow:0 10px 30px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-deep) 100%);color:var(--text-white);box-shadow:0 4px 20px #0060e659}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary-blue) 100%);transform:translateY(-2px);box-shadow:0 8px 30px #0060e680}.btn-whatsapp{color:#fff;background:#25d366;font-weight:600;box-shadow:0 4px 20px #25d3664d}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 25px #25d36680}.btn-outline{color:var(--primary-deep);border:2px solid var(--primary-blue);background:0 0}.btn-outline:hover{background:var(--primary-blue);color:var(--text-white);transform:translateY(-2px)}.btn-outline-white{color:var(--text-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #fff6}.btn-outline-white:hover{background:var(--bg-white);color:var(--primary-deep);transform:translateY(-2px)}.badge-pill{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.5rem;max-width:100%;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-blue{color:var(--primary-blue);background:#0060e61a;border:1px solid #0060e633}.badge-gold{color:#b47c16;background:#d9a03626;border:1px solid #d9a0364d}.badge-white{color:var(--text-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40}.section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-title{color:var(--primary-deep);margin-top:.75rem;margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--text-muted);font-size:1.125rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s ease-out forwards fadeIn}@media (width<=1024px){.section-title{font-size:2.1rem}}@media (width<=768px){.container{padding:0 1rem}.section-header{margin-bottom:2rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem}.btn{padding:.75rem 1.25rem;font-size:.95rem}}@media (width<=480px){.container{padding:0 .85rem}.section-title{font-size:1.5rem}.btn{padding:.7rem 1rem;font-size:.9rem}}.top-bar{background:var(--bg-darker);color:var(--text-dark-muted);border-bottom:1px solid var(--border-dark);padding:.5rem 0;font-size:.85rem}.top-bar-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.top-bar-info{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.top-bar-item{color:#cbd5e1;transition:var(--transition-fast);align-items:center;gap:.4rem;text-decoration:none;display:flex}.top-bar-item:hover{color:var(--accent-blue)}.top-bar-badge{color:var(--accent-blue);border-radius:var(--radius-full);background:#00d2ff1f;border:1px solid #00d2ff40;align-items:center;gap:.4rem;padding:.2rem .75rem;font-size:.75rem;font-weight:600;display:flex}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);transition:var(--transition-normal);background:#fffffff5;width:100%;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:.5rem;height:80px;display:flex}.brand-logo-container{align-items:center;gap:.6rem;min-width:0;text-decoration:none;display:flex}.brand-logo-img{object-fit:contain;flex-shrink:0;width:auto;height:48px}.brand-text{flex-direction:column;min-width:0;display:flex}.brand-name{font-family:var(--font-display);color:var(--primary-deep);white-space:nowrap;font-size:1.2rem;font-weight:800;line-height:1.1}.brand-tagline{color:var(--primary-blue);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.65rem;font-weight:700}.nav-menu{align-items:center;gap:1.75rem;list-style:none;display:flex}.nav-link{color:var(--text-main);transition:var(--transition-fast);padding:.5rem 0;font-size:.95rem;font-weight:600;text-decoration:none;position:relative}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";background:var(--primary-blue);width:0%;height:2px;transition:var(--transition-fast);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.mobile-toggle{color:var(--primary-deep);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.75rem;display:none}.hero{min-height:85vh;color:var(--text-white);background:linear-gradient(135deg,#060b14d6 0%,#0b295bc7 100%),url(/hero-bg.jpg) 50%/cover no-repeat;align-items:center;width:100%;padding:4.5rem 0;display:flex;position:relative;overflow:hidden}.hero-overlay-glow{pointer-events:none;background:radial-gradient(circle,#00d2ff33 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;right:-10%}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;width:100%;display:grid}.hero-title{color:#fff;margin-bottom:1.25rem;font-size:3.25rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#00d2ff 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:#cbd5e1;max-width:620px;margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:2.5rem;display:flex}.hero-stats-row{border-top:1px solid #ffffff26;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-top:1.75rem;display:grid}.stat-item h4{color:var(--accent-blue);margin-bottom:.2rem;font-size:1.75rem}.stat-item p{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.hero-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#131e32e6;border:1px solid #ffffff26;width:100%;padding:2rem;box-shadow:0 20px 50px #0006}.hero-card-title{color:#fff;margin-bottom:.4rem;font-size:1.35rem}.hero-card-subtitle{color:var(--text-dark-muted);margin-bottom:1.25rem;font-size:.875rem}.form-group{margin-bottom:1.1rem}.form-row-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=640px){.form-row-2{grid-template-columns:1fr}}.form-label{color:#e2e8f0;margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-primary);transition:var(--transition-fast);background:#ffffff0f;border:1.5px solid #ffffff2e;padding:.75rem .9rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-light);background:#ffffff1f;outline:none;box-shadow:0 0 0 3px #0060e64d}.form-select option{color:#fff;background:#0f172a}.form-input-light,.form-select-light,.form-textarea-light{color:var(--text-main);background:#fff;border:1.5px solid #cbd5e1}.form-input-light:focus,.form-select-light:focus,.form-textarea-light:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0060e626}.services-section{background:var(--bg-light);width:100%;padding:5rem 0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;width:100%;display:grid}.service-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition-normal);background:#fff;flex-direction:column;height:100%;padding:2rem;display:flex}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#0060e64d;transform:translateY(-5px)}.service-icon-wrapper{border-radius:var(--radius-md);width:56px;height:56px;color:var(--primary-blue);background:linear-gradient(135deg,#0060e61a 0%,#00d2ff1a 100%);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.service-card-title{color:var(--primary-deep);margin-bottom:.75rem;font-size:1.25rem}.service-card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.925rem;line-height:1.6}.service-card-features{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:0;list-style:none;display:flex}.service-card-features li{color:var(--text-main);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.service-card-features li svg{color:#10b981;flex-shrink:0}.portfolio-section{background:#fff;width:100%;padding:5rem 0}.portfolio-filter-bar{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.5rem;display:flex}.filter-btn{border-radius:var(--radius-full);color:var(--text-main);font-family:var(--font-display);cursor:pointer;transition:var(--transition-fast);background:#f1f5f9;border:1px solid #e2e8f0;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600}.filter-btn.active,.filter-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 4px 15px #0060e64d}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;width:100%;display:grid}.portfolio-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;background:#0b172a;position:relative;overflow:hidden}.portfolio-img-wrapper{height:260px;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .portfolio-img{transform:scale(1.06)}.portfolio-overlay{color:#fff;background:linear-gradient(#0000 0%,#060b141a 40%,#060b14e6 100%);flex-direction:column;justify-content:flex-end;padding:1.25rem;display:flex;position:absolute;inset:0}.portfolio-tag{background:var(--primary-blue);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(12px);background:#060b14d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;background:#fff;width:100%;max-width:580px;max-height:90vh;margin:auto;animation:.3s ease-out fadeIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000080}.modal-body{padding:2.25rem}.modal-close-btn{color:#fff;cursor:pointer;z-index:10;width:36px;height:36px;transition:var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close-btn:hover{background:#ef4444}.about-section{color:#fff;background:linear-gradient(135deg,#09152a 0%,#050b14 100%);width:100%;padding:5rem 0}.about-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:2.5rem;width:100%;display:grid}.about-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;padding:2rem}.about-icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--accent-blue);background:#0060e633;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.about-card-title{color:#fff;margin-bottom:.75rem;font-size:1.4rem}.about-card-desc{color:#94a3b8;font-size:1rem;line-height:1.6}.process-section{background:var(--bg-light);width:100%;padding:5rem 0}.process-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;display:grid;position:relative}.process-card{border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:#fff;padding:1.75rem 1.25rem;position:relative}.process-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md);transform:translateY(-4px)}.process-number{font-family:var(--font-display);color:#0060e62e;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1}.process-card-title{color:var(--primary-deep);margin-bottom:.4rem;font-size:1.15rem}.process-card-desc{color:var(--text-muted);font-size:.875rem;line-height:1.5}.contact-section{background:#fff;width:100%;padding:5rem 0}.contact-grid{grid-template-columns:1fr 1.2fr;gap:2.5rem;width:100%;display:grid}.contact-info-card{background:linear-gradient(135deg, var(--primary-deep) 0%, #061124 100%);color:#fff;border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;width:100%;padding:2.25rem 1.75rem;display:flex}.contact-form-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;width:100%;padding:2.25rem 1.75rem}.contact-info-item{align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.contact-info-icon{width:44px;height:44px;color:var(--accent-blue);background:#00d2ff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-title{color:#fff;margin-bottom:.2rem;font-size:1.05rem}.contact-info-text{color:#cbd5e1;font-size:.9rem;line-height:1.5}.contact-info-text a{color:var(--accent-blue);text-decoration:none}.contact-info-text a:hover{text-decoration:underline}.floating-widget{z-index:1500;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.floating-btn{color:#fff;cursor:pointer;width:52px;height:52px;transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;box-shadow:0 6px 20px #0000004d}.floating-btn-wa{background:#25d366}.floating-btn-wa:hover{transform:scale(1.08);box-shadow:0 8px 25px #25d36680}.floating-btn-call{background:var(--primary-blue)}.floating-btn-call:hover{transform:scale(1.08);box-shadow:0 8px 25px #0060e680}.floating-tooltip{color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-fast);background:#0f172a;padding:.35rem .75rem;font-size:.75rem;font-weight:600;position:absolute;right:64px}.floating-btn:hover .floating-tooltip{opacity:1}.site-footer{color:#94a3b8;border-top:1px solid var(--border-dark);background:#040914;width:100%;padding:4rem 0 2rem}.footer-grid{grid-template-columns:1.5fr 1.2fr 1.3fr;gap:2.5rem;width:100%;margin-bottom:3rem;display:grid}.footer-brand h3{color:#fff;margin-bottom:.6rem;font-size:1.3rem}.footer-brand p{margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.footer-col-title{color:#fff;margin-bottom:1rem;font-size:1.05rem}.footer-links{flex-direction:column;gap:.65rem;padding:0;list-style:none;display:flex}.footer-links a{color:#94a3b8;transition:var(--transition-fast);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--accent-blue)}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.75rem;font-size:.85rem;display:flex}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:2.5rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=768px){.top-bar{display:none}.navbar-inner{height:66px}.brand-logo-img{height:40px}.brand-name{font-size:1.05rem}.brand-tagline{font-size:.6rem}.nav-menu{background:#fff;flex-direction:column;align-items:flex-start;width:100%;padding:1.75rem;display:none;position:fixed;top:66px;left:0;box-shadow:0 10px 30px #00000026}.nav-menu.open{display:flex}.mobile-toggle{display:block}.hero{min-height:auto;padding:3rem 0}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;width:100%}.hero-actions .btn{width:100%}.hero-card{padding:1.5rem 1.15rem}.services-grid,.portfolio-grid,.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.contact-info-card,.contact-form-box{border-radius:16px;padding:1.5rem 1.15rem}.floating-widget{bottom:1rem;right:1rem}.floating-btn{width:48px;height:48px}.floating-tooltip{display:none}}@media (width<=480px){.hero-title{font-size:1.85rem}.brand-tagline{display:none}.brand-name{font-size:.95rem}.hero-card-title{font-size:1.2rem}.form-input,.form-select,.form-textarea{padding:.65rem .75rem;font-size:.9rem}.modal-backdrop{align-items:flex-start;padding:.5rem}.modal-content{border-radius:16px;max-width:96vw;max-height:94vh;margin-top:.5rem}.modal-body{padding:1.25rem 1rem 1.5rem}}