@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color: #9e8cfc;--background-color: #000000;--background-color-darker: #080808;--text-color: #FFFFFF;--text-secondary-color: #a1a1a6;--card-background: rgba(24, 24, 24, .5);--border-color: rgba(255, 255, 255, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);overflow-x:hidden;overflow-y:hidden}body.mobile-nav-open{overflow:hidden}#bg{position:fixed;top:0;left:0;width:100vw;height:100vh;outline:none;z-index:-1}#main-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);padding:0 4%;display:flex;justify-content:space-between;align-items:center;z-index:1000;opacity:0;background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);transition:background .3s}#header-logo-placeholder{position:relative;width:100px;height:50px;display:flex;align-items:center;z-index:1001}#logo{width:100%;height:100%;object-fit:contain}.animated-logo-clone{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:180px}.desktop-nav a{color:var(--text-secondary-color);text-decoration:none;margin-left:2.5rem;font-weight:500;font-size:1rem;padding:.5rem 0;transition:color .3s}.desktop-nav a:hover{color:var(--text-color)}#page-wrapper{position:relative;width:100%;min-height:100vh;opacity:0;visibility:hidden;padding-top:var(--header-height)}#main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height));text-align:center;padding:4rem 1.5rem}.hero{position:relative}.hero h1{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:800;max-width:1200px;line-height:1.15;letter-spacing:-.02em}.hero h1 .line{display:block}.hero p{font-size:clamp(1.1rem,4vw,1.25rem);max-width:750px;color:var(--text-secondary-color);margin:2.5rem auto 3.5rem;line-height:1.6}.cta-button{background:var(--primary-color);color:#000;border:1px solid transparent;padding:1rem 2.5rem;font-size:1rem;font-weight:700;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px -10px #9e8cfc80}.cta-button:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 15px 35px -10px #fff6}.content-section{padding:8rem 4%;max-width:1400px;margin:0 auto}#casos-de-exito.content-section{padding-bottom:0}.content-section h2{font-size:clamp(2.2rem,7vw,4.5rem);font-weight:800;text-align:center;margin-bottom:2rem;line-height:1.2;letter-spacing:-.02em}.section-intro{font-size:clamp(1.1rem,4vw,1.25rem);color:var(--text-secondary-color);max-width:800px;text-align:center;margin:0 auto 4rem;line-height:1.6}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.ecosystem-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:24px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d}.ecosystem-card:hover{transform:translateY(-15px) perspective(1000px) rotateX(5deg) rotateY(-5deg);box-shadow:0 40px 50px -20px #0000004d;border-color:#fff3}.ecosystem-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.ecosystem-card p{color:var(--text-secondary-color);font-size:1rem;line-height:1.6}.mockup-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#ffffff0d,#fff0);border-radius:16px;margin-bottom:2rem;border:1px solid var(--border-color)}.unique-solution-section{padding:0 4%}.unique-solution-content{background:var(--background-color-darker);border-radius:24px;padding:5rem 5%;text-align:center;max-width:900px;margin:0 auto;border:1px solid var(--border-color)}.unique-solution-content h2{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:1.5rem}.unique-solution-content p{font-size:clamp(1.1rem,4vw,1.25rem);color:var(--text-secondary-color);max-width:700px;margin:0 auto 3rem;line-height:1.7}.case-studies-container{max-width:1100px;margin:0 auto}.case-studies-nav{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.case-study-trigger{background:var(--card-background);border:1px solid var(--border-color);color:var(--text-color);padding:1rem 2rem;border-radius:12px;cursor:pointer;font-family:var(--font-family);font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #0003}.case-study-trigger:hover{background:#ffffff1a;color:var(--text-color);border-color:#ffffff4d;transform:translateY(-3px)}.case-study-trigger.active{background:var(--primary-color);color:#000;font-weight:700;border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 8px 25px -5px #9e8cfc80}.case-studies-content{position:relative}.case-study-panel{display:none;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;animation:fadeIn .6s ease-in-out;width:100%}.case-study-panel.active{display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.case-study-details h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.case-study-details h3:first-child{margin-top:0}.case-study-details p,.case-study-details ul{color:var(--text-secondary-color);font-size:1rem;line-height:1.7}.case-study-details ul{list-style:none;padding:0;margin-top:1rem}.case-study-details ul li{margin-bottom:.5rem;display:flex;align-items:flex-start}.case-study-details ul i{color:#34c759;margin-right:12px;margin-top:5px}.mockup-placeholder-large{width:100%;height:400px;background:linear-gradient(135deg,#080808,#1a1a1a);border-radius:24px;border:1px solid var(--border-color)}#contacto{padding:4rem 4%;text-align:center;position:relative;margin-top:0}.footer-content h2{font-size:clamp(2rem,7vw,3.8rem);font-weight:800;max-width:900px;margin:0 auto 1.5rem;letter-spacing:-.02em}.footer-content p{font-size:clamp(1.1rem,4vw,1.25rem);max-width:650px;color:var(--text-secondary-color);margin:0 auto 3rem;line-height:1.6}.footer-bottom{padding-top:4rem;margin-top:4rem;font-size:.9rem;color:var(--text-secondary-color)}.footer-content p a{color:var(--primary-color);text-decoration:none;transition:color .3s}.footer-content p a:hover{color:var(--text-color)}.whatsapp-button{background:#25d366;color:#fff;border:1px solid transparent;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px -10px #25d36680;display:inline-flex;align-items:center;gap:1rem;margin-top:2rem}.whatsapp-button:hover{background:#fff;color:#25d366;transform:translateY(-5px);box-shadow:0 15px 35px -10px #25d36666}.whatsapp-button i{font-size:1.8rem}#hamburger-btn{display:none;z-index:1001;background:none;border:none;cursor:pointer;padding:10px}#hamburger-btn .hamburger-line{display:block;width:28px;height:3px;background-color:var(--text-color);margin:5px 0;transition:transform .3s ease,opacity .3s ease}#hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}#hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}#hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}#mobile-nav{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:999;display:flex;justify-content:center;align-items:center;transform:translate(100%);transition:transform .4s cubic-bezier(.77,0,.175,1)}#mobile-nav.open{transform:translate(0)}#mobile-nav nav{display:flex;flex-direction:column;text-align:center}#mobile-nav nav a{color:var(--text-color);text-decoration:none;font-size:2rem;font-weight:700;padding:1.5rem;transition:color .3s}#mobile-nav nav a:hover{color:var(--primary-color)}@media (max-width: 768px){:root{--header-height: 70px}.desktop-nav{display:none}#hamburger-btn{display:block}.content-section{padding:5rem 0}.hero h1{font-size:2.2rem;letter-spacing:-.03em}.hero p{font-size:1rem;margin:1.5rem auto 2.5rem}.content-section h2,.section-intro,.unique-solution-section{padding-left:5%;padding-right:5%}.content-section h2{font-size:2rem}.section-intro{font-size:1rem;margin-bottom:3rem}.ecosystem-card:hover{transform:none}.ecosystem-grid,.case-studies-nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem 5%;gap:1rem;scrollbar-width:none}.ecosystem-grid::-webkit-scrollbar,.case-studies-nav::-webkit-scrollbar{display:none}.ecosystem-card,.case-study-trigger{flex-shrink:0}.ecosystem-card{width:80%}.case-study-trigger{white-space:nowrap}.case-studies-content{min-height:auto;margin-top:2rem;padding:0 5%}.case-study-panel{grid-template-columns:1fr;position:static;display:none}.case-study-panel.active{display:block}.mockup-placeholder-large{height:250px;margin-top:2rem}.cta-button{width:100%;padding:1.2rem 1rem;font-size:1.1rem}.whatsapp-button{width:100%;justify-content:center}#contacto{padding:5rem 5% 3rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.animated-logo-clone{display:none!important}#main-header,#page-wrapper{opacity:1!important;visibility:visible!important}.ecosystem-card:hover,.cta-button:hover{transform:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-color)}.scroll-down-arrow{position:absolute;bottom:.1rem;left:50%;width:16px;height:16px;border-left:1px solid var(--text-color);border-bottom:1px solid var(--text-color);transform:translate(-50%) rotate(-45deg);opacity:.8;animation:bounce 2.5s infinite;transition:opacity .3s}.scroll-down-arrow:hover{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0) rotate(-45deg)}40%{transform:translate(-50%) translateY(-10px) rotate(-45deg)}60%{transform:translate(-50%) translateY(-5px) rotate(-45deg)}}.ecosystem-icon{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff0d,#fff0);border-radius:16px;margin-bottom:2rem;border:1px solid var(--border-color);font-size:4rem;color:var(--primary-color)}.case-study-logo{width:100%;max-width:300px;height:auto;margin:0 auto;display:block}.case-study-mockup{display:flex;align-items:center;justify-content:center}