@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.theme-toggle{background:none;border:none;padding:.5rem;cursor:pointer;font-size:1.2rem;width:auto}.theme-toggle:hover{opacity:.8}.navbar{background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;height:80px;display:flex;align-items:center;transition:all .3s ease}.navbar.scrolled{height:70px;box-shadow:var(--shadow-md)}.navbar-container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-brand{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.navbar-brand a{text-decoration:none;color:var(--primary-300);transition:color .2s ease;display:flex;align-items:center}.navbar-brand a:hover{color:var(--primary-100)}.navbar-brand img{height:36px;margin-right:10px}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-links{display:flex;gap:2.5rem;align-items:center}.navbar-links a{text-decoration:none;color:var(--neutral-700);font-weight:500;font-size:.95rem;position:relative;padding:.5rem 0;transition:all .2s ease}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-100);transition:width .3s ease}.navbar-links a:hover{color:var(--primary-100)}.navbar-links a:hover:after{width:100%}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:1.5rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1100}.mobile-menu-button span{width:2rem;height:2px;background:var(--primary-300);border-radius:10px;transition:all .3s ease;transform-origin:1px}@media (max-width: 768px){.navbar{height:70px}.navbar-container{padding:0 1.5rem}.mobile-menu-button{display:flex}.navbar-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--neutral-100);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:6rem 2rem 2rem;gap:2rem;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:var(--shadow-lg)}.navbar-links.active{transform:translate(0)}.navbar-links a{font-size:1.1rem;width:100%;padding:.75rem 0;border-bottom:1px solid var(--neutral-300)}.navbar-links a:after{display:none}.mobile-menu-button.open span:first-child{transform:rotate(45deg);background:var(--primary-100)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:last-child{transform:rotate(-45deg);background:var(--primary-100)}.menu-open{overflow:hidden}}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary-100) 100%);position:relative;overflow:hidden;color:#fff;text-align:center;padding:0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect x="0" y="0" width="100" height="100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>') repeat;opacity:.1;z-index:1}.hero-content{max-width:1000px;padding:4rem 2rem;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero-content h1{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1.5rem;color:#fff;font-weight:700;letter-spacing:-.03em;position:relative;animation:fadeInUp .8s ease-out}.hero-content h1:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);height:4px;width:80px;background-color:var(--accent-200);border-radius:2px}.hero-content p{font-size:clamp(1.1rem,3vw,1.4rem);color:#ffffffe6;margin-bottom:2.5rem;max-width:700px;animation:fadeInUp .8s ease-out .2s both}.cta-button{padding:.9em 2em;font-size:1.1rem;font-weight:600;background-color:var(--accent-200);color:var(--neutral-900);border-radius:4px;transition:all .3s ease;box-shadow:0 4px 12px #00000026;border:none;animation:fadeInUp .8s ease-out .4s both;cursor:pointer}.cta-button:hover{background-color:var(--accent-100);transform:translateY(-2px);box-shadow:0 6px 15px #0003}.shape{position:absolute;z-index:1;opacity:.3}.shape-1{top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,var(--accent-200) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.shape-2{bottom:15%;right:15%;width:250px;height:250px;background:radial-gradient(circle,var(--accent-300) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite 1s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{min-height:70vh}.hero-content{padding:2rem 1rem}}.features{padding:6rem 0;background-color:var(--neutral-200);position:relative;overflow:hidden}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem}.features h2{text-align:center;margin-bottom:3rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;position:relative;display:inline-block;left:50%;transform:translate(-50%);color:var(--neutral-900)}.features h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--primary-100);border-radius:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;margin-top:3rem}@media (max-width: 768px){.features{padding:4rem 0}.features-grid{grid-template-columns:1fr;gap:2rem}}.feature-card{padding:2.5rem 2rem;text-align:left;background:var(--neutral-100);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;border-bottom:4px solid transparent}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-bottom:4px solid var(--primary-100)}.feature-icon{font-size:2.75rem;margin-bottom:1.75rem;display:inline-block;height:60px;width:60px;line-height:60px;text-align:center;background:linear-gradient(135deg,var(--primary-100) 0%,var(--accent-100) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.feature-card h3{color:var(--neutral-900);margin-bottom:1rem;font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.feature-card p{color:var(--neutral-600);line-height:1.7;font-size:1rem;margin-top:auto}.services-page{max-width:1200px;margin:0 auto;padding:2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service-card{padding:2rem;background:var(--neutral-200);border-radius:8px;border:1px solid var(--neutral-300);box-shadow:var(--shadow-sm)}.service-description{color:var(--neutral-600);margin:1rem 0}.service-features{margin:1.5rem 0}.service-features ul{list-style-type:none;padding-left:0}.service-features li{margin:.5rem 0;color:var(--neutral-600)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:var(--neutral-300);padding:.25rem .75rem;border-radius:4px;font-size:.875rem;color:var(--neutral-700)}.case-study{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--neutral-300)}.case-study-button{margin-top:1.5rem;width:100%;background-color:var(--primary-100);color:var(--neutral-100)}.case-study-modal h2{color:var(--neutral-900);margin-bottom:1rem}.case-study-modal h3{color:var(--neutral-800);margin:1.5rem 0 .5rem}.case-study-modal p{color:var(--neutral-600);margin-bottom:1rem}.case-study-modal ul{list-style-type:disc;margin-left:1.5rem;color:var(--neutral-600)}.case-study-modal .tech-tags{margin-top:1rem}@media (max-width: 768px){.services-page{padding:1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}}.about-page{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{text-align:center;margin-bottom:4rem}.about-hero h1{font-size:clamp(2rem,5vw,2.5rem);color:var(--neutral-900);margin-bottom:1rem}.about-hero p{color:var(--neutral-600);font-size:clamp(1.1rem,2vw,1.25rem);max-width:800px;margin:0 auto}.about-content{display:grid;gap:4rem}.mission{text-align:center;max-width:800px;margin:0 auto}.mission h2{color:var(--neutral-900);margin-bottom:1rem}.mission p{color:var(--neutral-600);font-size:1.1rem;line-height:1.6}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.value-card{padding:2rem;background:var(--neutral-200);border-radius:8px;text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card h3{color:var(--primary-100);margin-bottom:1rem}.value-card p{color:var(--neutral-600)}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.timeline-item{padding:1.5rem;background:var(--neutral-200);border-radius:8px;position:relative}.timeline-year{color:var(--primary-100);font-weight:700;font-size:1.2rem;margin-bottom:.5rem}.timeline-item h3{color:var(--neutral-900);margin-bottom:.5rem}.timeline-item p{color:var(--neutral-600)}@media (max-width: 768px){.about-page{padding:1rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.timeline-grid{grid-template-columns:1fr}.about-hero{margin-bottom:2rem}}.contact-form{padding:2rem;background:var(--neutral-100);border-radius:8px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--neutral-900)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--neutral-400);border-radius:4px;font-size:1rem;background-color:var(--neutral-100);color:var(--neutral-900)}@media (max-width: 768px){.contact-form{padding:1rem}.form-group input,.form-group textarea{font-size:16px}}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-100)}.form-group textarea{min-height:150px;resize:vertical}button{width:100%;padding:1rem;background-color:var(--primary-100);color:var(--neutral-100);border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--primary-200)}button:disabled{background-color:var(--neutral-500);cursor:not-allowed}.success-message{color:#059669;margin-top:1rem}.error-message{color:#dc2626;margin-top:1rem}.contact-page{max-width:1200px;margin:0 auto;padding:2rem}.contact-hero{text-align:center;margin-bottom:3rem;padding:3rem 0;background:linear-gradient(to right,var(--primary-900),var(--primary-700));color:#fff;border-radius:8px}.contact-hero h1{font-size:2.5rem;margin-bottom:1rem;color:#fff}.contact-hero p{font-size:1.2rem;max-width:800px;margin:0 auto;color:#ffffffe6}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-top:2rem}.contact-info{padding:2rem;background:var(--neutral-100);border-radius:8px;box-shadow:0 4px 12px #0000000d}.contact-info h2{color:var(--primary-900);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-300)}.info-item{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--neutral-300)}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item h3{color:var(--primary-700);margin-bottom:.75rem;font-size:1.1rem}.info-item address{font-style:normal;line-height:1.6;color:var(--neutral-700);margin-bottom:.5rem}.info-item p{color:var(--neutral-700);margin-bottom:.5rem}.info-item a{color:var(--primary-700);text-decoration:none;transition:color .2s ease}.info-item a:hover{color:var(--primary-900);text-decoration:underline}.contact-form-section{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d}.contact-form-section h2{color:var(--primary-900);margin-bottom:1rem}.contact-form-section p{color:var(--neutral-600);margin-bottom:2rem}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}.contact-hero{padding:2rem 0}.contact-hero h1{font-size:2rem}}@media (max-width: 576px){.contact-page{padding:1rem}.contact-hero{padding:1.5rem 0}.contact-hero h1{font-size:1.75rem}}.whatsapp-container{max-width:1200px;margin:0 auto;padding:2rem}.legal-info{display:flex;align-items:center;justify-content:space-between;margin:3rem 0;gap:2rem;flex-wrap:wrap}.info-card{flex:1;min-width:280px;background:var(--background-secondary);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.info-card h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.info-card .name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.info-card .description{color:var(--text-secondary);font-size:1rem;line-height:1.5}.relationship-arrow{display:flex;align-items:center;color:var(--text-secondary);font-size:1.1rem;padding:1rem;position:relative}.relationship-arrow:before,.relationship-arrow:after{content:"";height:2px;width:30px;background-color:var(--text-secondary);margin:0 10px}.additional-info{background:var(--background-secondary);padding:2rem;border-radius:12px;margin-top:2rem}.additional-info p{color:var(--text-secondary);line-height:1.6;font-size:1.1rem}@media (max-width: 768px){.legal-info{flex-direction:column;align-items:stretch}.relationship-arrow{transform:rotate(90deg);margin:1rem 0}}.app{min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--neutral-100);position:relative}.main-content{padding-top:80px;width:100%;margin:0 auto}.menu-open .main-content{filter:blur(4px);pointer-events:none}.section{padding:6rem 0;width:100%}.section-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.section-heading{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;margin-bottom:1rem;color:var(--neutral-900)}.section-subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--neutral-600);max-width:700px;margin:0 auto}@media (max-width: 768px){.main-content{padding-top:70px}.section{padding:4rem 0}.section-inner{padding:0 1.5rem}.section-heading{margin-bottom:3rem}}:root{--primary-100: #0061a8;--primary-200: #004d87;--primary-300: #003b66;--accent-100: #00a896;--accent-200: #02c39a;--accent-300: #f8a978;--neutral-100: #ffffff;--neutral-200: #f5f7fa;--neutral-300: #eaecf0;--neutral-400: #d9dde3;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #1c2026;--shadow-sm: 0 2px 5px rgba(0,0,0,.08);--shadow-md: 0 4px 10px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.07);--button-bg: var(--primary-100);--button-text: var(--neutral-100);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--primary-100: #4285f4;--primary-200: #1a73e8;--primary-300: #0b57d0;--accent-100: #26c0ab;--accent-200: #38cebb;--accent-300: #f8b980;--neutral-100: #1a1b1e;--neutral-200: #23252c;--neutral-300: #2c2e36;--neutral-400: #3a3f47;--neutral-500: #868e96;--neutral-600: #ced4da;--neutral-700: #dee2e6;--neutral-800: #e9ecef;--neutral-900: #f8f9fa;--shadow-sm: 0 2px 5px rgba(0,0,0,.3);--shadow-md: 0 4px 10px rgba(0,0,0,.3);--shadow-lg: 0 10px 25px rgba(0,0,0,.2);--button-bg: var(--primary-200);--button-text: var(--neutral-100)}:root{font-family:var(--font-primary);line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--neutral-900);background-color:var(--neutral-100);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (max-width: 768px){html{font-size:15px}}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin-bottom:.8em}h1{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.1;font-weight:700}h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:1.5em}h3{font-size:clamp(1.3rem,3vw,1.9rem);margin-top:1.2em}p{font-size:clamp(1rem,1.5vw,1.1rem);margin-bottom:1.5em;color:var(--neutral-700)}a{color:var(--primary-100);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-200);text-decoration:underline}button{border-radius:4px;border:1px solid transparent;padding:.7em 1.4em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}button:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--primary-100);outline-offset:2px}section{padding:4rem 1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}img{max-width:100%;height:auto;display:block}@media (prefers-color-scheme: light){:root{color:var(--neutral-900);background-color:var(--neutral-100)}a:hover{color:var(--primary-200)}}.text-center{text-align:center}.text-primary{color:var(--primary-100)}.text-accent{color:var(--accent-100)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}