:root{--bg-primary:#f7f8f5;--bg-secondary:#fdfbf7;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 8px 24px #0000000d;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f8f5;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}html{scroll-behavior:smooth!important}[id]{scroll-margin-top:100px}.home-wrapper{background-color:#020617;min-height:100vh;width:100%}.home-content{display:flex;flex-direction:column}#contacto,#diseño,#inicio,#servicios,#stack{scroll-margin-top:90px}.reveal-section{animation-timeline:view();animation-range:entry 5% contain 35%;animation:elegantReveal linear both;filter:blur(5px);opacity:0;transform:translateY(40px) scale(.97);transition:all .2s ease-out}@keyframes elegantReveal{0%{filter:blur(5px);opacity:0;transform:translateY(40px) scale(.97)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.home-content>:first-child{animation:none!important;filter:none!important;opacity:1!important;transform:none!important}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#3b82f6}@media (max-width:768px){.reveal-section{animation-range:entry 0 contain 20%;transform:translateY(20px) scale(1)}}.hero{align-items:center;background-color:#020617;color:#fff;display:flex;height:100vh;min-height:650px;overflow:hidden;position:relative}.hero-bg{z-index:0}.bg-layer,.hero-bg{inset:0;position:absolute}.bg-layer{background-position:50%;background-size:cover;filter:saturate(1.1) brightness(.9);opacity:0;transform:scale(1.1);transition:opacity 2s cubic-bezier(.4,0,.2,1),transform 2.5s cubic-bezier(.16,1,.3,1)}.bg-layer.active{opacity:1;transform:scale(1)}.hero:after{animation:fadeInOverlay 2s ease-out forwards;background:linear-gradient(90deg,#020617d9,#0206174d 45%,#02061700 80%);content:"";inset:0;position:absolute;z-index:1}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.hero-container{margin:0 auto;max-width:1300px;padding:0 5%;position:relative;width:100%;z-index:10}.hero-content{max-width:800px;width:100%}.hero-badge{animation:revealText 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s;background:#3b82f626;border:1px solid #3b82f64d;border-radius:50px;color:#93c5fd;display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:20px;opacity:0;padding:8px 16px;text-transform:uppercase}.hero h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;animation:revealText 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.8s;color:#fff;display:-webkit-box;font-size:clamp(34px,4.8vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:24px;max-width:18ch;opacity:0;overflow:hidden}.hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text}.hero p{animation:revealText 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.1s;color:#cbd5e1;font-size:clamp(16px,1.2vw,19px);line-height:1.6;margin-bottom:35px;max-width:480px;opacity:0}.hero-actions{animation:revealText 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.4s;display:flex;gap:16px;opacity:0}.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 10px 25px #2563eb4d;color:#fff;cursor:pointer;font-weight:700;padding:16px 36px;transition:all .4s ease}.primary:hover{box-shadow:0 15px 35px #2563eb80;transform:translateY(-3px) scale(1.03)}.secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;color:#fff;font-weight:700;padding:16px 36px;transition:.3s}.secondary:hover{background:#ffffff1a;border-color:#fff6}@keyframes revealText{0%{filter:blur(10px);opacity:0;transform:translateY(40px) skewY(2deg)}to{filter:blur(0);opacity:1;transform:translateY(0) skewY(0deg)}}@media (max-width:768px){.hero-container{text-align:center}.hero h1{font-size:38px;margin:0 auto 20px;max-width:15ch}.hero p{margin:0 auto 30px}.hero-actions{flex-direction:column}.primary,.secondary{width:100%}}.services{background-color:#020617;overflow:hidden;padding:140px 5%;position:relative}.services-container{margin:0 auto;max-width:1300px;position:relative;z-index:2}.services:before{background:radial-gradient(circle,#2563eb14,#0000 70%);content:"";height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;z-index:1}.services-header{margin-bottom:80px;text-align:center}.services-badge{background:#3b82f61a;border-left:2px solid #60a5fa;border-radius:4px;color:#60a5fa;display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.services-title{color:#fff;font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-1px;margin-bottom:20px}.services-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text}.services-subtitle{color:#94a3b8;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.service-panel{background:#ffffff05;border:1px solid #ffffff0d;border-radius:2px;display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative;transition:all .5s cubic-bezier(.2,1,.2,1)}.service-panel:hover{background:#ffffff0a;border-color:#60a5fa80;box-shadow:0 20px 40px #0006;transform:translateY(-10px) scale(1.02)}.panel-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.panel-number{color:#3b82f6;font-family:monospace;font-size:14px;font-weight:700}.panel-tag{background:#ffffff0d;border-radius:2px;color:#64748b;font-size:10px;letter-spacing:1px;padding:4px 10px;text-transform:uppercase}.panel-title{color:#f8fafc;font-size:24px;font-weight:700;margin-bottom:15px}.panel-description{color:#94a3b8;flex-grow:1;font-size:15px;line-height:1.7;margin-bottom:40px}.panel-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:20px}.view-more{color:#64748b;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.3s}.arrow-icon{color:#3b82f6;opacity:0;transform:translateX(-10px);transition:all .3s ease}.service-panel:hover .view-more{color:#f8fafc}.service-panel:hover .arrow-icon{opacity:1;transform:translateX(0)}.panel-glow{background:linear-gradient(135deg,#0000,#3b82f60d 50%,#0000);height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:.8s;width:100%}.service-panel:hover .panel-glow{transform:translateX(100%)}@media (max-width:768px){.services{padding:80px 20px}.services-title{font-size:32px}.service-panel{padding:30px}}.showcase{background-color:#020617;padding:140px 5%}.showcase-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1300px}.showcase-badge{color:#3b82f6;display:block;font-family:monospace;font-size:11px;letter-spacing:4px;margin-bottom:20px;text-transform:uppercase}.showcase-title{color:#fff;font-size:clamp(34px,4vw,56px);font-weight:900;line-height:1.1;margin-bottom:30px}.showcase-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text}.showcase-description{color:#94a3b8;font-size:18px;line-height:1.8;margin-bottom:40px}.showcase-features{list-style:none;padding:0}.showcase-features li{align-items:center;color:#f8fafc;display:flex;font-size:15px;margin-bottom:12px}.showcase-features li:before{color:#3b82f6;content:"—";margin-right:15px}.showcase-visual{align-items:center;display:flex;flex-direction:column}.image-viewport{aspect-ratio:16/10;overflow:hidden;position:relative;width:100%}.showcase-img{background-position:50%;background-size:cover;inset:0;opacity:0;position:absolute;transform:scale(1.05);transition:opacity 1.5s ease-in-out,transform 2s ease}.showcase-img.active{opacity:1;transform:scale(1)}.showcase-dots{display:flex;gap:10px;margin-top:40px}.dot{background:#ffffff1a;height:2px;transition:.4s;width:30px}.dot.active{background:#3b82f6;width:50px}@media (max-width:1024px){.showcase-container{grid-template-columns:1fr;text-align:center}.showcase-features li{justify-content:center}}.tech{background-color:#020617;overflow:hidden;padding:100px 0}.tech-header{margin-bottom:60px;padding:0 5%;text-align:center}.tech-title{color:#fff;font-size:clamp(28px,3vw,42px);font-weight:800;margin-bottom:15px}.tech-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text}.tech-subtitle{color:#64748b;font-size:16px}.marquee{display:flex;overflow:hidden;padding:20px 0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.marquee-content{animation:scroll 30s linear infinite;display:flex;gap:30px;min-width:100%}.marquee:hover .marquee-content{animation-play-state:paused}.tech-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:20px 40px;transition:all .3s ease}.tech-card:hover{background:#3b82f60d;border-color:#3b82f64d;transform:translateY(-5px)}.tech-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px}.tech-level{color:#3b82f6;font-family:monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase}.marquee-fade{bottom:0;pointer-events:none;position:absolute;top:0;width:15%;z-index:2}.marquee-fade.left{background:linear-gradient(90deg,#020617,#0000);left:0}.marquee-fade.right{background:linear-gradient(270deg,#020617,#0000);right:0}.contact{background-color:#020617;padding:140px 5%}.contact-container{grid-gap:100px;display:grid;gap:100px;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:1200px}.contact-badge{color:#3b82f6;display:block;font-family:monospace;font-size:12px;letter-spacing:4px;margin-bottom:20px;text-transform:uppercase}.contact-title{color:#fff;font-size:clamp(32px,4vw,48px);font-weight:800;margin-bottom:25px}.contact-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text}.contact-description{color:#94a3b8;font-size:18px;line-height:1.6;margin-bottom:40px}.contact-details{grid-gap:20px;display:grid;gap:20px}.detail-label{color:#475569;display:block;font-size:10px;letter-spacing:2px;margin-bottom:5px;text-transform:uppercase}.detail-value{color:#fff;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#64748b;font-size:12px;letter-spacing:1px;text-transform:uppercase}.form-group input,.form-group textarea{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;color:#fff;font-size:15px;outline:none;padding:15px;transition:.3s}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#3b82f6;box-shadow:0 0 20px #3b82f61a}.submit-btn{align-items:center;background:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:800;gap:10px;justify-content:center;letter-spacing:2px;margin-top:10px;padding:18px;text-transform:uppercase;transition:all .4s ease}.submit-btn:hover{background:#3b82f6;box-shadow:0 15px 30px #3b82f633;color:#fff;transform:translateY(-3px)}.contact-form{transition:all .3s cubic-bezier(.4,0,.2,1)}.form-exit{opacity:0;pointer-events:none;transform:scale(.95)}.submit-btn:disabled{background:#1e293b;box-shadow:none!important;color:#64748b;cursor:not-allowed;transform:none!important}.btn-loading{animation:pulse 1.5s infinite}@media (max-width:900px){.contact-container{gap:60px}.contact-container,.form-row{grid-template-columns:1fr}}.trusted{background:#020617;overflow:hidden;padding:140px 5%}.trusted-container{margin:0 auto;max-width:1300px}.trusted-header{margin-bottom:90px;text-align:center}.trusted-badge{color:#3b82f6;display:block;font-family:monospace;font-size:11px;letter-spacing:4px;margin-bottom:20px;text-transform:uppercase}.trusted-title{color:#fff;font-size:clamp(34px,4vw,56px);font-weight:900;line-height:1.1;margin-bottom:25px}.trusted-title span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text}.trusted-description{color:#94a3b8;font-size:18px;line-height:1.8;margin:0 auto;max-width:700px}.trusted-slider{overflow:hidden;position:relative;width:100%}.trusted-slider:after,.trusted-slider:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:180px;z-index:2}.trusted-slider:before{background:linear-gradient(90deg,#020617,#0000);left:0}.trusted-slider:after{background:linear-gradient(270deg,#020617,#0000);right:0}.trusted-track{animation:scroll 24s linear infinite;gap:70px;width:max-content}.trusted-logo,.trusted-track{align-items:center;display:flex}.trusted-logo{height:130px;justify-content:center;opacity:1;transition:transform .4s ease;width:260px}.trusted-logo:hover{transform:translateY(-6px) scale(1.04)}.trusted-logo img{filter:none;height:auto;image-rendering:auto;max-height:90px;max-width:220px;object-fit:contain;width:auto}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1024px){.trusted-track{gap:50px}.trusted-logo{height:110px;width:210px}.trusted-logo img{max-height:75px;max-width:180px}}@media (max-width:768px){.trusted{padding:100px 5%}.trusted-header{margin-bottom:70px}.trusted-track{gap:40px}.trusted-logo{height:90px;width:170px}.trusted-logo img{max-height:60px;max-width:150px}.trusted-slider:after,.trusted-slider:before{width:80px}}.navbar{background-color:initial;left:0;padding:1.5rem 2rem;position:fixed;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}.navbar-scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1rem 2rem}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px}.navbar-logo a{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:2px;text-decoration:none;transition:.3s}#contacto,#diseño,#inicio,#servicios,#stack{scroll-margin-top:80px}.navbar-logo a:hover{color:#3b82f6;text-shadow:0 0 15px #3b82f680}.navbar-menu{align-items:center;display:flex;gap:3rem}.nav-link{color:#ffffffb3;font-size:.85rem;font-weight:600;letter-spacing:1.5px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:after{background-color:#3b82f6;bottom:-6px;box-shadow:0 0 10px #3b82f6;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#fff}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:7px;padding:10px;z-index:2001}.mobile-menu-btn span{background-color:#fff;height:1px;transition:.4s cubic-bezier(.4,0,.2,1);width:25px}.mobile-menu-btn.active span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:translateX(10px)}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{align-items:center;background-color:#020617;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .6s cubic-bezier(.85,0,.15,1);width:100%;z-index:1999}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{color:#fff;font-size:2rem;font-weight:700;letter-spacing:4px;text-decoration:none;text-transform:uppercase;transition:.3s}.mobile-menu a:hover{color:#3b82f6}@media (max-width:768px){.navbar-menu{display:none}.mobile-menu-btn{display:flex}.navbar{padding:1rem 1.5rem}}.minimal-footer{animation-timeline:view();animation-range:entry 0 cover 10%;animation:footerReveal linear both;background-color:#020617;border-top:1px solid #ffffff0d;color:#94a3b8;padding:40px 5% 20px}@keyframes footerReveal{0%{opacity:0}to{opacity:1}}.footer-container{margin:0 auto;max-width:1200px}.footer-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;padding-bottom:40px}.footer-label{color:#475569;font-family:monospace;font-size:10px;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.footer-tagline{font-size:14px;line-height:1.5;margin-top:15px;max-width:250px}.footer-status{align-items:center;display:flex;gap:10px}.status-dot{animation:pulse 2s infinite;background:#3b82f6;border-radius:50%;box-shadow:0 0 8px #3b82f6;height:6px;width:6px}.status-text{font-family:monospace;font-size:10px;letter-spacing:1px}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.footer-nav{display:flex;flex-direction:column;gap:10px}.footer-nav a{color:#94a3b8;font-size:13px;text-decoration:none;transition:.3s;width:fit-content}.footer-nav a:hover{color:#fff;padding-left:5px}.footer-bottom{align-items:center;border-top:1px solid #ffffff08;display:flex;justify-content:space-between;padding-top:20px}.bottom-left p,.bottom-right p{color:#475569;font-family:monospace;font-size:11px}@media (max-width:768px){.footer-main{gap:30px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px;text-align:center}}.whatsapp-button{align-items:center;background:#0000;border:3px solid #ffffff1a;border-radius:50%;bottom:30px;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .4s cubic-bezier(.23,1,.32,1);width:60px;z-index:1001}.whatsapp-button:hover{background:#25d3661a;border-color:#25d36680;box-shadow:0 15px 30px #0006,0 0 20px #25d36633;transform:scale(1.1) rotate(5deg)}.whatsapp-button.hide{opacity:0;pointer-events:none;transform:scale(0)}.svg-container{align-items:center;color:hsla(0,0%,100%,.189);display:flex;justify-content:center;transition:all .3s ease}.whatsapp-button:hover .svg-container{color:#25d366;filter:drop-shadow(0 0 8px rgba(37,211,102,.5))}.whatsapp-popup{animation:fadeUp .4s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f172a66;border:1px solid #ffffff14;border-radius:24px;bottom:30px;box-shadow:0 25px 50px -12px #0009;overflow:hidden;position:fixed;right:30px;width:350px;z-index:1002}.popup-header{background:#3b82f60d;border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:20px}.header-left,.popup-header{align-items:center;display:flex}.header-left{color:#fff;font-size:14px;font-weight:500;gap:10px}.dot{animation:pulse-blue 2s infinite;background:#60a5fa;border-radius:50%;box-shadow:0 0 8px #60a5fa;height:7px;width:7px}@keyframes pulse-blue{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.close-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;transition:.3s}.close-btn:hover{color:#fff}.popup-body{padding:25px 20px}.message{background:#ffffff08;border-radius:15px;border-bottom-left-radius:4px;color:#cbd5e1;font-size:14px;line-height:1.6;padding:15px}.message .name{color:#60a5fa;display:block;font-size:11px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.popup-footer{padding:0 20px 20px}.open-chat-btn{border:3px solid #ffffff1a;border-radius:12px;color:hsla(0,0%,100%,.189);display:block;font-size:12px;font-weight:800;letter-spacing:1px;padding:14px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.open-chat-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}
/*# sourceMappingURL=main.19e755b6.css.map*/