.hero{background:#050505;flex-direction:column;justify-content:center;min-height:100vh;padding-top:180px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding-top:100px}}.hero-container{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.hero-content{flex-direction:column;align-items:center;max-width:850px;margin:0 auto;display:flex}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#facc15;background:#facc150d;border:1px solid #facc154d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:1s cubic-bezier(.2,.8,.2,1) both fadeSlideBlurIn;display:inline-flex;box-shadow:0 4px 20px #facc151a}.hero-title{color:#fff;letter-spacing:-.02em;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}@media (max-width:768px){.hero-title{margin-top:1rem;font-size:2.5rem}}.hero-title .gradient-text{background:linear-gradient(90deg,#fff 0%,#a3a3a3 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.2em;padding-bottom:.2em;display:inline-block;position:relative}.hero-title .highlight-text-hero{z-index:1;-webkit-text-fill-color:#fff;color:#fff;text-shadow:none;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin:0 -.2rem;padding:0 .2rem;display:inline-block;position:relative}.hero-title .highlight-text-hero:before{content:"";z-index:-1;transform-origin:0;will-change:width;background-color:#facc15;width:0%;height:100%;animation:.8s cubic-bezier(.25,1,.5,1) .5s forwards highlightBgHero;position:absolute;top:0;left:0}.hero-title .highlight-text-hero{animation:.1s 1s forwards highlightTextHero}@keyframes highlightBgHero{0%{width:0%}to{width:100%}}@keyframes highlightTextHero{0%{-webkit-text-fill-color:#fff;color:#fff}to{-webkit-text-fill-color:#050505;color:#050505}}.hero-title-line-1{opacity:0}.hero-title-line-1.animate{animation:1.2s cubic-bezier(.16,1,.3,1) .1s both forceSlideLeft!important}.hero-title-line-2{opacity:0}.hero-title-line-2.animate{animation:1.2s cubic-bezier(.16,1,.3,1) .3s both forceSlideRight!important}.hero-title-line-3{opacity:0}.hero-title-line-3.animate{animation:1.2s cubic-bezier(.16,1,.3,1) .5s both forceSlideLeft!important}.hero-subtitle{color:#a1a1a5;opacity:0;max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-subtitle.animate{animation:1s .8s both fadeIn}@media (max-width:768px){.hero-subtitle{font-size:1.125rem}}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.hero-cta.animate{animation:1s 1s both fadeIn}.hero-cta .btn{transition:all .3s;position:relative;overflow:hidden}.hero-cta .btn-primary{color:#050505;background:#facc15;border:1px solid #facc15;box-shadow:0 0 25px #facc154d,0 0 50px #facc151a}.hero-cta .btn-primary:hover{background:#fef9c3;border-color:#fef9c3;transform:translateY(-2px);box-shadow:0 10px 30px -10px #facc1566}.hero-cta .btn:hover{transform:translateY(-2px)}.hero-features{opacity:0;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px;margin-top:3rem;margin-bottom:4rem;display:grid}.hero-features.animate{animation:1s 1.2s both fadeIn}@media (max-width:768px){.hero-features{grid-template-columns:1fr;gap:1rem;margin-top:2rem;margin-bottom:3rem;padding:0 1.5rem}}.feature-box{-webkit-backdrop-filter:blur(8px);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative}.feature-box:hover{background:#facc1505;border-color:#facc1533;transform:translateY(-4px);box-shadow:0 10px 30px -10px #facc1526}.feature-box:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-box .feature-icon{background:linear-gradient(135deg,#facc1526 0%,#eab3081a 100%);border:1px solid #facc154d;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;transition:all .3s;display:flex}.feature-box .feature-icon svg{color:#facc15;stroke-width:2px}.feature-box .feature-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.feature-box .feature-subtitle{color:#a1a1a5;margin:0;font-size:.875rem}@media (max-width:768px){.feature-box{width:100%;max-width:300px;margin:0 auto;padding:1.5rem 1rem}}@keyframes floatOverlay{0%{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-20px)}to{transform:translate(-50%,-50%)translateY(0)}}.social-proof{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-top:none;width:100%;margin-top:auto;padding:2rem 0 .5rem;position:relative}.social-proof-slider{width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.social-proof-track{gap:3rem;padding-left:3rem;animation:30s linear infinite scroll;display:flex}.social-proof-track:hover{animation-play-state:paused}.social-proof-item{color:#ffffff80;white-space:nowrap;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;transition:color .3s;display:flex}.social-proof-item:hover{color:#ffffffe6}.social-proof-item .icon-yellow{color:#facc15;align-items:center;display:flex}.social-proof-item .mr-2{margin-right:.5rem}@keyframes fadeSlideBlurIn{0%{opacity:.01;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes forceSlideLeft{0%{opacity:0;transform:translate(-150px)}to{opacity:1;transform:translate(0)}}@keyframes forceSlideRight{0%{opacity:0;transform:translate(150px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)scale(2)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)scale(2)}}#tsparticles{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}#tsparticles canvas{width:100%!important;height:100%!important;display:block!important}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes beamFlow{to{stroke-dashoffset:0}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.social-proof-container{z-index:5;background:#050505;width:100%;padding:1.5rem 0;position:relative;overflow:hidden}.social-proof-container .social-proof-slider{width:100%;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.social-proof-container .social-proof-track{gap:3rem;width:max-content;padding-left:3rem;animation:30s linear infinite scrollBanner;display:flex}.social-proof-container .social-proof-track:hover{animation-play-state:paused}.social-proof-container .social-proof-item{color:#fff9;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;transition:color .3s;display:flex}.social-proof-container .social-proof-item .icon-yellow{color:#facc15;align-items:center;display:flex}.social-proof-container .social-proof-item .icon-purple{color:#a855f7;align-items:center;display:flex}.social-proof-container .social-proof-item .mr-2{margin-right:.5rem}.social-proof-container .social-proof-item:hover{color:#ffffffe6}@keyframes scrollBanner{0%{transform:translate(0)}to{transform:translate(-50%)}}
.services{background:#050505;padding:5rem 0;position:relative}.services:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.services-header{text-align:center;z-index:2;max-width:800px;margin:0 auto 4rem;padding:0 1rem;position:relative}.services-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700}@media (max-width:768px){.services-title{font-size:2rem}}.services-subtitle{color:#a1a1a5;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.services-bento{z-index:2;flex-direction:column;gap:1.5rem;display:flex;position:relative}.services-row{gap:1.5rem;display:grid}.services-row-2{grid-template-columns:1.5fr 1fr}@media (max-width:768px){.services-row-2{grid-template-columns:1fr}}.services-row-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.services-row-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-row-3{grid-template-columns:1fr}}.bento-card{cursor:pointer;background:#0f0f0f;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:400px;padding:2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:#facc15;transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080,0 0 25px #facc154d,0 0 50px #facc151a}.bento-card:hover .bento-card-image img{opacity:.6;filter:grayscale();transform:scale(1.03)}.bento-card-content{z-index:3;margin-bottom:2rem;position:relative}.bento-card-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.bento-card-description{color:#a1a1a5;font-size:.95rem;line-height:1.5}.bento-card-image{z-index:1;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%);opacity:.4;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 80%)}.bento-card-image img{object-fit:cover;filter:grayscale(0%);width:100%;height:100%;transition:transform .5s,filter .5s}.n8n-card-wrapper{background:linear-gradient(145deg,#111 0%,#0a0a0a 100%)}.n8n-card-wrapper .bento-card-inner{flex-direction:column;width:100%;height:100%;display:flex}.n8n-card-wrapper .border-dot{display:none}.n8n-card-wrapper .bento-card-image img{filter:contrast(1.2)}.n8n-card-wrapper:hover .bento-card-image img{filter:grayscale()contrast(1.2)}
.scroll-indicator{z-index:1000;pointer-events:none;position:absolute}.scroll-indicator--horizontal{bottom:2rem;left:50%;transform:translate(-50%)}@media (min-width:769px){.scroll-indicator--horizontal{display:none}}.scroll-indicator--vertical{bottom:2rem;left:50%;transform:translate(-50%)}@media (min-width:769px){.scroll-indicator--vertical{display:none}}.scroll-indicator__content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex;box-shadow:0 4px 15px #0003}.scroll-indicator__text{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.scroll-indicator__arrow{color:#fff;width:20px;height:20px}
.projects-section{color:#fff;background-color:#0b0b0b;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.projects-header{text-align:center;z-index:2;width:100%;padding:0 2rem;position:absolute;top:5vh;left:0}.projects-header .projects-title{background:linear-gradient(90deg,#fff,#aaa);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:700}.projects-header .projects-subtitle{color:#888;max-width:600px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.2rem)}.slider-container{align-items:center;width:100%;height:100%;display:flex;overflow:hidden}@media (max-width:768px){.slider-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.slider-container::-webkit-scrollbar{display:none}}.slider-wrapper{will-change:transform;flex-wrap:nowrap;gap:2vw;padding-left:10vw;padding-right:10vw;display:flex}.project-card{cursor:pointer;background-color:#1a1a1a;border-radius:12px;flex:none;width:28vw;height:42vh;transition:transform .4s;position:relative;overflow:hidden}@media (max-width:768px){.project-card{scroll-snap-align:center;width:80vw;height:50vh}}.project-card .project-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover{transform:translateY(-10px)}.project-card:hover .project-img{transform:scale(1.1)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-content{opacity:1;transform:translateY(0)}.project-overlay{opacity:0;z-index:10;background:linear-gradient(135deg,#facc15e6,#ca8a04f2);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-content{opacity:0;color:#fff;width:100%;transition:all .4s .1s;transform:translateY(20px)}.project-content .project-category{text-transform:uppercase;letter-spacing:2px;opacity:.8;margin-bottom:.5rem;font-size:.85rem}.project-content .project-title{margin-bottom:.5rem;font-size:1.8rem;font-weight:700;line-height:1.1}.project-content .project-desc{opacity:.9;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.project-btn{color:#1a1a1a;background:#fff;border-radius:30px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.project-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #0003}.slider-nav{z-index:11;pointer-events:none;justify-content:center;gap:2rem;width:100%;display:flex;position:absolute;bottom:12vh;left:0}@media (max-width:768px){.slider-nav{display:none}}.slider-nav .nav-btn{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.slider-nav .nav-btn:hover{color:#050505;background:#facc15;border-color:#facc15;transform:scale(1.1);box-shadow:0 0 25px #facc154d,0 0 50px #facc151a}#projects-showcase .project-card:hover{transform:none}
.contact{color:#fff;background:linear-gradient(135deg,#050505cc 0%,#141414e6 100%)}.contact-container{max-width:1000px}.contact-header{text-align:center;max-width:700px;margin:0 auto 4rem}.contact-title{color:#fff;margin-bottom:1rem}.contact-subtitle{color:#ffffffd9;font-size:1.125rem}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}@media (max-width:768px){.contact-content{grid-template-columns:1fr}}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #facc151a;border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.contact-form-title{color:#fff;margin-bottom:2rem;font-size:1.5rem}.contact-form-success,.contact-form-error{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.contact-form-success{color:#40efb5;background:#10b98133;border:1px solid #10b981}.contact-form-error{color:#f7a2a2;background:#ef444433;border:1px solid #ef4444}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-info-item{align-items:flex-start;gap:1rem;display:flex}.contact-info-icon{color:#facc15;background:#facc151a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info-content{flex:1}.contact-info-label{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.875rem}.contact-info-value{font-size:1.125rem;font-weight:600}.contact-whatsapp{color:#fff;background:#25d366;border-radius:.75rem;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.contact-whatsapp:hover{color:#fff;background:#1da851;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}