:root{--bg-light: #fefdfa;--grid-line: #ebebe6;--text-dark: #121212;--text-gray: #555;--c-yellow: #dcf168;--c-purple: #5848db;--c-purple-light: #7162fa;--c-blue: #3858f6;--c-blue-light: #6fb2f3;--c-pink: #f9a8d4;--c-cyan: #81e6d9;--c-lime: #b8f26d;--c-green-dark: #589658;--c-dark: #1a1a1a;--bg-gray: #f2f2f0;--font-main: "Plus Jakarta Sans", sans-serif;--border-color: #121212}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-dark);font-family:var(--font-main);overflow-x:clip;line-height:1.5}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.project-window,.services-stack,.stack-card,.testimonials-track{touch-action:pan-y}.pt-section{padding-top:80px}.pb-section{padding-bottom:80px}.container{max-width:1200px;margin:0 auto;padding:0 5%}.text-center{text-align:center}.text-white{color:#fff}.text-dark{color:var(--text-dark)}.mt-50{margin-top:50px}.border-brutalist{border:1.5px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);transition:all .2s ease}.border-brutalist:hover{box-shadow:6px 6px 0 var(--border-color);transform:translate(-2px,-2px)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--c-purple);outline-offset:4px;border-radius:4px}.btn-primary-small:focus-visible,.btn-navbar-ig:focus-visible,.nav-links a:focus-visible{outline-color:var(--text-dark)}.bg-blue{background-color:var(--c-blue)}.bg-dark{background-color:var(--c-dark)}.bg-gray{background-color:var(--bg-gray)}.bg-gray-dark{background-color:#ccc}.bg-yellow{background-color:var(--c-yellow)}.bg-pink{background-color:var(--c-pink)}.bg-cyan{background-color:var(--c-cyan)}.bg-lime{background-color:var(--c-lime)}.bg-blue-light{background-color:var(--c-blue-light)}.bg-purple-light{background-color:var(--c-purple-light)}.bg-green-dark{background-color:var(--c-green-dark)}.card-blue-light{background-color:var(--c-blue-light)}.card-yellow{background-color:#ffbc59}.card-pink{background-color:#ff7669}.grid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px}.navbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:100px;padding:.5rem .5rem .5rem 1.5rem;max-width:1000px;margin:20px auto;position:sticky;top:20px;z-index:100;box-shadow:4px 4px 0 var(--border-color)}.logo{display:flex;align-items:center;gap:14px;font-weight:800;font-size:1.875rem;transition:transform .3s ease;text-decoration:none;color:inherit;white-space:nowrap}.logo:hover{transform:scale(1.03) rotate(-1deg)}.logo-text{background:linear-gradient(90deg,var(--text-dark),var(--c-yellow),var(--c-pink),var(--c-cyan),var(--text-dark));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s ease-in-out infinite;transition:transform .3s ease;display:inline-block}.logo-icon{width:36px;height:36px;background:var(--c-purple);border-radius:50%;position:relative;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--border-color);transition:all .2s ease}.logo-icon:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.logo:hover .logo-icon{transform:translate(-1.5px,-1.5px);box-shadow:4px 4px 0 var(--border-color)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-dark);text-decoration:none;font-weight:600;font-size:.95rem}.nav-links a:hover{color:var(--c-purple)}.btn-primary-small{background:#fff;color:var(--text-dark);text-decoration:none;padding:.6rem 1.5rem;border-radius:100px;font-weight:600;border:1.5px solid var(--border-color);transition:all .3s ease}.btn-primary-small:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color);background:#f5f5f5}.navbar .btn-primary-small{display:inline-flex;align-items:center;justify-content:center;background:var(--c-purple)!important;color:#fff!important;font-weight:700;border:1.5px solid var(--border-color);border-radius:50px;padding:.5rem 1.5rem;box-shadow:2px 2px 0 var(--border-color);transition:all .2s ease;text-decoration:none}.navbar .btn-primary-small:hover{transform:translate(-2px,-2px)!important;box-shadow:4px 4px 0 var(--border-color)!important;background:var(--c-purple-light)!important}.navbar-cta-group{display:flex;align-items:center;gap:8px}.btn-navbar-ig{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--c-pink)!important;color:var(--text-dark)!important;border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transition:all .2s ease;text-decoration:none;padding:0;cursor:pointer}.btn-navbar-ig:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color);background-color:#ff8da1!important}.btn-navbar-ig svg{width:20px;height:20px;display:block}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:50%;background-color:#fff;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transition:all .2s ease;padding:0}.mobile-menu-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color)}.hero{max-width:1200px;margin:60px auto 0;padding:0 5%;text-align:center}.hero-title{font-size:5.5rem;font-weight:700;line-height:1.1;letter-spacing:-.04em;margin-bottom:3rem}.highlight-shape{padding:0 1rem;border-radius:40px;display:inline-block}.highlight-yellow{background-color:var(--c-yellow);border:1.5px solid transparent}.highlight-outline{border:1.5px solid var(--border-color);border-radius:40px;background:transparent;transform:rotate(-5deg);display:inline-block;padding:.2rem 1rem}.highlight-white{background-color:#fff!important;color:var(--text-dark)!important;border:2px solid var(--border-color)!important;box-shadow:4px 4px 0 var(--border-color)!important;transform:rotate(-1.5deg);display:inline-block;padding:.2rem 1.4rem}.icon-toggle{display:inline-flex;align-items:center;padding:.3rem .8rem;background:var(--bg-light);border:1.5px solid var(--border-color);border-radius:40px}.toggle-circle{width:24px;height:24px;background:var(--c-purple);border-radius:50%;display:inline-block;margin-right:.5rem}.hero-bento-card{background:linear-gradient(135deg,var(--c-purple-light),var(--c-purple));border:1.5px solid var(--border-color);border-radius:32px;padding:2rem;text-align:left;position:relative;overflow:hidden;color:#fff;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 4px 0 var(--border-color);margin-bottom:40px}.bento-bg-shape{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%)}.shape-1{width:400px;height:400px;top:-100px;left:-100px}.shape-2{width:400px;height:400px;bottom:-100px;right:200px}.bento-header{display:flex;justify-content:flex-end;position:relative;z-index:2}.bento-tags{display:flex;gap:.8rem}.tag{background:#ffffffe6;color:var(--text-dark);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:700;border:1.5px solid var(--border-color)}.bento-body{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;margin-top:4rem}.bento-description{max-width:350px}.star-icon{color:var(--c-pink);font-size:3rem;line-height:1;margin-bottom:1rem}.bento-description p{font-size:1.1rem;opacity:.95;line-height:1.4;font-weight:500}.explore-circle{position:absolute;bottom:0;right:350px;width:120px;height:120px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;z-index:10;border:1.5px solid var(--border-color)}.circular-text{position:absolute;width:100%;height:100%;animation:spin 10s linear infinite}.circular-text textPath{fill:#fff;font-size:11px;letter-spacing:2px;font-family:monospace}.play-btn{font-size:1.5rem;transform:translate(2px)}@keyframes spin{to{transform:rotate(360deg)}}.bento-image-mockup{width:300px;height:280px;background:#fff;border-radius:20px 20px 0 0;overflow:hidden;border:1.5px solid var(--border-color);transform:translateY(2rem) rotate(5deg);transform-origin:bottom right}.bento-image-mockup img{width:100%;height:100%;object-fit:cover}.logo-strip{padding:20px 0;border-top:1.5px solid var(--border-color);border-bottom:1.5px solid var(--border-color);background:#fff;overflow:hidden}.strip-content{display:flex;justify-content:center;gap:2.5rem;width:100%;max-width:1200px;margin:0 auto;align-items:center;flex-wrap:wrap;padding:0 1rem}.strip-label{font-weight:600;font-size:.85rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.06em}.client-logo{font-weight:800;font-size:1.15rem;color:var(--text-dark);text-transform:none;opacity:.7;transition:opacity .2s ease}.client-logo:hover{opacity:1}@media (max-width: 768px){.strip-content{gap:1.2rem}.strip-label{width:100%;text-align:center;font-size:.75rem}.client-logo{font-size:.95rem}}.yellow-marquee{background:var(--c-yellow);border-bottom:1.5px solid var(--border-color);overflow:hidden;white-space:nowrap;padding:15px 0}.marquee-content{display:inline-flex;animation:marquee 30s linear infinite;font-weight:800;font-size:1.5rem;text-transform:uppercase;gap:2rem;color:var(--text-dark);will-change:transform}.marquee-content span{display:inline-flex;align-items:center;gap:1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-title-white{font-size:3rem;color:#fff;line-height:1.1;margin-bottom:1rem}.section-subtitle-white{color:#fffc;font-size:1.2rem}.stats-bento-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch}.stat-card-main{padding:3rem;border-radius:24px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.stat-card-main:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:8px 8px 0 var(--border-color)!important}.floating-badge{position:absolute;top:-15px;right:20px;font-weight:700;padding:.5rem 1rem;border-radius:50px;border:1.5px solid var(--border-color)}.yellow-badge{background:var(--c-yellow);color:var(--text-dark);transform:rotate(10deg)}.stat-card-main h3{font-size:2.5rem;margin-bottom:1rem;line-height:1.2;color:var(--text-dark)}.project-window{background-color:#fff;border-radius:16px;margin-top:2rem;overflow:hidden;display:flex;flex-direction:column;width:100%;align-self:stretch;box-shadow:6px 6px 0 var(--border-color);border:1.5px solid var(--border-color)!important}.window-header{background-color:#f7f7f8;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;border-bottom:1.5px solid var(--border-color)}.window-controls{display:flex;gap:6px}.win-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}.win-dot.close{background-color:#ff5f56}.win-dot.minimize{background-color:#ffbd2e}.win-dot.maximize{background-color:#27c93f}.window-title{flex:1;text-align:center;font-size:.85rem;font-weight:700;color:var(--text-dark);font-family:monospace;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;padding:0 1rem}.window-nav{display:flex;gap:6px}.win-nav-btn{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border-color);background:#fff;color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 0 var(--border-color);transition:all .15s cubic-bezier(.25,.8,.25,1);padding:0}.win-nav-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border-color);background-color:#f3f3f4}.win-nav-btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--border-color)}.window-body{position:relative;width:100%;padding-bottom:62.5%;height:0;aspect-ratio:unset;background-color:#fff;overflow:hidden}.project-slides-container{position:absolute;top:0;left:0;width:100%;height:100%}.project-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;z-index:1}.project-slide.active{opacity:1;visibility:visible;z-index:2}.project-slide a{display:block;width:100%;height:100%;cursor:pointer}.project-slide img{width:100%;height:100%;object-fit:cover}.stats-section{position:relative;overflow:hidden;z-index:1}.stats-section:before{content:"";position:absolute;bottom:-150px;right:-100px;width:1200px;height:800px;background-image:url(assets/images/fondoabout.webp);background-repeat:no-repeat;background-size:contain;background-position:right bottom;mix-blend-mode:multiply;opacity:.38;z-index:-1;pointer-events:none;animation:floatBackground 20s ease-in-out infinite;transform-origin:right bottom}@keyframes floatBackground{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-25px) rotate(.8deg) scale(1.03)}}.stats-right-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.stat-box{padding:2rem;border-radius:24px;text-align:left;position:relative;color:var(--text-dark);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275)}.stat-box:nth-child(1):hover{transform:translateY(-8px) rotate(-1.2deg);box-shadow:8px 8px 0 var(--border-color)!important}.stat-box:nth-child(2):hover{transform:translateY(-8px) rotate(1.2deg);box-shadow:8px 8px 0 var(--border-color)!important}.stat-box:nth-child(3):hover{transform:translateY(-8px) rotate(-.8deg);box-shadow:8px 8px 0 var(--border-color)!important}h1,h2,h3,h4,h5,h6{line-height:1}.stat-box h2,.stat-box .stat-num{font-size:4rem;font-weight:800;margin:.5rem 0 .2rem;letter-spacing:-.01em;line-height:1;color:#fff;display:inline-block;position:relative;text-shadow:-1.5px -1.5px 0 var(--border-color),1.5px -1.5px 0 var(--border-color),-1.5px 1.5px 0 var(--border-color),1.5px 1.5px 0 var(--border-color),4px 4px 0px var(--border-color);transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.stat-box:hover h2,.stat-box:hover .stat-num{transform:scale(1.08) rotate(-3deg)}.stat-box p{font-weight:600;font-size:.9rem}.icon-box{background:#fff;width:44px;height:44px;border-radius:10px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-dark);box-shadow:2px 2px 0 var(--border-color);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.scroll-down-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:var(--c-yellow);border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);display:none;align-items:center;justify-content:center;color:var(--text-dark);z-index:10;cursor:pointer;animation:scrollBounce 2s infinite ease-in-out;transition:all .2s ease}.icon-box svg{display:block}.stat-box:hover .icon-box{background:var(--c-yellow);transform:scale(1.1) rotate(-8deg);box-shadow:3.5px 3.5px 0 var(--border-color)}.wide-stat{grid-column:1 / -1}.about-projects-preview{display:flex;gap:1rem;margin-top:1.8rem;justify-content:flex-start;flex-wrap:wrap;position:relative;z-index:2}.about-proj-mini{position:relative;flex:1 1 110px;min-width:100px;max-width:130px;height:110px;border-radius:14px;border:2px solid var(--border-color);overflow:hidden;background:#fff;transform:rotate(var(--rot, 0deg));box-shadow:3.5px 3.5px 0 var(--border-color);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:block;cursor:pointer}.about-proj-mini img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .3s ease;filter:grayscale(15%) contrast(102%)}.about-proj-mini .mini-tag{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:var(--c-yellow);border:1.5px solid var(--border-color);padding:.15rem .5rem;font-size:.65rem;font-weight:800;border-radius:5px;color:var(--text-dark);white-space:nowrap;box-shadow:1px 1px 0 var(--border-color);transition:all .2s ease}.about-proj-mini:hover{transform:scale(1.1) translateY(-6px) rotate(var(--hover-rot, 0deg));box-shadow:5px 5px 0 var(--border-color);z-index:10}.about-proj-mini:hover img{transform:scale(1.08);filter:grayscale(0%) contrast(100%)}.about-proj-mini:hover .mini-tag{background:#fff;transform:translate(-50%) scale(1.05)}.section-title{font-size:3.2rem;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text-dark)}.services-text-centered{max-width:800px;margin:0 auto 3.5rem;text-align:center}.services-text-centered .section-title{margin-bottom:1.25rem}.services-subtitle{font-size:1.2rem;color:var(--text-gray);max-width:600px;margin:0 auto;line-height:1.6}.services-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.8rem;margin:1rem auto 3rem;max-width:900px}.tab-btn{padding:.7rem 1.4rem;font-size:.95rem;font-weight:700;font-family:var(--font-main);color:var(--text-dark);background-color:#fff;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);box-shadow:3px 3px 0 var(--border-color)}.tab-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color)}.tab-btn.active[data-index="1"]{background-color:var(--c-yellow)}.tab-btn.active[data-index="2"]{background-color:var(--c-pink)}.tab-btn.active[data-index="3"]{background-color:var(--c-cyan)}.tab-btn.active[data-index="4"]{background-color:var(--c-lime)}.tab-btn.active[data-index="5"]{background-color:var(--c-purple);color:#fff}.services-wrapper{position:relative;max-width:1060px;margin:4.5rem auto 0;padding:0 50px}.services-wrapper .control-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border-color);background-color:#fff;color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;opacity:.85;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:3px 3px 0 var(--border-color);padding:0;line-height:1}.services-wrapper .prev-btn{left:4px}.services-wrapper .next-btn{right:4px}.services-wrapper .control-btn:hover{opacity:1;background-color:#fff;color:var(--text-dark);border-color:var(--border-color);transform:translateY(-50%) scale(1.06);box-shadow:5px 5px 0 var(--border-color)}.services-wrapper .control-btn:active{transform:translateY(-50%) scale(.95)}.services-dots{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:3.5rem auto 0}.services-dots .dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--border-color);background-color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1)}.services-dots .dot.active[data-index="1"]{background-color:var(--c-yellow);transform:scale(1.2)}.services-dots .dot.active[data-index="2"]{background-color:var(--c-pink);transform:scale(1.2)}.services-dots .dot.active[data-index="3"]{background-color:var(--c-cyan);transform:scale(1.2)}.services-dots .dot.active[data-index="4"]{background-color:var(--c-lime);transform:scale(1.2)}.services-dots .dot.active[data-index="5"]{background-color:var(--c-purple);transform:scale(1.2)}.services-stack{position:relative;max-width:960px;height:620px;margin:4.5rem auto 0}.stack-card{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:48px;padding:3.5rem;display:flex;justify-content:space-between;align-items:center;transition:transform .6s cubic-bezier(.25,1,.5,1),z-index .6s ease,box-shadow .3s ease;cursor:pointer;user-select:none;box-sizing:border-box;border:1.5px solid var(--border-color)!important;--card-color: var(--c-yellow);box-shadow:4px 4px 0 var(--border-color),inset 0 0 25px #0000001f;overflow:hidden}.stack-card.bg-yellow{--card-color: var(--c-yellow);background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 30%,#ffffff) 0%,var(--card-color) 25%)!important}.stack-card.bg-pink{--card-color: var(--c-pink);background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 30%,#ffffff) 0%,var(--card-color) 25%)!important}.stack-card.bg-cyan{--card-color: var(--c-cyan);background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 30%,#ffffff) 0%,var(--card-color) 25%)!important}.stack-card.bg-lime{--card-color: var(--c-lime);background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 30%,#ffffff) 0%,var(--card-color) 25%)!important}.stack-card.bg-purple{--card-color: var(--c-purple);background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 30%,#ffffff) 0%,var(--card-color) 25%)!important}.stack-card.bg-purple .stack-title,.stack-card.bg-purple .stack-body p,.stack-card.bg-purple .stack-number{color:#fff!important}.stack-card.bg-purple .stack-tags span{color:#fff!important;border-color:#fff6!important;background:#ffffff40!important}.stack-card.bento-stack-5 .stack-tags span{background:#000!important;color:#fff!important;border-color:#fff6!important}.stack-card:after{content:"";position:absolute;top:0;right:-80px;width:65%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;mix-blend-mode:multiply;pointer-events:none;z-index:1;transform-origin:center right;transition:transform .6s cubic-bezier(.25,1,.5,1)}.stack-card.bg-yellow:after{background-image:url(assets/images/disenoweb.webp)}.stack-card.bg-pink:after{background-image:url(assets/images/desarollodeapps.webp)}.stack-card.bg-cyan:after{background-image:url(assets/images/ilustracion.webp)}.stack-card.bg-lime:after{background-image:url(assets/images/rocket-slider-img.webp)}.stack-card.bg-purple:after{background-image:url(assets/images/produccionaudiovisual.webp)}.stack-card.bg-purple-light:after{background-image:url(assets/images/proyectos.webp)}.stack-card.bg-blue-light:after{background-image:url(assets/images/contacto.webp)}.bento-stack-1{z-index:7;--tx: 0px;--ty: 0px;--rot: 0deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot));cursor:default}.bento-stack-2{z-index:6;--tx: -12px;--ty: -12px;--rot: -1.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.bento-stack-3{z-index:5;--tx: -24px;--ty: -24px;--rot: 1deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.bento-stack-4{z-index:4;--tx: -36px;--ty: -36px;--rot: -2deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.bento-stack-5{z-index:3;--tx: -48px;--ty: -48px;--rot: 2.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.bento-stack-6{z-index:2;--tx: -60px;--ty: -60px;--rot: -1deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.bento-stack-7{z-index:1;--tx: -72px;--ty: -72px;--rot: 1.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))}.stack-card:hover{transform:translate(var(--tx),var(--ty)) rotate(var(--rot));box-shadow:4px 4px 0 var(--border-color),inset 0 0 25px #0000001f}.stack-card:not(.bento-stack-1):hover{transform:translate(calc(var(--tx) - 8px),calc(var(--ty) - 8px)) rotate(var(--rot)) scale(1.015);box-shadow:8px 8px 0 var(--border-color),inset 0 0 25px #0000001f}.stack-number{position:absolute;top:2rem;left:3rem;font-size:5rem;font-weight:900;line-height:1;margin:0;opacity:.15;font-family:monospace}.stack-content{width:52%;display:flex;flex-direction:column;gap:1rem;z-index:2}.stack-title{font-size:1.9rem;font-weight:800;margin:0;letter-spacing:-.02em;color:#000!important;text-shadow:none!important}.stack-body{display:flex;flex-direction:column;gap:.85rem}.stack-body p{position:absolute;top:2.8rem;right:2.8rem;width:34%;font-size:.875rem;line-height:1.55;color:#1a1a1a;margin:0;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:.9rem 1.15rem;box-shadow:0 4px 20px #00000014,inset 0 1px #fff;z-index:3}.stack-body p:before{content:"";position:absolute;left:-9px;top:1.2rem;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:9px solid rgba(255,255,255,.7);filter:drop-shadow(-2px 0px 1px rgba(0,0,0,.04))}.stack-card.bg-purple .stack-body p{color:#fff!important;background:#00000047!important;border-color:#ffffff38!important;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff14!important}.stack-card.bg-purple .stack-body p:before{border-right-color:#00000047!important}.stack-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.stack-features li{font-size:.875rem;font-weight:500;color:#222;display:flex;align-items:flex-start;gap:.45rem;line-height:1.4}.stack-features li:before{content:"\2726";color:currentColor;font-weight:800}.stack-card.bg-purple .stack-features li{color:#fff!important}.stack-tags{display:flex;flex-wrap:wrap;gap:.4rem}.stack-tags span{background:#000;padding:.3rem .8rem;border-radius:50px;font-size:.78rem;font-weight:700;border:1.5px solid #000000;color:#fff}.stack-cta{align-self:flex-start}.stack-card .stack-cta{background-color:#fff!important;color:var(--text-dark)!important;border-color:var(--border-color)!important}.stack-card .stack-cta:hover{background-color:#f5f5f5!important;color:var(--text-dark)!important;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color)}.stack-card.bg-purple .stack-cta:hover{color:var(--text-dark)!important}.stack-image{display:none!important}@keyframes illustrationZoom{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.bento-stack-1:after{animation:illustrationZoom 20s ease-in-out infinite}@media (max-width: 900px){.services-stack{position:relative;max-width:100%;height:720px;margin:4.5rem auto 0;padding:0}.stack-card{position:absolute;top:40px;left:0;width:100%;height:680px;border-radius:24px;padding:1.6rem 1.6rem 250px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:transform .6s cubic-bezier(.25,1,.5,1),z-index .6s ease,box-shadow .3s ease;cursor:pointer;user-select:none;box-sizing:border-box;border:1.5px solid var(--border-color)!important;box-shadow:4px 4px 0 var(--border-color),inset 0 0 15px #0000001f!important;overflow:hidden}.bento-stack-1{z-index:7;--tx: 0px;--ty: 0px;--rot: 0deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-2{z-index:6;--tx: 0px;--ty: -10px;--rot: -1.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-3{z-index:5;--tx: 0px;--ty: -20px;--rot: 1deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-4{z-index:4;--tx: 0px;--ty: -30px;--rot: -2deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-5{z-index:3;--tx: 0px;--ty: -40px;--rot: 2.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-6{z-index:2;--tx: 0px;--ty: -50px;--rot: -1deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.bento-stack-7{z-index:1;--tx: 0px;--ty: -60px;--rot: 1.5deg;transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.stack-card:hover{transform:translate(var(--tx),var(--ty)) rotate(var(--rot))!important}.stack-card:not(.bento-stack-1):hover{transform:translate(var(--tx),calc(var(--ty) - 5px)) rotate(var(--rot)) scale(1.01)!important}.stack-card:after{inset:auto 0 0 50%;transform:translate(-50%)!important;width:95%;height:240px;background-size:contain;background-position:center bottom;animation:none!important;mix-blend-mode:multiply!important;opacity:.9}.bento-stack-1:after{animation:none!important}.stack-number{position:static;font-size:2.2rem;margin-bottom:.2rem;opacity:.12;line-height:1}.stack-content{width:100%;gap:.7rem}.stack-title{font-size:1.55rem}.stack-body{gap:.6rem}.stack-body p{position:static!important;width:100%!important;top:auto!important;right:auto!important;font-size:.8rem;line-height:1.5;padding:.6rem .85rem;border-radius:12px;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fffffff2!important}.stack-body p:before{display:none}.stack-features{flex-direction:row;flex-wrap:wrap;gap:.35rem}.stack-features li{flex:0 1 calc(50% - .175rem);font-size:.72rem;font-weight:600;line-height:1.3;background:#ffffffd9;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.9);border-radius:10px;padding:.4rem .55rem;gap:.3rem;align-items:flex-start}.stack-card.bg-purple .stack-features li{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.stack-tags{gap:.3rem}.stack-tags span{font-size:.7rem;padding:.25rem .6rem}.stack-image{width:100%;height:200px;margin-top:1.5rem;transform:none!important;box-shadow:none!important;background:none!important;border:none!important}.stack-card.bento-stack-1:hover .stack-image{transform:none!important}.services-wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:0}.services-stack{order:1;width:100%;height:auto!important;min-height:520px;margin-top:1rem}.stack-card{position:absolute!important;top:0;left:0;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;transition:opacity .4s ease,visibility .4s ease;height:auto;min-height:500px;padding-bottom:2rem}.stack-card.bento-stack-1{position:relative!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.services-wrapper .control-btn{display:flex!important;position:static!important;transform:none!important;order:2;margin:1.5rem .5rem 0}.services-dots{order:3;width:100%;display:flex;justify-content:center;margin-top:1.5rem}.services-tabs{margin-bottom:2rem;gap:.5rem}.tab-btn{padding:.5rem 1rem;font-size:.85rem}}.curvy-line-illustration{width:100px;height:20px;border-bottom:4px solid var(--c-yellow);border-radius:50%;margin:10px 0}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.portfolio-card h3{font-size:1.5rem;margin:1rem 0 .5rem;color:var(--text-dark)}.portfolio-card p{font-size:.95rem;color:var(--text-gray)}.port-img-container{height:320px;border-radius:24px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem}.port-img-container img{width:90%;height:90%;object-fit:cover;border-radius:12px;border:1.5px solid var(--border-color);transform:rotate(-2deg);transition:transform .3s}.portfolio-card:hover .port-img-container img{transform:rotate(0) scale(1.05)}.hover-view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1rem 2rem;border-radius:50px;font-weight:700;color:var(--text-dark);opacity:0;transition:opacity .3s}.portfolio-card:hover .hover-view-btn{opacity:1}.lowercase-title{font-family:monospace;font-size:2rem;font-weight:600;text-transform:lowercase}.testimonials-section{background:transparent;border-bottom:1.5px solid var(--border-color);padding:60px 0;overflow:hidden}.testimonials-slider-wrapper{position:relative;display:flex;align-items:center;gap:1.5rem;width:100%}.testimonials-slider{overflow:hidden;width:100%;padding:10px 5px}.testimonials-track{display:flex;transition:transform .5s cubic-bezier(.25,1,.5,1);gap:2rem}.testimonials-track .review-card{background:#fff;border:1.5px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);padding:2.2rem;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;width:calc((100% - 2rem)/2);min-height:230px;flex-shrink:0;transition:all .3s ease}.testimonials-track .review-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--border-color)}.quote-icon{font-size:4rem;color:var(--bg-gray);line-height:.5;margin-bottom:1rem}.testimonials-track .review-card .review-text{font-size:1.1rem;line-height:1.6;color:var(--text-dark)}.reviewer{display:flex;align-items:center;gap:1em;margin-top:2rem;color:var(--text-dark)}.rev-avatar{width:48px;height:48px;background:var(--bg-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-color);font-size:1.5rem}.reviewer h4{font-size:1rem;margin-bottom:0}.reviewer p{font-size:.85rem;color:var(--text-gray)}.rating-card{border-radius:24px;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.rating-card h1{font-size:4rem;margin-bottom:.5rem}.stars{color:var(--c-yellow);font-size:1.5rem;letter-spacing:2px}.testimonials-slider-wrapper .slider-btn{background:#fff;border:1.5px solid var(--border-color);width:48px;height:48px;border-radius:50%;font-size:1.25rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 3px 0 var(--border-color);transition:all .2s ease;z-index:10;flex-shrink:0}.testimonials-slider-wrapper .slider-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color);background:var(--c-yellow)}.testimonials-slider-wrapper .slider-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--border-color)}.testimonials-slider-wrapper .slider-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:1px 1px 0 var(--border-color);transform:none}.testimonials-dots{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.testimonials-dots .dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--border-color);background:#fff;cursor:pointer;transition:all .25s ease;padding:0;margin:0;outline:none;box-sizing:border-box}.testimonials-dots .dot.active{background:var(--c-yellow);transform:scale(1.25);box-shadow:2px 2px 0 var(--border-color)}@media (max-width: 768px){.testimonials-slider-wrapper .slider-btn{display:none}.testimonials-track{gap:0}.testimonials-track .review-card{width:100%;min-height:200px;padding:1.8rem}}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.faq-card{grid-column:1;grid-row:1}.faq-list{grid-column:2;grid-row:1}@media (max-width: 768px){.faq-card{display:none!important}.faq-list{grid-column:auto;grid-row:auto}}.acc-item{border-bottom:1.5px solid var(--border-color);padding:1.5rem 0;cursor:pointer}.acc-title{font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;color:var(--text-dark)}.faq-card{padding:3rem;border-radius:24px;text-align:left}.question-mark{font-size:4rem;font-weight:800;color:var(--c-blue);margin-bottom:1rem}.faq-card h3{font-size:1.8rem;margin-bottom:1rem;color:var(--text-dark)}.btn-dark{background:#fff;color:var(--text-dark);padding:1rem 2rem;border-radius:100px;font-weight:700;border:1.5px solid var(--border-color);margin-top:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 0 var(--border-color)}.btn-dark:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--border-color);background:#f5f5f5}.arrow{display:inline-block;transition:transform .35s ease;font-size:1.1rem}.acc-body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;font-size:1rem;color:var(--text-gray);line-height:1.7;padding:0}.acc-item.open .acc-body{max-height:200px;padding:1rem 0}.acc-item.open .arrow{transform:rotate(90deg)}.acc-item{transition:background .2s ease;padding-left:.5rem;padding-right:.5rem;border-radius:8px}.acc-item:hover{background:#00000008}.nav-links a.active{color:var(--c-purple)}.contact-section{position:relative;overflow:hidden;z-index:1}.contact-section:before{content:"";position:absolute;top:50%;left:-80px;width:800px;height:550px;background-image:url(assets/images/contacto.webp);background-repeat:no-repeat;background-size:contain;background-position:left center;filter:invert(1);mix-blend-mode:screen;opacity:.22;z-index:0;pointer-events:none;animation:floatBackgroundContact 24s ease-in-out infinite;transform-origin:left center}@keyframes floatBackgroundContact{0%,to{transform:translateY(-50%) rotate(0) scale(1)}50%{transform:translateY(calc(-50% - 20px)) rotate(-.5deg) scale(1.02)}}.reveal-contact{position:relative;perspective:1000px;width:100%;z-index:2;opacity:0;transform:translateY(100px) scale(.92) rotateX(12deg);transform-origin:center bottom;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .8s ease}.reveal-contact.active{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.reveal-contact.exit-top{opacity:0;transform:translateY(-100px) scale(.92) rotateX(-12deg);transition:transform .7s cubic-bezier(.25,1,.5,1),opacity .7s ease}.reveal-contact.exit-bottom{opacity:0;transform:translateY(100px) scale(.92) rotateX(12deg);transition:transform .7s cubic-bezier(.25,1,.5,1),opacity .7s ease}@media (max-width: 768px){.reveal-contact{transform:translateY(40px) scale(1) rotateX(0)!important;transition:transform .5s ease,opacity .5s ease!important}.reveal-contact.active{transform:translateY(0) scale(1) rotateX(0)!important}.reveal-contact.exit-top{transform:translateY(-40px) scale(1) rotateX(0)!important}.reveal-contact.exit-bottom{transform:translateY(40px) scale(1) rotateX(0)!important}}.contact-grid{border-radius:32px;padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start;position:relative}.contact-title{grid-column:1 / -1;text-align:center;font-size:3.5rem;line-height:1.1;margin-bottom:0;color:#fff;min-height:160px;width:100%}.contact-text p{color:#fff}.contact-info-list{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}.info-item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem;border-radius:16px;text-decoration:none;background:#12121273;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.info-item:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--c-yellow);background:var(--c-purple);border-color:#fff}.info-icon{font-size:1.4rem;background:var(--c-yellow);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-dark);border:2px solid var(--border-color);transition:all .25s ease;flex-shrink:0}.info-content{display:flex;flex-direction:column}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;font-weight:700;margin-bottom:.15rem;transition:all .25s ease}.info-value{font-size:1.05rem;font-weight:800;color:#fff;transition:all .25s ease}.info-item:hover .info-icon{background:#fff;transform:scale(1.1) rotate(-8deg)}.info-item:hover .info-label{color:#ffffffd9}.info-item:hover .info-value{color:var(--c-yellow)}.star-badge{position:absolute;right:-24px;top:-24px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;transform:rotate(-10deg);z-index:10;box-shadow:4px 4px 0 var(--border-color);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.star-badge:hover{transform:scale(1.1) rotate(15deg)}@media (max-width: 768px){.star-badge{width:48px;height:48px;font-size:1.5rem;right:10px;top:-24px}}.contact-buttons-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;align-items:stretch;margin-top:4.5rem;margin-bottom:2rem}.whatsapp-btn-wrapper{position:relative;display:flex;flex-direction:column;width:100%;z-index:5}.contact-buttons-container a.btn-primary-small,.contact-buttons-container .whatsapp-btn-wrapper a.btn-primary-small{width:100%;height:100%;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}.whatsapp-popup-bubble{position:absolute;bottom:120%;right:-10px;left:auto;transform:rotate(6deg) translateY(6px);background:#f33;color:#fff;padding:.5rem 1.2rem;border-radius:12px;font-size:.85rem;font-weight:800;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:wa-bubble-float 2.5s ease-in-out infinite;pointer-events:none;z-index:10}.whatsapp-popup-bubble:after{content:"";position:absolute;bottom:-10px;right:24px;left:auto;transform:none;border-width:5px;border-style:solid;border-color:var(--border-color) transparent transparent transparent}.whatsapp-popup-bubble:before{content:"";position:absolute;bottom:-7px;right:25px;left:auto;transform:none;border-width:4px;border-style:solid;border-color:#FF3333 transparent transparent transparent;z-index:1}.reveal-contact.active .whatsapp-popup-bubble,.whatsapp-btn-wrapper:hover .whatsapp-popup-bubble{opacity:1;visibility:visible;transform:rotate(6deg) translateY(0)}@keyframes wa-bubble-float{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-6px)}}@media (min-width: 901px){.scroll-down-btn{display:none!important}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem}.form-row input{margin-bottom:0}.contact-form form input,.contact-form form textarea{width:100%;padding:1.1rem;border-radius:16px;background:#12121259;border:2px solid var(--border-color);box-shadow:4px 4px #0000004d;color:#fff;font-family:var(--font-main);font-size:1rem;margin-bottom:1.2rem;outline:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.contact-form form input::placeholder,.contact-form form textarea::placeholder{color:#ffffff73}.contact-form form input:focus,.contact-form form textarea:focus{transform:translate(-3px,-3px);background:#121212b3;border-color:#fff;box-shadow:6px 6px 0 var(--c-yellow)}.contact-form form textarea{min-height:140px;resize:vertical}.contact-form .btn-block{width:100%;padding:1.1rem;border-radius:50px;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--c-yellow);color:var(--text-dark);border:2px solid var(--border-color);box-shadow:5px 5px 0 var(--border-color);cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);margin-top:0}.contact-form .btn-block:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--c-pink);background:#fff;color:var(--text-dark)}.contact-form .btn-form-submit:active{transform:translate(0);box-shadow:2px 2px 0 var(--border-color)}@keyframes gradientText{0%{background-position:0% center}to{background-position:300% center}}.brutalist-popup{position:fixed;bottom:2rem;right:2rem;background-color:#fff;border:2px solid var(--text-dark);border-radius:16px;padding:1.5rem;box-shadow:6px 6px 0 var(--border-color);z-index:9999;transform:translateY(200%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);max-width:320px;color:var(--text-dark)}.brutalist-popup.active{transform:translateY(0)}.brutalist-popup-close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.2rem;font-weight:700;cursor:pointer;color:var(--text-dark)}.section-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;margin-bottom:1.5rem}.brutalist-popup-content p{font-size:.95rem;font-weight:600;margin-bottom:1rem;line-height:1.4;margin-top:5px}.popup-btn{display:inline-block;background-color:var(--c-yellow);color:var(--text-dark);padding:.6rem 1.2rem;border:1.5px solid var(--text-dark);border-radius:50px;font-weight:700;text-decoration:none;box-shadow:2px 2px 0 var(--border-color);transition:all .2s ease}.popup-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-color)}.footer{padding:80px 0 40px;position:relative;border-top:1.5px solid var(--border-color)}.giant-logo{font-size:10vw;font-weight:800;text-align:center;line-height:1;letter-spacing:-.05em;margin-bottom:3rem;display:block;background:linear-gradient(90deg,#ffffff,var(--c-yellow),var(--c-pink),var(--c-cyan),#ffffff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 8s ease-in-out infinite;transition:transform .3s ease}.giant-logo:hover{transform:scale(1.02) rotate(-1deg)}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto;gap:2rem;text-align:left}.footer-links .col h4{font-size:1.2rem;margin-bottom:1.5rem;color:#ffffff80}.footer-links .col a{display:block;color:#fff;text-decoration:none;margin-bottom:.8rem;font-weight:500;font-size:1.1rem}.copyright{margin-top:60px;color:#ffffff80;font-size:.9rem;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.floating-shapes{position:relative;height:60px;margin-top:3rem;overflow:visible;width:100%}.shape{position:absolute;width:44px;height:44px;border-radius:10px;box-shadow:3.5px 3.5px 0 var(--border-color);border:1.5px solid var(--border-color);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s}.s-blue{background:var(--c-blue);left:5%;bottom:15px;animation:float-blue 7s ease-in-out infinite}.s-pink{background:var(--c-pink);left:22%;bottom:10px;animation:float-pink 6s ease-in-out infinite}.s-lime{background:var(--c-lime);left:48%;bottom:20px;animation:float-lime 9s ease-in-out infinite}.s-yellow{background:var(--c-yellow);left:73%;bottom:8px;animation:float-yellow 8s ease-in-out infinite}.s-cyan{background:var(--c-cyan);left:90%;bottom:18px;animation:float-cyan 5s ease-in-out infinite}.shape:hover{animation-play-state:paused;transform:scale(1.3) rotate(25deg)!important;cursor:pointer}@keyframes float-blue{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-12px) rotate(10deg) scale(.9)}}@keyframes float-pink{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-18px) rotate(8deg) scale(1.05)}}@keyframes float-lime{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-15px) rotate(-10deg) scale(1.1)}}@keyframes float-yellow{0%,to{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-22px) rotate(-12deg) scale(.95)}}@keyframes float-cyan{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(15deg) scale(1.02)}}.footer-contact-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:.5rem}.footer-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:.6rem .8rem;font-size:.9rem!important;font-weight:700;border-radius:100px;color:var(--text-dark)!important;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px 0 var(--border-color);border:1.5px solid var(--border-color);width:100%;box-sizing:border-box}.footer-btn svg{flex-shrink:0}.footer-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.footer-btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--border-color)}.footer-btn.btn-whatsapp{background-color:var(--c-lime)}.footer-btn.btn-telegram{background-color:var(--c-cyan)}.footer-btn.btn-linkedin{background-color:var(--c-blue);color:#fff!important}.footer-btn.btn-calendly{background-color:var(--c-pink)}.footer-btn.btn-email{background-color:var(--c-yellow)}.reveal{position:relative;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.whatsapp-float{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #25d36666;z-index:999;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;animation:wa-pulse 2s ease-in-out infinite}.whatsapp-float:hover{transform:scale(1.12);box-shadow:0 6px 24px #25d36680}.whatsapp-float:after{content:"\a1 Escr\ed benos! \1f60a";position:absolute;bottom:calc(100% + 15px);right:-10px;background:#fff;color:var(--text-dark);padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:700;white-space:nowrap;border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--border-color);opacity:0;visibility:hidden;transform:translateY(10px) scale(.9);transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.whatsapp-float:before{content:"";position:absolute;bottom:calc(100% + 5px);right:20px;border-width:6px;border-style:solid;border-color:#fff transparent transparent transparent;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:1}.whatsapp-float:hover:after,.whatsapp-float.show-tooltip:after{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.whatsapp-float:hover:before,.whatsapp-float.show-tooltip:before{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@keyframes wa-pulse{0%,to{box-shadow:0 4px 16px #25d36666}50%{box-shadow:0 4px 24px #25d366b3}}.bg-purple{background-color:var(--c-purple)}@media (max-width: 768px){.hero{padding:0!important;margin:15px auto 0!important}.hero-split{display:flex;flex-direction:column;text-align:center;margin-top:15px!important;gap:2rem;padding:15px 1rem 2rem!important;width:100%!important}.hero-title{order:1;width:100%!important;max-width:100%!important;margin:0 auto!important}.hero-subtitle-sub{order:2;width:100%!important;max-width:100%!important;margin:1rem auto 0!important;font-size:1.05rem!important}.hero-split-right{order:3;display:flex;justify-content:center;align-items:center;min-height:auto!important;height:auto!important}.hero-split-image{width:80%!important;max-height:280px;margin-top:2rem!important}.hero-ctas{order:4;display:flex;flex-direction:column;align-items:center;gap:1rem!important;justify-content:center!important;width:100%!important;margin-top:1.5rem}.btn-hero-primary,.btn-hero-secondary{padding:.9rem 1.8rem!important;font-size:1rem!important;white-space:nowrap;width:100%!important;max-width:320px;display:inline-flex!important;justify-content:center;text-align:center;box-sizing:border-box}.bento-body{flex-direction:column;align-items:flex-start}.bento-image-mockup{transform:rotate(0);width:100%;height:200px;margin-top:2rem}.explore-circle{position:relative;right:0;width:80px;height:80px;margin-top:-60px;margin-bottom:20px;align-self:flex-end}.stats-bento-grid,.stats-right-col,.services-grid,.portfolio-grid,.testimo-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.stat-card-main{padding:1.5rem;border-radius:16px}.stat-card-main .project-window{margin-top:1rem;border-radius:12px;box-shadow:3px 3px 0 var(--border-color)}.stat-card-main .project-window .window-body{aspect-ratio:unset}.stat-card-main h3{font-size:1.6rem;margin-bottom:.5rem}.stat-card-main>p{font-size:.9rem;line-height:1.5}.stats-right-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-box{padding:1rem 1.2rem;border-radius:14px}.stat-box h2,.stat-box .stat-num{font-size:2.2rem!important}.stat-box p{font-size:.78rem}.wide-stat{grid-column:1 / -1}.contact-grid{padding:2rem}.contact-title{font-size:2.2rem;min-height:190px;margin-bottom:0}.form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-row input{margin-bottom:1.2rem}.info-item{padding:.8rem 1.2rem}.info-value{font-size:.95rem}.footer-links{grid-template-columns:1fr 1fr;text-align:center;gap:1.5rem 1rem}.footer-links .col:nth-child(3){grid-column:1 / -1;margin-top:1rem}.footer-contact-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;max-width:320px;margin:.5rem auto 0}.stats-section:before{width:640px;height:440px;bottom:-50px;right:-50px;opacity:.15}.contact-section:before{width:400px;height:300px;left:-40px}.about-projects-preview{justify-content:center}}.btn-block{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-loading{background:var(--c-yellow)!important;color:var(--text-dark)!important;pointer-events:none}.btn-success{background:var(--c-lime)!important;color:var(--text-dark)!important;pointer-events:none;transform:scale(1.02)}.spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--text-dark);border-radius:50%;animation:spinner .8s linear infinite;display:none}.btn-loading .spinner{display:inline-block}@keyframes spinner{to{transform:rotate(360deg)}}.tw-cursor-1,.tw-cursor-2{font-weight:300;color:var(--text-dark);display:inline-block;vertical-align:text-bottom}.tw-cursor-1.blinking,.tw-cursor-2.blinking{animation:blinkCursor .8s infinite}.contact-cursor-1,.contact-cursor-2{font-weight:300;color:var(--c-yellow);display:inline-block;vertical-align:text-bottom;margin-left:2px}.contact-cursor-1.blinking,.contact-cursor-2.blinking{animation:blinkCursor .8s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.hero-split{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto auto;width:100%;max-width:1300px;margin:20px auto 40px;padding:40px 0;align-items:center;gap:0 4rem;position:relative;box-sizing:border-box}.hero-title{grid-column:1;grid-row:1;z-index:2}.hero-subtitle-sub{grid-column:1;grid-row:2;z-index:2;color:var(--text-gray);font-size:1.15rem;line-height:1.6;margin-top:1rem;text-align:center}.hero-ctas{grid-column:1;grid-row:3;z-index:2}.hero-split-right{grid-column:2;grid-row:1 / span 3;position:relative;width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1}.hero-split-image{width:120%;height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(88,72,219,.15)) drop-shadow(0 4px 10px rgba(220,241,104,.08));animation:floatRocket 6s ease-in-out infinite;transform-origin:center;pointer-events:none}.btn-hero-primary{background:var(--c-purple);color:#fff;text-decoration:none;padding:.9rem 2.2rem;border-radius:100px;font-weight:700;font-size:1.1rem;border:1.5px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);transition:all .2s ease;cursor:pointer;white-space:nowrap}.btn-hero-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color);background:var(--c-purple-light)}.btn-hero-secondary{background:#fff;color:var(--text-dark);text-decoration:none;padding:.9rem 2.2rem;border-radius:100px;font-weight:700;font-size:1.1rem;border:1.5px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);transition:all .2s ease;cursor:pointer;white-space:nowrap}.btn-hero-secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color),0 8px 18px #5848db2e,0 4px 10px #dcf1681f;background:#f7f7f7}@keyframes floatRocket{0%,to{transform:translateY(0) rotate(0) scale(1);filter:drop-shadow(0 10px 20px rgba(88,72,219,.15)) drop-shadow(0 4px 10px rgba(220,241,104,.08))}50%{transform:translateY(-25px) rotate(2.5deg) scale(1.04);filter:drop-shadow(0 20px 35px rgba(88,72,219,.3)) drop-shadow(0 8px 18px rgba(220,241,104,.18))}}@media (max-width: 991px){.navbar{margin:15px auto;width:calc(100% - 40px);top:15px}.hero-split{display:flex;flex-direction:column;text-align:center;margin-top:60px;gap:2rem;padding-bottom:2rem}.hero-title{order:1;width:80%!important;margin:0 auto!important}.hero-subtitle-sub{order:2;width:80%!important;margin:1rem auto 0!important}.hero-split-right{order:3;min-height:260px;width:100%;display:flex;justify-content:center;align-items:center}.hero-split-image{width:80%!important;max-height:280px}.hero-ctas{order:4;display:flex;gap:.8rem!important;justify-content:center!important;width:100%!important;margin-top:1rem}.btn-hero-primary,.btn-hero-secondary{padding:.8rem 1.4rem!important;font-size:.95rem!important;white-space:nowrap}}@media (max-width: 480px){.contact-buttons-container{gap:.6rem}.contact-buttons-container a.btn-primary-small,.contact-buttons-container .whatsapp-btn-wrapper a.btn-primary-small{padding:.5rem .6rem;font-size:.8rem;gap:4px!important}.contact-buttons-container a.btn-primary-small svg,.contact-buttons-container .whatsapp-btn-wrapper a.btn-primary-small svg{width:14px;height:14px}.whatsapp-popup-bubble{font-size:.7rem;padding:.3rem .8rem}.navbar{padding:.4rem .4rem .4rem 1rem!important;margin:10px auto;width:calc(100% - 24px)!important}.logo{font-size:1.65rem!important;gap:12px!important}.logo-icon{width:30px!important;height:30px!important;border-width:2px!important;box-shadow:2px 2px 0 var(--border-color)!important}.logo-icon:after{width:10px!important;height:10px!important}.btn-navbar-ig,.btn-navbar-wa,.mobile-menu-btn{width:36px!important;height:36px!important;font-size:1rem!important}.btn-navbar-ig svg,.btn-navbar-wa svg{width:16px!important;height:16px!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--c-white);padding:40px;width:90%;max-width:500px;position:relative;transform:translateY(20px);transition:transform .3s ease;border:3px solid var(--border-color);box-shadow:8px 8px 0 var(--border-color)}.close-modal{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--c-dark)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:var(--c-dark)}.form-group input,.form-group textarea{padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;background:var(--c-white);border:2px solid var(--border-color);border-radius:0;color:var(--c-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;background:var(--c-yellow)}.contact-form .btn-primary{margin-top:10px;width:100%;justify-content:center}.hero-title-responsive{font-size:3.8rem;line-height:1.2}.animated-pill{color:var(--text-dark);padding:.1em .5em;border-radius:50px;display:inline-block;box-shadow:0 4px 10px #00000014;white-space:nowrap}#cycle-word-1{transform:rotate(-3deg)}#cycle-word-2{transform:rotate(2deg)}@media (max-width: 900px){.hero-title-responsive{font-size:3rem!important}}@media (max-width: 480px){.hero-split{padding:30px .5rem 2rem!important}.hero-title-responsive{font-size:2.2rem!important;line-height:1.25!important}.animated-pill{padding:.05em .3em!important}}.dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:6px}.dropdown-arrow{font-size:.6rem;transition:transform .2s ease;display:inline-block}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#fff;border:1.5px solid var(--border-color);border-radius:16px;box-shadow:4px 4px 0 var(--border-color);list-style:none;padding:.5rem;min-width:220px;z-index:1000}.dropdown:hover .dropdown-menu{display:block}.dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.6rem 1rem;font-size:.9rem;font-weight:600;color:var(--text-dark);text-decoration:none;border-radius:10px;transition:all .2s ease;text-align:left}.dropdown-menu a:hover{background:var(--c-purple)!important;color:#fff!important}.mobile-submenu-visible{list-style:none;padding:0;margin:-1rem 0 1rem;display:flex;flex-direction:column;gap:.2rem}.mobile-submenu-visible li{margin:.2rem 0!important}.mobile-submenu-visible a{font-size:1.15rem!important;font-weight:600!important;color:var(--text-gray)!important;padding:.2rem 1rem!important;display:inline-block;transition:all .2s ease}.mobile-submenu-visible a:hover,.mobile-submenu-visible a.active{color:var(--c-purple)!important;transform:translate(4px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-light);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 20px 40px;opacity:0;pointer-events:none;transition:opacity .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-menu-bg{position:absolute;bottom:-150px;right:-150px;width:140vw;height:140vw;background-image:url(assets/images/fondoabout.webp);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.15;pointer-events:none;z-index:-1;transition:transform .1s ease-out;animation:floatOverlay 10s ease-in-out infinite}@media (max-width: 768px){.mobile-menu-bg{width:200vw;height:200vw;bottom:-100px;right:-100px}}@keyframes floatOverlay{0%,to{transform:translate(var(--gyro-x, 0px),var(--gyro-y, 0px)) rotate(0)}50%{transform:translate(var(--gyro-x, 0px),calc(var(--gyro-y, 0px) - 20px)) rotate(2deg)}}.mobile-menu-logo{display:flex;justify-content:center;align-items:center;width:100%;margin-top:1rem;margin-bottom:2rem}.mobile-menu-logo .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-dark)}.mobile-social-row{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:30px;padding-bottom:10px;z-index:10}.mobile-social-icon{width:48px;height:48px;border-radius:50%;border:2px solid var(--text-dark);display:flex;align-items:center;justify-content:center;color:var(--text-dark);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:2px 2px 0 var(--text-dark)}.mobile-social-icon:active,.mobile-social-icon:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-dark)}.mobile-social-icon.instagram{background-color:var(--c-pink)}.mobile-social-icon.whatsapp{background-color:var(--c-lime)}.mobile-social-icon.telegram{background-color:var(--c-cyan)}.mobile-social-icon.linkedin{background-color:var(--c-blue);color:#fff}.mobile-social-icon.correo{background-color:var(--c-yellow)}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-links{list-style:none;padding:0;margin:0;text-align:center}.mobile-nav-links li{margin:1.5rem 0}.mobile-nav-links a{text-decoration:none;color:var(--text-dark);font-size:2rem;font-weight:700;transition:color .2s ease}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:var(--c-purple)}.mobile-menu-close{position:fixed;top:20px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-dark);z-index:10001}@media (max-width: 991px){.nav-links,.nav-desktop-cta{display:none!important}.mobile-menu-btn{display:flex!important}}.logo-text-svg{width:auto;display:block}.logo .logo-text-svg{height:2.175rem}.giant-logo-svg{width:70%;max-width:800px;height:auto;display:block;margin:0 auto 3rem;transition:transform .3s ease}.giant-logo-svg:hover{transform:scale(1.02) rotate(-1deg)}@media (max-width: 768px){.logo .logo-text-svg{height:1.875rem}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:8px;background:transparent;z-index:10001;pointer-events:none}.scroll-progress-bar{height:100%;width:0%;background:var(--c-purple);border-bottom:2px solid var(--border-color);border-right:2px solid var(--border-color);transition:width .1s ease-out;box-shadow:2px 2px 0 var(--border-color)}.lang-switcher-pill{display:inline-flex;align-items:center;background-color:var(--text-dark);border:2px solid var(--text-dark);border-radius:4px;padding:2px;box-shadow:2px 2px 0 var(--text-dark);transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-left:15px;vertical-align:middle}.lang-switcher-pill:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--text-dark)}.lang-switcher-pill .lang-btn{padding:4px 10px;border-radius:2px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .15s ease;color:#fff;text-transform:uppercase}.lang-switcher-pill .lang-btn.active{background-color:var(--c-yellow);color:var(--text-dark)}.lang-switcher-pill .lang-btn:hover:not(.active){background-color:#fff3;color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-hover,body.cursor-hover{cursor:auto!important}}.scroll-down-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:50%;background-color:#fff;color:var(--text-dark);display:flex;align-items:center;justify-content:center;border:2px solid var(--text-dark);box-shadow:4px 4px 0 var(--border-color);animation:scrollBounce 2s infinite;z-index:10;transition:all .2s ease}.scroll-down-btn:hover{box-shadow:2px 2px 0 var(--border-color);transform:translate(-50%) translateY(2px)}.scroll-down-btn svg{width:24px;height:24px}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}*:focus-visible{outline:3px solid var(--c-cyan, #6cd5e8);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--c-cyan, #6cd5e8);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-only-br{display:none}@media (max-width: 768px){.mobile-only-br{display:inline}}.mobile-submenu,.mobile-submenu-visible{gap:8px!important;line-height:1!important}.mobile-submenu a,.mobile-submenu-visible a{font-size:.95rem!important;font-weight:500!important;line-height:1!important}.mobile-submenu li,.mobile-submenu-visible li{margin:.3rem 0!important;line-height:1!important}