:root{--bg-color:#050505;--text-color:#f8f4e6;--text-muted:#a09a88;--brand-primary:#d4af37;--brand-secondary:#ffdf73;--brand-tertiary:#aa7a00;--gradient-1:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));--concept-red:#ff0000;--concept-yellow:#ffcc00;--concept-cyan:#00f2ff;--concept-bg:#000000;--glass-bg:rgba(255, 255, 255, 0.02);--glass-border:rgba(255, 255, 255, 0.06);--font-heading:'Geist',sans-serif;--font-subtitle:'Inter',sans-serif;--font-body:'Satoshi',sans-serif;--font-misc:'Satoshi',sans-serif;--container-width:1400px;--section-spacing:12rem;--transition-slow:0.25s cubic-bezier(0, 0, 0.2, 1);--transition-fast:0.15s linear}*{margin:0;padding:0;box-sizing:border-box;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4af37' stroke='%23050505' stroke-width='1' d='M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L5.5 3.21z'/%3E%3C/svg%3E"),auto}.btn,.faq-item,.nav-link,.service-banner-item,.work-img-wrapper,a,button{cursor:pointer!important}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body)}body{overflow-x:hidden;position:relative;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(transparent,transparent 2px,rgba(212,175,55,.04) 3px,rgba(212,175,55,.04) 4px);pointer-events:none;z-index:9998}::selection{background:var(--brand-primary);color:#fff}#corruption-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}#matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.8}#corruption-text{position:relative;z-index:2;font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 4rem);color:red;text-transform:uppercase;text-align:center;letter-spacing:-2px;opacity:0;transform:scale(.95);transition:opacity 1s ease-in-out,transform 1s ease-in-out;text-shadow:0 0 10px red,0 0 20px red,0 0 40px red}#corruption-text.visible{opacity:1;transform:scale(1)}body.corrupted #corruption-overlay{opacity:1;pointer-events:all}body.cracking{animation:crack-shake .3s infinite;overflow:hidden}body.cracking::after{content:'';position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:0;background:#fff;box-shadow:0 0 15px red,0 0 30px red;z-index:10001;animation:tear-split .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes crack-shake{0%,100%{transform:translate(0,0) skewX(0);filter:contrast(1) drop-shadow(0 0 0 transparent)}10%{transform:translate(-10px,10px) skewX(5deg);filter:contrast(2) hue-rotate(90deg) drop-shadow(-8px 0 0 #ff0000) drop-shadow(8px 0 0 #00ffff)}20%{transform:translate(15px,-15px) skewX(-2deg);filter:invert(.8) drop-shadow(-5px 5px 0 #ff00ff) drop-shadow(5px -5px 0 #00ff00)}30%{transform:translate(-15px,20px) skewX(3deg);filter:contrast(3) drop-shadow(0 0 20px red) drop-shadow(-10px 0 0 #ff0000) drop-shadow(10px 0 0 #00ffff)}40%{transform:translate(10px,-10px) skewX(-1deg);filter:sepia(1) hue-rotate(-50deg) saturate(5) drop-shadow(-6px -6px 0 #ff0000) drop-shadow(6px 6px 0 #00ffff)}60%{transform:translate(-20px,5px) skewX(2deg);filter:contrast(1) drop-shadow(-12px 0 0 #ff0000) drop-shadow(12px 0 0 #00ffff)}80%{transform:translate(5px,-20px) skewX(-4deg);filter:invert(.5) drop-shadow(-5px 0 0 #ff00ff) drop-shadow(5px 0 0 #00ff00)}}@keyframes tear-split{0%{height:0;width:2px;background:#fff;box-shadow:0 0 15px red,0 0 30px red}30%{height:100vh;width:2px;background:#fff;box-shadow:0 0 30px red,0 0 60px red}40%{height:100vh;width:50vw;background:#000;box-shadow:inset 0 0 50px red}100%{height:100vh;width:100vw;background:#000;box-shadow:none}}.container{max-width:var(--container-width);margin:0 auto;padding:0 5%}.section-inner{padding:var(--section-spacing) 0}.logo,h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.05;letter-spacing:-.03em}.hero-subtitle,.section-desc{font-family:var(--font-subtitle)}.btn,.card-icon,.footer-copy,.footer-links a,.img-overlay span,.nav-btn,.nav-link,.work-info p{font-family:var(--font-misc)}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.fw-light{font-weight:200}.btn{display:inline-block;padding:1.4rem 3rem;border-radius:4px;text-decoration:none;font-weight:500;transition:var(--transition-fast);font-family:var(--font-misc);font-size:1rem;text-transform:uppercase;position:relative;overflow:hidden;z-index:1;letter-spacing:.5px}.btn-primary{background:red;color:#fff}.btn-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,red,#900);z-index:-1;transition:opacity .4s ease;opacity:0}.btn-primary:hover{color:#fff;background:#c00;box-shadow:0 0 15px rgba(255,0,0,.6);border-color:transparent;animation:text-flicker .15s linear}.btn-primary:hover::before{opacity:1}.btn-secondary{background:0 0;color:var(--text-color);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--brand-secondary);box-shadow:0 0 10px rgba(212,175,55,.2) inset;animation:text-flicker .15s linear}.glass-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;background:rgba(5,5,5,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:var(--transition-fast)}.glass-nav.scrolled{padding:1rem 0;background:rgba(5,5,5,.8)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo a{display:flex;align-items:center;color:var(--text-color);text-decoration:none;font-size:1.5rem;font-weight:800;letter-spacing:2px}.logo img{height:45px;width:auto;object-fit:contain}.logo span{color:var(--brand-secondary)}#nav-links{display:flex;align-items:center;gap:2.5rem}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition-fast)}.nav-link:hover{color:var(--text-color);text-shadow:0 0 8px rgba(212,175,55,.6);animation:text-flicker .15s linear}.nav-link.active{color:var(--brand-primary);position:relative}.nav-link.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:var(--brand-primary);box-shadow:0 0 8px var(--brand-primary)}.dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(15px);background:rgba(10,10,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);min-width:200px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.165, .84, .44, 1);z-index:1001;border-radius:12px;padding:1rem 0;box-shadow:0 20px 40px rgba(0,0,0,.6);margin-top:1rem}.dropdown-content::before{content:'';position:absolute;top:-10px;left:0;width:100%;height:10px;background:0 0}.dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-item{display:block;padding:.8rem 1.8rem;color:var(--text-muted);text-decoration:none;font-family:var(--font-misc);font-size:.75rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;position:relative}.dropdown-item span{position:relative;z-index:2}.dropdown-item::after{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:rgba(212,175,55,.08);transition:width .3s ease;z-index:1}.dropdown-item:hover{color:var(--text-color);padding-left:2.2rem}.dropdown-item:hover::after{width:100%}.dropdown-item:hover{text-shadow:0 0 10px rgba(212,175,55,.4)}.nav-btn{padding:.8rem 2rem;border:1px solid red;color:#fff;text-decoration:none;border-radius:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-fast);background:red}.nav-btn:hover{background:#c00;color:#fff;box-shadow:0 0 10px rgba(255,0,0,.5)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001;transition:var(--transition-slow)}.menu-toggle span{display:block;height:2px;width:100%;background-color:var(--text-color);border-radius:10px;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.menu-toggle.active span:first-child{transform:translateY(9.5px) rotate(45deg);background-color:var(--brand-primary)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg);background-color:var(--brand-primary)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(20px)}.hero-section{position:relative;height:100vh;min-height:800px;display:flex;align-items:center;justify-content:center;padding-top:120px;overflow:hidden;background:#000}@media (max-width:768px){.hero-section{min-height:60vh;height:auto;padding:140px 0 60px}}.hero-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);background-size:50px 50px;background-position:center center;mask-image:radial-gradient(circle at center,black,transparent 80%);z-index:1;animation:grid-pulse 4s ease-in-out infinite alternate}@keyframes grid-pulse{from{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:radial-gradient(circle at 40% 50%,rgba(0,0,0,.4) 0,var(--bg-color) 90%),url('https://images.unsplash.com/photo-1605810230434-7631ac76ec81?auto=format&fit=crop&q=80&w=2500');background-size:cover;background-position:center;opacity:.2;mix-blend-mode:color-dodge;filter:grayscale(.8) sepia(1) hue-rotate(5deg) saturate(3) brightness(.6)}.gradient-sphere{position:absolute;top:15%;right:5%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--brand-primary) 0,transparent 60%);filter:blur(90px);opacity:.4;animation:float 12s ease-in-out infinite alternate}@keyframes float{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-50px,80px) scale(1.1)}}.hero-content{position:relative;z-index:10;padding:6rem 4rem;border:1px solid rgba(212,175,55,.1);background:rgba(0,0,0,.6);backdrop-filter:blur(15px);border-radius:8px;max-width:1100px;text-align:center}.hero-title{font-size:clamp(2.5rem, 8vw, 5rem)!important;line-height:.9;letter-spacing:-3px;margin-bottom:2rem;text-transform:uppercase;font-weight:900;color:var(--text-color);text-shadow:0 0 20px rgba(212,175,55,.3)}.hero-title span{display:block;position:relative;padding:.5rem}.hero-title span::after,.hero-title span::before{content:attr(data-text);position:absolute;inset:0;opacity:.8}.hero-title span::before{color:#ff00c1;z-index:-1;animation:glitch-left 2s infinite linear;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.hero-title span::after{color:#00fff9;z-index:-2;animation:glitch-right 1.5s infinite linear;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch-left{0%{transform:translateX(0)}10%{transform:translateX(-5px) skewX(5deg)}20%{transform:translateX(5px) skewX(-5deg)}30%{transform:translateX(0)}100%{transform:translateX(0)}}@keyframes glitch-right{0%{transform:translateX(0)}10%{transform:translateX(5px) skewX(-10deg)}20%{transform:translateX(-5px) skewX(10deg)}30%{transform:translateX(0)}100%{transform:translateX(0)}}.corner-btm-left,.corner-btm-right,.hero-content::after,.hero-content::before{content:'';position:absolute;width:40px;height:40px;border:4px solid var(--brand-primary);filter:drop-shadow(0 0 15px var(--brand-primary));z-index:15;pointer-events:none}.hero-content::before{top:-8px;left:-8px;border-right:none;border-bottom:none}.hero-content::after{top:-8px;right:-8px;border-left:none;border-bottom:none}.corner-btm-left{bottom:-8px;left:-8px;border-right:none;border-top:none}.corner-btm-right{bottom:-8px;right:-8px;border-left:none;border-top:none}@keyframes frame-pulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.02);opacity:.6}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.85deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.5deg)}10%{clip:rect(2px,9999px,29px,0);transform:skew(.3deg)}15%{clip:rect(56px,9999px,49px,0);transform:skew(.1deg)}20%{clip:rect(100px,9999px,4px,0);transform:skew(.2deg)}100%{clip:rect(90px,9999px,90px,0);transform:skew(.1deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.2deg)}5%{clip:rect(52px,9999px,23px,0);transform:skew(.1deg)}10%{clip:rect(11px,9999px,85px,0);transform:skew(.4deg)}15%{clip:rect(89px,9999px,11px,0);transform:skew(.05deg)}20%{clip:rect(1px,9999px,43px,0);transform:skew(.3deg)}100%{clip:rect(10px,9999px,10px,0);transform:skew(.1deg)}}.hero-subtitle{font-size:clamp(1rem, 2vw, 1.2rem);color:var(--text-muted);margin-bottom:4rem;max-width:700px;margin-inline:auto;font-weight:400;line-height:1.6;letter-spacing:1px;opacity:0;animation:fade-in-up 1s ease forwards .5s}@keyframes fade-in-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-actions{display:flex;gap:2rem;justify-content:center;opacity:0;animation:fade-in-up 1s ease forwards .8s}.section-header{margin-bottom:6rem}.section-title{font-size:clamp(2rem, 4vw, 3.5rem);letter-spacing:-1px;margin-bottom:1.5rem;text-transform:uppercase}.section-desc{color:var(--text-muted);font-size:1.25rem;max-width:600px;font-weight:300;line-height:1.8}.section-desc-center{text-align:center;margin-left:auto;margin-right:auto}.new-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0}.new-service-item{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2.5rem;border-radius:8px;transition:all var(--transition-fast)}.new-service-item:hover{border-color:rgba(212,175,55,.4);box-shadow:0 0 15px rgba(212,175,55,.1);transform:translateY(-5px)}.new-service-item .banner-icon{font-family:var(--font-heading);font-size:1.8rem;font-weight:200;color:var(--brand-secondary);opacity:.8;margin-bottom:1.5rem}.new-service-item .banner-icon svg{width:2.5rem;height:2.5rem;display:block}.new-service-item h3{font-size:1.4rem;margin-bottom:1rem;font-weight:600}.new-service-item p{color:#e3ddca;font-size:1.02rem;font-weight:400;line-height:1.7}.work-grid{display:flex;flex-wrap:nowrap;height:65vh;min-height:500px;gap:1rem;transform:skewX(-10deg);padding:2rem 5%;margin-top:3rem;border-radius:8px}.work-item{flex:1;position:relative;overflow:hidden;transition:flex .6s cubic-bezier(.25, 1, .5, 1);border-radius:4px;background:var(--bg-color)}.work-item:nth-child(2),.work-item:nth-child(4){margin-top:0}.work-item:hover{flex:3}.work-img-wrapper{position:absolute;top:0;left:-20%;width:140%;height:100%;transform:skewX(10deg);background:var(--glass-bg)}.work-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter var(--transition-fast);filter:grayscale(1) sepia(.8) hue-rotate(5deg) saturate(3) brightness(.5) contrast(1.2);transform:scale(1.1)}.work-img-wrapper .hover-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .5s ease;transform:scale(1.15);pointer-events:none;filter:grayscale(.2) sepia(.5) hue-rotate(5deg) saturate(2) brightness(.9) contrast(1.1)}.work-img-wrapper .hover-video.playing{opacity:1}.img-overlay{display:none}.work-info{position:absolute;bottom:-2rem;left:10%;width:80%;transform:skewX(10deg);opacity:0;transition:all .5s cubic-bezier(.25, 1, .5, 1);z-index:10;padding:1.5rem;border-left:2px solid var(--brand-primary);background:rgba(5,5,5,.9);backdrop-filter:blur(15px)}.work-item:hover .work-img-wrapper img{transform:scale(1.15);filter:grayscale(.2) sepia(.5) hue-rotate(5deg) saturate(2) brightness(.9) contrast(1.1);animation:image-glitch .8s infinite alternate}@keyframes image-glitch{0%{transform:scale(1.15) translate(0) skew(0);filter:contrast(1.1) drop-shadow(0 0 0 transparent)}15%{transform:scale(1.15) translate(-3px,2px) skew(-2deg);filter:contrast(1.5) drop-shadow(-8px 0 0 rgba(255, 0, 0, .8)) drop-shadow(8px 0 0 rgba(0, 255, 255, .8))}30%{transform:scale(1.15) translate(3px,-2px) skew(2deg);filter:contrast(1.1) drop-shadow(6px 0 0 rgba(255, 0, 0, .8)) drop-shadow(-6px 0 0 rgba(0, 255, 255, .8))}45%{transform:scale(1.15) translate(-2px,-3px) skew(-1deg);filter:contrast(1.2) drop-shadow(-10px 4px 0 rgba(255, 0, 0, .8)) drop-shadow(10px -4px 0 rgba(0, 255, 255, .8))}60%{transform:scale(1.15) translate(4px,3px) skew(3deg);filter:contrast(1.4) drop-shadow(4px -4px 0 rgba(255, 0, 0, .8)) drop-shadow(-4px 4px 0 rgba(0, 255, 255, .8))}75%{transform:scale(1.15) translate(-4px,1px) skew(-2deg);filter:contrast(1.3) drop-shadow(-6px 0 0 rgba(255, 0, 0, .8)) drop-shadow(6px 0 0 rgba(0, 255, 255, .8))}90%{transform:scale(1.15) translate(2px,-3px) skew(1deg);filter:contrast(1.5) drop-shadow(8px 2px 0 rgba(255, 0, 0, .8)) drop-shadow(-8px -2px 0 rgba(0, 255, 255, .8))}100%{transform:scale(1.15) translate(0) skew(0);filter:contrast(1.1) drop-shadow(0 0 0 transparent)}}.work-item:hover .work-info{opacity:1;bottom:3rem}.work-info h4{font-size:1.5rem;margin-bottom:.8rem;letter-spacing:-.5px;color:var(--text-color)}.work-info p{color:var(--text-muted);font-size:.9rem;text-transform:none;letter-spacing:.5px;font-weight:400;line-height:1.5}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0,var(--brand-primary) 30%,var(--brand-secondary) 50%,var(--brand-primary) 70%,transparent 100%);margin:4rem 0;opacity:.4}.galeria-section{position:relative;overflow:hidden}.galeria-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent)}.galeria-filters{display:flex;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.6rem;border:1px solid var(--glass-border);background:0 0;color:var(--text-muted);font-family:var(--font-misc);font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;border-radius:100px;cursor:pointer;transition:all .25s ease}.filter-btn:hover{border-color:var(--brand-primary);color:var(--text-color)}.filter-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#000;font-weight:700}.galeria-grid{column-count:4;column-gap:1rem}.galeria-item{break-inside:avoid;margin-bottom:1rem;position:relative;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--glass-bg)}.galeria-item img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.25, 1, .5, 1)}.galeria-item:hover img{transform:scale(1.08)}.galeria-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 50%,transparent 100%);transform:translateY(30%);opacity:0;transition:all .4s cubic-bezier(.25, 1, .5, 1)}.galeria-item:hover .galeria-overlay{transform:translateY(0);opacity:1}.galeria-tag{display:inline-block;padding:.25rem .75rem;border-radius:100px;font-family:var(--font-misc);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem;color:#000}.galeria-item[data-category=anuncios] .galeria-tag{background:var(--brand-primary)}.galeria-item[data-category=ilustraciones] .galeria-tag{background:#7b61ff;color:#fff}.galeria-item[data-category=branding] .galeria-tag{background:#ff4d4d;color:#fff}.galeria-item[data-category=fotografia] .galeria-tag{background:#00c9a7;color:#000}.galeria-item[data-category=logos] .galeria-tag{background:#ff8c00;color:#000}.galeria-item[data-category="3d"] .galeria-tag{background:#00d4ff;color:#000}.galeria-item[data-category=juegos] .galeria-tag{background:#ff6b35;color:#000}.galeria-item[data-category=aplicaciones] .galeria-tag{background:#36d399;color:#000}.galeria-item[data-category=software] .galeria-tag{background:#60a5fa;color:#000}.galeria-item[data-category=web] .galeria-tag{background:#a78bfa;color:#000}.galeria-item[data-category=concept-arts] .galeria-tag{background:#f472b6;color:#000}.galeria-item[data-category=ugc] .galeria-tag{background:#34d399;color:#000}.galeria-overlay h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1.2}.galeria-item.hidden{display:none}.galeria-item.fade-in{animation:galeria-appear .4s ease forwards}@keyframes galeria-appear{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.galeria-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.galeria-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.galeria-item.span-2,.galeria-item.wide{grid-column:span 2}}.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}.lightbox.active{opacity:1;pointer-events:all}.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.lightbox-content{position:relative;z-index:2;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem;transform:scale(.92);transition:transform .35s cubic-bezier(.25, 1, .5, 1)}.lightbox.active .lightbox-content{transform:scale(1)}#lightbox-img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);display:block;cursor:default}.lightbox-caption{font-family:var(--font-misc);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;text-align:center}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,border-color .2s ease;font-family:sans-serif}.lightbox-close:hover{background:rgba(255,0,0,.6);border-color:rgba(255,0,0,.8);transform:scale(1.1) rotate(90deg)}.lightbox-nav{position:fixed;top:50%;z-index:3;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,border-color .2s ease;font-family:sans-serif}.lightbox-nav--prev{left:1.5rem}.lightbox-nav--next{right:1.5rem}.lightbox-nav:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-50%) scale(1.1)}.lightbox-nav:active{transform:translateY(-50%) scale(.95)}.lightbox-nav.hidden{opacity:0;pointer-events:none}@media (max-width:600px){.lightbox-nav{width:40px;height:40px;font-size:1.2rem}.lightbox-nav--prev{left:.75rem}.lightbox-nav--next{right:.75rem}}.lightbox-counter{font-family:var(--font-misc);font-size:.8rem;color:rgba(255,255,255,.4);letter-spacing:1px}body.lightbox-open{overflow:hidden}.galeria-item img{cursor:zoom-in}.contact-section{text-align:center;padding-bottom:10rem;position:relative}.contact-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0,transparent 60%);z-index:-1;pointer-events:none}.cta-box{padding:8rem 4rem;max-width:900px;margin:0 auto}.cta-title{font-size:clamp(2.5rem, 4vw, 3.5rem);margin-bottom:2rem;letter-spacing:-1px;text-transform:uppercase}.cta-box p{color:var(--text-muted);margin-bottom:4rem;font-size:1.4rem;font-weight:300;line-height:1.8;font-family:var(--font-subtitle)}.contact-phone-block{margin-bottom:3rem}.contact-phone-label{display:block;font-size:.9rem;color:var(--brand-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.contact-phone-number{font-size:clamp(2rem, 5vw, 4rem);font-weight:800;font-family:var(--font-heading);color:var(--text-color);text-decoration:none;display:flex;justify-content:center;align-items:center;gap:.2rem;margin-bottom:2rem;transition:var(--transition-medium)}.contact-phone-number:hover{color:var(--brand-primary)}.phone-digit{display:inline-block}.phone-sep{opacity:.5}.contact-phone-actions{display:flex;justify-content:center;gap:1rem}.contact-action-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:4px;color:var(--text-color);text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-fast)}.contact-action-btn:hover{background:var(--brand-primary);color:#000}.contact-action-btn.whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.contact-emails{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}html{overflow-x:hidden}body{overflow-x:hidden;width:100%;position:relative}#main-footer{padding:5rem 0 2.5rem;border-top:1px solid var(--glass-border);background:rgba(0,0,0,.2);width:100%;overflow:hidden}.footer-content{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3rem;width:100%;align-items:start}.footer-logo{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;letter-spacing:3px}.footer-logo span{color:var(--brand-secondary)}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-tagline{color:var(--text-muted);font-size:.9rem;line-height:1.6;max-width:280px}.footer-col{display:flex;flex-direction:column;gap:1.1rem}.footer-col-title{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--brand-primary);margin:0}.footer-links{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;gap:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition-fast);white-space:nowrap}.footer-links a:hover{color:var(--text-color)}.footer-copy{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;width:100%;text-align:center;order:0}@keyframes hud-slide-in{0%{opacity:0;transform:translateX(-40px);clip-path:inset(0 100% 0 0)}100%{opacity:1;transform:translateX(0);clip-path:inset(0 0 0 0)}}@keyframes system-glitch{0%{opacity:1;clip-path:inset(10% 0 80% 0);transform:translateX(-2px)}20%{opacity:.8;clip-path:inset(80% 0 5% 0);transform:translateX(2px)}40%{opacity:1;clip-path:inset(40% 0 40% 0);transform:translateX(-1px)}60%{opacity:.9;clip-path:inset(20% 0 60% 0);transform:translateX(1px)}80%{opacity:0;clip-path:inset(0 0 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes text-flicker{0%{opacity:1}33%{opacity:.3}66%{opacity:.9}100%{opacity:1}}.reveal-up{opacity:0;will-change:transform,opacity,clip-path}.reveal-up.active{opacity:1;animation:hud-slide-in .25s linear both,system-glitch .2s linear both;animation-delay:var(--delay, 0s),calc(var(--delay, 0s) + .1s)}@media (max-width:1200px){.services-banner{padding:3rem 2rem;gap:1.5rem}}@media (max-width:768px){:root{--section-spacing:6rem}#nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(5,5,5,.98);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right .5s cubic-bezier(.77, 0, .175, 1);z-index:1000}#nav-links.active{right:0}.menu-toggle{display:flex}.nav-link{font-size:1.3rem;letter-spacing:4px}.dropdown-content{position:static;transform:none;opacity:1;visibility:visible;background:0 0;border:none;box-shadow:none;text-align:center;margin-top:0;display:none}.dropdown.active .dropdown-content{display:block}.hero-actions{flex-direction:column}.btn{text-align:center;width:100%}.cursor-dot,.cursor-outline,body::after{display:none!important}*{cursor:auto!important}.cta-box{padding:4rem 2rem}.services-banner{padding:2rem}.about-hero{padding:4rem 0 1rem}.about-panel{padding:2rem}.hero-content{padding:4rem 2rem}.hero-actions{flex-direction:column;gap:1rem}.contact-phone-actions{flex-direction:column;align-items:center}.work-grid{height:auto;min-height:unset;flex-direction:column;transform:none;padding:0;gap:2rem}.work-item{flex:none;width:100%;height:350px;transform:none}.work-item:hover{flex:none}.work-img-wrapper{position:relative;left:0;width:100%;height:100%;transform:none}.work-img-wrapper img{transform:scale(1)}.work-info{transform:none;left:0;width:100%;bottom:0;opacity:1;padding:1.5rem;border-left:none;border-bottom:2px solid var(--brand-primary);background:linear-gradient(to top,rgba(5,5,5,.95) 0,rgba(5,5,5,.4) 100%);backdrop-filter:blur(5px)}.work-item:hover .work-img-wrapper img{transform:scale(1.05)}.work-item:hover .work-info{bottom:0}.galeria-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.galeria-item.span-2,.galeria-item.wide{grid-column:span 2}.footer-content{grid-template-columns:1fr;text-align:center;gap:2.5rem}.footer-links{gap:1rem}.footer-links a{font-size:.75rem;letter-spacing:1px}.footer-logo{font-size:1.2rem}.footer-brand,.footer-col,.footer-links,.footer-contact{align-items:center}.footer-tagline{max-width:100%}}@media (max-width:480px){.hero-title{font-size:2.2rem;letter-spacing:-1.5px}.section-title{font-size:2rem}.about-hero{padding:3rem 0 1rem}.about-panel{padding:2rem}.about-panel h3{font-size:1.4rem}.about-panel p{font-size:1rem}.cta-box{padding:2.5rem 1.5rem}.cta-title{font-size:2rem}.cta-box p{font-size:1.1rem}.contact-phone-number{font-size:1.6rem}.contact-emails{flex-direction:column;gap:1rem}.contact-emails .btn{width:100%;text-align:center}.contact-form-section .glass-panel{padding:1.5rem!important}.contact-action-btn{font-size:.75rem;padding:.6rem 1rem}.faq-item{padding:1.5rem}.faq-question{font-size:1.1rem}.new-service-item{padding:1.5rem}.new-service-item h3{font-size:1.2rem}.hero-content{padding:3rem 1.5rem}.hero-subtitle{font-size:.9rem;margin-bottom:2rem}#main-footer{padding:2.5rem 0}.footer-links{gap:.8rem;flex-direction:column;align-items:center}.footer-links a{font-size:.7rem}.footer-logo{font-size:1.1rem}.footer-copy{font-size:.7rem}}.page-main{padding-top:150px;min-height:80vh}.faq-section{max-width:900px;margin:0 auto}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;margin-bottom:1.5rem;padding:2.5rem;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.faq-item:hover{border-color:rgba(212,175,55,.3);box-shadow:0 0 15px rgba(212,175,55,.1)}.faq-question{font-family:var(--font-heading);font-size:1.5rem;color:var(--brand-secondary);margin-bottom:1rem;font-weight:600}.faq-answer{color:var(--text-muted);font-family:var(--font-body);font-size:1rem;line-height:1.6;padding-left:2.3rem}.about-hero{padding:6rem 0 2rem;text-align:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}.about-panel{height:100%;padding:3.5rem;display:flex;flex-direction:column;gap:1.5rem}.centered-content{text-align:center}.about-panel h3{font-family:var(--font-heading);font-size:1.8rem;color:var(--brand-primary);letter-spacing:-.5px;margin-bottom:.5rem}.about-panel p{font-size:1.1rem;line-height:1.7;color:var(--text-muted)}.about-panel strong{color:var(--text-color)}.about-featured{margin:8rem 0}.featured-content{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center}.featured-text{text-align:center}.featured-text h3{font-family:var(--font-heading);font-size:clamp(2rem, 4vw, 3rem);color:var(--brand-primary);margin-bottom:2rem;text-transform:uppercase;letter-spacing:-1px}.featured-text p{font-size:1.25rem;color:var(--text-muted);line-height:1.8;font-weight:300}.featured-image-container{width:100%}.overline-image{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4);background:#000}.overline-image img{width:100%;height:auto;display:block;transition:filter .6s cubic-bezier(.2, 0, .2, 1),transform .8s cubic-bezier(.2, 0, .2, 1);filter:grayscale(1) contrast(1.2) brightness(.7)}.overline-image:hover img{filter:grayscale(0) contrast(1.1) brightness(1);transform:scale(1.03)}.overline-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(212,175,55,.1),transparent 40%);pointer-events:none;transition:opacity .5s ease}.overline-image:hover::after{opacity:0}.overline-image::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--brand-secondary);z-index:10;transition:width .6s cubic-bezier(.65, 0, .35, 1);box-shadow:0 0 15px var(--brand-primary)}.overline-image:hover::before{width:100%}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:6rem 0 4rem;text-align:center}.stat-item{padding:2.5rem;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:4px;transition:transform .3s ease,border-color .3s ease}.stat-item:hover{transform:translateY(-10px);border-color:var(--brand-primary)}.stat-num{display:block;font-size:3rem;font-family:var(--font-heading);font-weight:800;color:var(--text-color);margin-bottom:.5rem;letter-spacing:-1px}.stat-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--brand-primary);font-weight:700}@media (max-width:992px){.about-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.featured-content{grid-template-columns:1fr;gap:3rem;text-align:center}}@media (max-width:480px){.about-stats{grid-template-columns:1fr}}.studio-manifesto{padding:10rem 0;position:relative;border-top:1px solid var(--glass-border)}.ai-manifesto{max-width:800px;margin:0 auto}.manifesto-section{margin-bottom:4rem}.manifesto-sub-title{font-family:var(--font-heading);font-size:2.2rem;color:var(--brand-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-1px}.mission-text{font-size:1.4rem!important;line-height:1.6!important;color:var(--text-color)!important;font-weight:300}.ai-manifesto p{font-size:1.15rem;line-height:1.8;color:var(--text-muted);margin-bottom:2rem;font-weight:300}.manifesto-question{font-family:var(--font-heading);font-size:clamp(1.8rem, 4vw, 2.8rem);color:var(--text-color);text-align:center;margin:5rem 0;line-height:1.25;font-weight:400;letter-spacing:-1px}.manifesto-divider{height:1px;width:100%;max-width:80px;background:var(--brand-primary);margin:6rem auto;opacity:.3}.manifesto-highlight{padding:3rem 4rem;background:rgba(255,255,255,.02);border-left:2px solid var(--brand-primary);margin:4rem 0}.manifesto-highlight p{margin-bottom:0;color:var(--text-muted);font-size:1.1rem}.manifesto-highlight p:last-child{margin-bottom:0}.manifesto-analogy{font-family:var(--font-subtitle);font-size:1.5rem;text-align:center;color:var(--brand-secondary);margin:5rem 0;font-weight:300;line-height:1.6}.manifesto-conclusion{text-align:center;font-size:clamp(1.5rem, 3vw, 2.2rem);font-family:var(--font-heading);text-transform:uppercase;font-weight:800;letter-spacing:2px;margin-top:5rem;color:var(--text-color)}.manifesto-banner-wrap{max-width:720px;margin:3rem auto;padding:0 2rem}.manifesto-banner-wrap .overline-image{box-shadow:0 10px 25px rgba(0,0,0,.4)}@media (max-width:768px){.ai-philosophy{padding:6rem 0}.manifesto-highlight{padding:2rem}.manifesto-banner-wrap{max-width:100%;margin:2rem auto}}.newsletter-section{padding:8rem 0;background:#000;position:relative;overflow:hidden}.newsletter-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:6rem 4rem;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:1;max-width:1000px;margin:0 auto;box-shadow:0 20px 50px rgba(0,0,0,.4)}.newsletter-box::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--concept-red),transparent,var(--concept-yellow));z-index:-1;border-radius:26px;opacity:.15}.newsletter-title{font-size:clamp(2rem, 4vw, 3rem);margin-bottom:1.5rem;text-transform:uppercase;font-weight:800}.newsletter-text{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;flex-wrap:wrap;gap:1.2rem;max-width:800px;margin:0 auto;justify-content:center}.newsletter-input{flex:1;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);padding:1.2rem 1.5rem;border-radius:4px;color:var(--text-color);font-family:var(--font-misc);font-size:1rem;outline:0;transition:all .3s ease}.newsletter-input:focus{border-color:var(--brand-primary);background:rgba(255,255,255,.07);box-shadow:0 0 15px rgba(212,175,55,.1)}.newsletter-btn{padding:1.2rem 3rem;background:var(--concept-red);color:#fff;border:none;border-radius:4px;font-family:var(--font-misc);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s cubic-bezier(.165, .84, .44, 1)}.newsletter-btn:hover{background:#c00;box-shadow:0 0 25px rgba(255,0,0,.5);transform:translateY(-2px)}.newsletter-btn:hover{background:var(--brand-secondary);transform:translateY(-2px);box-shadow:0 5px 20px rgba(212,175,55,.4)}@media (max-width:768px){.newsletter-section{padding:4rem 0}.newsletter-form{flex-direction:column}.newsletter-input{width:100%;flex:none}.newsletter-box{padding:3rem 1.5rem;border-radius:16px}.newsletter-box>div[style*=flex]>div{min-width:100%!important}}@media (max-width:480px){.newsletter-box{padding:2rem 1rem}}.blog-section{padding:var(--section-spacing) 0;position:relative;overflow:hidden}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;margin-top:4rem}.blog-card{background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .5s cubic-bezier(.165, .84, .44, 1);position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-10px);border-color:var(--brand-primary);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(212,175,55,.1)}.blog-card-img{height:240px;width:100%;overflow:hidden;position:relative}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.blog-card:hover .blog-card-img img{transform:scale(1.1)}.blog-card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.blog-category{font-family:var(--font-misc);font-size:.7rem;color:var(--brand-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;display:block}.blog-title{font-size:1.5rem;margin-bottom:1rem;line-height:1.2;color:var(--text-color)}.blog-excerpt{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.blog-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:1.5rem}.blog-date{font-family:var(--font-misc);font-size:.75rem;color:var(--text-muted)}.blog-read-more{font-family:var(--font-misc);font-size:.8rem;color:var(--brand-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem;transition:gap .3s ease}.blog-read-more:hover{gap:.8rem}.post-header{padding-top:180px;padding-bottom:4rem;text-align:center}.post-meta{margin-bottom:2rem}.post-content{max-width:800px;margin:0 auto;padding-bottom:var(--section-spacing)}.post-content p{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-color);opacity:.9;text-align:justify;text-indent:1.5rem}.post-content li{text-align:justify}.post-content h2{margin:3rem 0 1.5rem;font-size:2rem;color:var(--brand-primary)}.post-content img{width:100%;border-radius:12px;margin:2rem 0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.arrow-right::after{content:'→';font-family:sans-serif;font-weight:700}.post-content-block{display:flex;align-items:center;gap:4rem;margin:8rem 0}.post-content-block.reverse{flex-direction:row-reverse}.post-block-image{flex:1;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.4);position:relative}.post-block-image::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:24px;pointer-events:none}.post-block-image img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.2, 1, .3, 1)}.post-block-image:hover img{transform:scale(1.08)}.post-block-text{flex:1.2}.post-block-text h2{margin-top:0;margin-bottom:1.5rem;font-size:clamp(1.8rem, 4vw, 2.8rem);line-height:1.2}.post-block-text p{font-size:1.1rem;line-height:1.8;color:var(--text-muted)}@media (max-width:992px){.post-content-block{flex-direction:column!important;gap:3rem;margin:6rem 0}.post-block-text{order:2}.post-block-image{order:1;width:100%}}.blog-img-credit{font-size:.75rem;color:var(--text-muted);opacity:.6;text-align:right;margin-top:-1.5rem;margin-bottom:0;font-style:italic}.blog-case-tag{font-size:.9rem;color:var(--brand-primary);font-weight:600;margin-bottom:1rem;letter-spacing:.5px}.faq-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:var(--brand-primary);border:none;border-radius:50%;color:#000;font-size:1.8rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(212,175,55,.4);transition:all .3s cubic-bezier(.2, 1, .3, 1)}.faq-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 40px rgba(212,175,55,.6);animation:fab-glitch .2s infinite}@keyframes fab-glitch{0%{transform:scale(1.1) translate(2px,-2px)}25%{transform:scale(1.1) translate(-2px,2px)}50%{transform:scale(1.1) translate(-2px,-2px)}75%{transform:scale(1.1) translate(2px,2px)}100%{transform:scale(1.1) translate(0)}}.faq-modal{position:fixed;inset:0;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity .4s ease}.faq-modal.active{display:flex;opacity:1}.faq-container{width:100%;max-width:800px;max-height:80vh;overflow-y:auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;position:relative;transform:translateY(30px);transition:transform .4s cubic-bezier(.2, 1, .3, 1)}.faq-modal.active .faq-container{transform:translateY(0)}.faq-close{position:absolute;top:1.5rem;right:1.5rem;background:0 0;border:1px solid var(--glass-border);color:var(--text-color);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.faq-close:hover{background:#ff4d4d;border-color:#ff4d4d;transform:rotate(90deg)}.faq-header{margin-bottom:3rem;text-align:center}.faq-item{margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}.faq-question{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:var(--brand-primary);display:flex;align-items:center;gap:1rem;cursor:pointer}.faq-answer{font-size:1.1rem;color:var(--text-muted);line-height:1.6;display:none;padding-left:2.3rem}.faq-item.active .faq-answer{display:block;animation:fade-in .3s ease}.glitch-text{position:relative;display:inline-block}.glitch-text::after,.glitch-text::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:0 0;clip:rect(0,0,0,0)}.faq-fab:hover .glitch-text::before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.faq-fab:hover .glitch-text::after{left:-2px;text-shadow:-2px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}.whatsapp-fab{position:fixed;bottom:7rem;right:2rem;width:64px;height:64px;background:#25d366;border:none;border-radius:50%;color:#fff;font-size:2rem;cursor:pointer;z-index:998;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.4);transition:all .3s cubic-bezier(.2, 1, .3, 1);text-decoration:none}.whatsapp-fab:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 40px rgba(37,211,102,.6);background:#20ba5a}.whatsapp-fab i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.page-transition-overlay{position:fixed;inset:0;background:#000;z-index:9999;pointer-events:none;opacity:1;transition:opacity .3s cubic-bezier(.4, 0, .2, 1)}.page-transition-overlay.fade-out{opacity:0}.page-transition-overlay.fade-in{opacity:1;pointer-events:all}.skip-to-content{position:absolute;top:-100%;left:1rem;background:var(--brand-primary);color:#000;padding:.8rem 1.5rem;z-index:10000;font-family:var(--font-misc);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;text-decoration:none;border-radius:4px;transition:top .2s ease}.skip-to-content:focus{top:1rem}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.hero-crt-overlay,.hero-infinite-grid,.hero-vhs-grain{display:none!important}.reveal-up{opacity:1!important;transform:none!important}.galeria-item.hidden{display:none}}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast:more){:root{--text-muted:#c0b89e;--glass-bg:rgba(255, 255, 255, 0.06)}.nav-link{color:#c0b89e}.hero-main-subtitle{color:#c0b89e!important}.client-logo{filter:grayscale(0) brightness(1)!important}}.clients-section{padding:6rem 0;background:rgba(255,255,255,.02);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.clients-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;opacity:.6;transition:opacity .4s ease}.clients-grid:hover{opacity:1}.client-logo{font-family:Satoshi,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:-.05em;color:var(--text-color);text-transform:uppercase;display:flex;align-items:center;gap:.5rem;filter:grayscale(1) brightness(.8);transition:all .3s ease;cursor:default}.client-logo:hover{filter:grayscale(0) brightness(1.2);transform:translateY(-2px);color:var(--brand-primary)}.client-logo span{font-weight:300;font-size:.8rem;opacity:.5}.client-logo-img{height:20px;width:auto;min-height:0;min-width:0;flex-shrink:0;display:block}.client-logo{text-decoration:none}@media (max-width:768px){.clients-section{padding:3rem 0}.clients-grid{gap:1.8rem}.client-logo{font-size:1.2rem}}@media (max-width:480px){.clients-grid{gap:1.2rem}.client-logo{font-size:1rem}}.home-services{padding:6rem 0;background:rgba(255,255,255,.01)}.home-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.home-service-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:8px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden}.home-service-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--brand-primary);transition:width .4s ease}.home-service-card:hover{border-color:rgba(212,175,55,.3);transform:translateY(-4px);background:rgba(255,255,255,.04)}.home-service-card:hover::after{width:100%}.home-service-icon{font-family:var(--font-heading);font-size:1.6rem;font-weight:200;color:var(--brand-secondary);opacity:.8;margin-bottom:.75rem;display:block}.home-service-card h3{font-size:.85rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.home-service-card p{font-size:.75rem;color:var(--text-muted);line-height:1.5;font-weight:300}.home-featured{padding:8rem 0;background:#000;position:relative;overflow:hidden}.home-featured::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent)}.home-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.home-featured-image{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/10;box-shadow:0 20px 40px rgba(0,0,0,.6)}.home-featured-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(212,175,55,.08),transparent 40%);pointer-events:none;transition:opacity .5s ease}.home-featured-image:hover::after{opacity:0}.home-featured-image::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--brand-secondary);z-index:10;transition:width .6s cubic-bezier(.65, 0, .35, 1);box-shadow:0 0 15px var(--brand-primary)}.home-featured-image:hover::before{width:100%}.home-featured-image .img-placeholder,.home-featured-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.2) brightness(.6);transition:filter .6s ease,transform .8s ease}.home-featured-image:hover .img-placeholder,.home-featured-image:hover img{filter:grayscale(0) contrast(1.1) brightness(1);transform:scale(1.03)}.img-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:var(--text-muted);font-family:var(--font-heading);font-size:3rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.home-featured-content h2{font-size:clamp(1.5rem, 3vw, 2.2rem);text-transform:uppercase;margin-bottom:1.5rem;letter-spacing:-.5px}.home-featured-content p{color:var(--text-muted);font-size:1rem;line-height:1.8;margin-bottom:1.5rem;font-weight:300}.home-featured-metric{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:4px;width:fit-content}.home-featured-metric .num{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--brand-primary);line-height:1}.home-featured-metric .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.home-cta{padding:8rem 0;text-align:center;position:relative;border-top:1px solid var(--glass-border);background:rgba(255,255,255,.01)}.home-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.05),transparent 60%);pointer-events:none}.home-cta h2{font-size:clamp(2rem, 5vw, 3.5rem);text-transform:uppercase;margin-bottom:1rem;letter-spacing:-1px;position:relative}.home-cta p{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto 2.5rem;font-weight:300}.home-cta .btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width:992px){.home-services-grid{grid-template-columns:repeat(3,1fr)}.home-featured-grid{grid-template-columns:1fr;gap:2rem}.home-featured-content{order:-1;text-align:center}.home-featured-metric{margin:0 auto 1.5rem}}@media (max-width:600px){.home-services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.home-services{padding:4rem 0}.home-services-grid{grid-template-columns:1fr 1fr;gap:.75rem}.home-service-card{padding:1.5rem 1rem}.home-featured{padding:4rem 0}.home-cta{padding:5rem 0}.home-cta .btn-group{flex-direction:column;align-items:center}}.service-hero{padding:180px 0 80px;text-align:center;position:relative;overflow:hidden}.service-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 40%,rgba(212,175,55,.03) 0,transparent 50%);pointer-events:none}.service-hero h1{font-size:clamp(2.5rem, 6vw, 4.5rem);text-transform:uppercase;letter-spacing:-2px;margin-bottom:1rem;line-height:1.05}.service-hero p{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto;font-weight:300;line-height:1.7}.service-badge{display:inline-block;font-family:var(--font-misc);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--brand-primary);margin-bottom:1.5rem;padding:.5rem 1.2rem;border:1px solid rgba(212,175,55,.15);border-radius:100px}.service-section{padding:8rem 0;position:relative}.service-section:nth-child(odd){background:rgba(255,255,255,.01)}.service-section-header{text-align:center;margin-bottom:4rem}.service-section-header h2{font-size:clamp(1.8rem, 3.5vw, 2.8rem);text-transform:uppercase;letter-spacing:-1px;margin-bottom:1rem}.service-section-header p{color:var(--text-muted);font-size:1rem;max-width:550px;margin:0 auto;font-weight:300}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.benefit-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:8px;padding:2.5rem 2rem;transition:all .3s ease}.benefit-card:hover{border-color:rgba(212,175,55,.2);transform:translateY(-4px);background:rgba(255,255,255,.04)}.benefit-card .icon{font-family:var(--font-heading);font-size:1.8rem;font-weight:200;color:var(--brand-secondary);opacity:.8;display:block;margin-bottom:1rem}.benefit-card .icon svg{width:2.2rem;height:2.2rem;display:block}.benefit-card h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-color)}.benefit-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7;font-weight:300}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;counter-reset:step}.process-step{text-align:center;padding:2.5rem 1.5rem;position:relative}.process-step::before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--font-heading);font-size:3rem;font-weight:800;color:rgba(212,175,55,.1);line-height:1;margin-bottom:.5rem}.process-step h3{font-size:1rem;margin-bottom:.5rem;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.process-step p{font-size:.85rem;color:var(--text-muted);line-height:1.6;font-weight:300}.process-step:not(:last-child)::after{content:'→';position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:rgba(212,175,55,.2)}.process-step-icon{display:block;margin-bottom:1rem}.process-step-icon svg{width:2.5rem;height:2.5rem;color:var(--brand-secondary);opacity:.8}.service-cta-section{padding:8rem 0;text-align:center;position:relative;background:#000}.service-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent)}.service-cta-section h2{font-size:clamp(2rem, 4vw, 3rem);text-transform:uppercase;margin-bottom:1rem;letter-spacing:-1px}.service-cta-section p{color:var(--text-muted);font-size:1.1rem;max-width:500px;margin:0 auto 2.5rem;font-weight:300}.service-cta-section .btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.service-about-content{max-width:800px;margin:0 auto}.service-about-content p{font-size:1.05rem;color:var(--text-muted);line-height:1.8;margin-bottom:1.5rem;font-weight:300}.service-about-content strong{color:var(--text-color)}.service-about-content ul{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-about-content ul li{padding:1rem 1.25rem;background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:8px;font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.service-about-content ul li:hover{border-color:rgba(212,175,55,.15);background:rgba(255,255,255,.04)}.service-about-content ul li::before{content:'◆';color:var(--brand-primary);font-size:.5rem;flex-shrink:0}.service-tech-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.service-tech-item{padding:.5rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid var(--glass-border);border-radius:100px;font-size:.75rem;color:var(--text-muted);font-family:var(--font-misc);text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.service-tech-item:hover{border-color:rgba(212,175,55,.3);color:var(--text-color)}@media (max-width:768px){.service-section{padding:5rem 0}.service-cta-section{padding:5rem 0}.service-hero{padding:140px 0 60px}.process-step:not(:last-child)::after{display:none}.process-steps{gap:1rem}.service-about-content ul{grid-template-columns:1fr}.service-cta-section .btn-group{flex-direction:column;align-items:center}}.nav-content{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important}#nav-links{display:flex!important;gap:2.5rem!important;justify-self:center!important}.nav-link.active-concept{color:var(--concept-yellow)!important;position:relative;text-shadow:0 0 10px rgba(255,204,0,.5);text-transform:uppercase}.nav-link.active-concept::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--concept-yellow);border-radius:50%;box-shadow:0 0 8px var(--concept-yellow)}.concept-btn-red{background:var(--concept-red)!important;color:#fff!important;padding:.8rem 2rem!important;border-radius:2px!important;font-weight:700!important;letter-spacing:1px!important;display:flex!important;align-items:center!important;gap:.8rem!important;font-family:var(--font-misc);font-size:.8rem;text-transform:uppercase;box-shadow:0 0 20px rgba(255,0,0,.4);text-decoration:none;transition:all .3s ease}.concept-btn-red:hover{box-shadow:0 0 30px rgba(255,0,0,.6);transform:scale(1.02)}.concept-hero{background:#000!important;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:180px 0 120px}.hero-galaxy-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,rgba(0,0,0,0)),radial-gradient(1px 1px at 40px 70px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 50px 160px,#fff,rgba(0,0,0,0)),radial-gradient(2px 2px at 90px 40px,#fff,rgba(0,0,0,0)),radial-gradient(1px 1px at 130px 80px,#fff,rgba(0,0,0,0));background-size:200px 200px;opacity:.2;z-index:1;animation:stars-flicker 4s infinite alternate;pointer-events:none}@keyframes stars-flicker{from{opacity:.1}to{opacity:.3}}.hero-infinite-grid{position:absolute;inset:-100% 0;background-image:linear-gradient(rgba(255,204,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,204,0,.1) 1px,transparent 1px);background-size:60px 60px;background-position:center;transform:perspective(800px) rotateX(60deg);z-index:2;mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);animation:grid-scroll 15s linear infinite;pointer-events:none}@keyframes grid-scroll{from{transform:perspective(800px) rotateX(60deg) translateY(0)}to{transform:perspective(800px) rotateX(60deg) translateY(60px)}}.hero-crt-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 2px,transparent 3px);background-size:100% 4px;z-index:20;pointer-events:none;animation:scanline-move 10s linear infinite}@keyframes scanline-move{from{background-position:0 0}to{background-position:0 100%}}.hero-vhs-grain{position:absolute;inset:-5%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;z-index:21;pointer-events:none;animation:grain-flicker .1s steps(2) infinite}@keyframes grain-flicker{0%{transform:translate(0,0)}50%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)}}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.6) 100%);z-index:22;pointer-events:none}.concept-hero::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 150px rgba(0,0,0,.8),inset 0 0 50px rgba(0,0,0,.4);z-index:23;pointer-events:none;border-radius:100px}.hero-container{position:relative;z-index:10;width:100%;transform:perspective(600px) rotateX(3deg) scale(1.08);filter:contrast(1.1) brightness(1.1)}.hero-mouse-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,204,0,.3) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:5;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;will-change:transform,left,top}.hero-ripple{position:absolute;border:4px solid var(--concept-yellow);background:radial-gradient(circle,rgba(255,204,0,.4) 0,transparent 80%);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%) scale(0);animation:ripple-out 1s cubic-bezier(.165,.84,.44,1) forwards}@keyframes ripple-out{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(-50%,-50%) scale(6);opacity:0}}.hero-radial-glow{position:absolute;top:50%;left:40%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,204,0,.1) 0,transparent 70%);transform:translate(-50%,-50%);z-index:4;pointer-events:none}.hero-text-content{max-width:1000px;text-align:left}.hero-brand-badge{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.badge-text{font-family:var(--font-misc);font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.badge-line-left{width:30px;height:1px;background:var(--concept-yellow)}.hero-main-title{font-family:var(--font-heading);font-size:clamp(2.5rem, 6vw, 4.8rem)!important;line-height:1.05!important;letter-spacing:-2px!important;margin-bottom:2rem!important;text-transform:uppercase!important;color:#fff!important;display:flex;flex-direction:column;text-shadow:2px 0 1px rgba(255,0,0,.5),-2px 0 1px rgba(0,255,255,.5)}.weight-light{font-weight:300!important}.glow-cyan-text{color:var(--concept-cyan)!important;text-shadow:0 0 30px rgba(0,242,255,.8);font-weight:400}.glow-yellow-title{color:var(--concept-yellow)!important;text-shadow:0 0 40px rgba(255,204,0,.6);font-weight:900!important}.hero-main-subtitle{font-family:var(--font-body);font-size:1.1rem!important;color:rgba(255,255,255,.6)!important;margin-bottom:4rem!important;max-width:450px!important;line-height:1.6!important;font-weight:400!important}.hero-main-actions{display:flex;gap:1.5rem}.btn-concept-solid-red{background:var(--concept-red);color:#fff;padding:1.2rem 2.8rem;font-family:var(--font-misc);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:4px;box-shadow:0 0 25px rgba(255,0,0,.4);display:flex;align-items:center;gap:1rem;transition:all .3s ease}.btn-concept-solid-red:hover{box-shadow:0 0 40px rgba(255,0,0,.6);transform:translateY(-3px)}.btn-concept-outline-gold{background:0 0;border:1px solid rgba(255,204,0,.3);color:var(--concept-yellow);padding:1.2rem 2.8rem;font-family:var(--font-misc);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:4px;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.btn-concept-outline-gold:hover{border-color:var(--concept-yellow);background:rgba(255,204,0,.05);transform:translateY(-3px)}@media (max-width:768px){.nav-content{display:flex!important;justify-content:space-between!important;padding:0 1rem!important}.header-actions{display:none!important}.concept-hero{padding:120px 0 60px!important;text-align:center}.hero-text-content{text-align:center}.hero-main-title{font-size:clamp(2rem, 12vw, 3.5rem)!important;line-height:1.1!important;margin-bottom:1.5rem!important}.hero-brand-badge{justify-content:center;margin-bottom:.5rem!important}.hero-main-subtitle{font-size:1rem!important;margin-inline:auto!important;margin-bottom:3rem!important}.hero-main-actions{flex-direction:column;align-items:center;gap:1rem}.btn-concept-outline-gold,.btn-concept-solid-red{width:100%;justify-content:center}.hero-vignette{background:radial-gradient(circle,transparent 70%,rgba(0,0,0,.4) 100%)!important}.concept-hero::after{box-shadow:none!important;border-radius:0!important}.hero-container{transform:none!important;filter:none!important;padding-top:0!important}.hero-crt-overlay{opacity:.3!important}.hero-galaxy-stars,.hero-infinite-grid{opacity:.15!important}}@media (max-width:480px){.hero-main-title{font-size:clamp(1.6rem, 10vw, 2.2rem)!important;letter-spacing:-1px!important}.hero-brand-badge .badge-text{font-size:.65rem!important;letter-spacing:1px!important}.hero-main-subtitle{font-size:.9rem!important;max-width:280px!important}.btn-concept-outline-gold,.btn-concept-solid-red{padding:1rem 2rem!important;font-size:.8rem!important}}
/* Mobile: horizontal scroll for gallery filter tabs */
@media (max-width: 768px) {
  .galeria-filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0.5rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .galeria-filters::-webkit-scrollbar { display: none; }
  .filter-btn { flex: 0 0 auto; }
}

/* Portfolio CTA after gallery */
.portfolio-cta {
  margin-top: 3.5rem;
  text-align: center;
  padding: 3rem 2rem;
  border: 1px solid var(--glass-border);
  border-radius: 16px;
  background: var(--glass-bg);
}
.portfolio-cta h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  color: var(--text-color);
  margin-bottom: 0.75rem;
}
.portfolio-cta p {
  color: var(--text-muted);
  max-width: 520px;
  margin: 0 auto 1.5rem;
}
.portfolio-cta .btn-primary {
  display: inline-block;
  padding: 0.85rem 2.2rem;
  background: var(--gradient-1);
  color: #000;
  font-family: var(--font-misc);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.85rem;
  border-radius: 100px;
  text-decoration: none;
  transition: all 0.25s ease;
}
.portfolio-cta .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,175,55,0.25);
}

/* Gallery item project link */
.galeria-link {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.4rem 1.1rem;
  border: 1px solid var(--brand-primary);
  border-radius: 100px;
  color: var(--brand-secondary);
  font-family: var(--font-misc);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-decoration: none;
  transition: all 0.25s ease;
}
.galeria-link:hover {
  background: var(--brand-primary);
  color: #000;
}

/* ===== Newsletter Exit-Intent Modal ===== */
.newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
}
.newsletter-modal.active { opacity: 1; visibility: visible; }
.newsletter-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(4px);
}
.newsletter-modal-box {
  position: relative;
  z-index: 1;
  width: min(90vw, 460px);
  background: var(--bg-color, #050505);
  border: 1px solid var(--brand-primary, #d4af37);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  transform: translateY(20px) scale(.98);
  transition: transform .35s ease;
}
.newsletter-modal.active .newsletter-modal-box { transform: translateY(0) scale(1); }
.newsletter-modal-close {
  position: absolute;
  top: .6rem; right: 1rem;
  background: none; border: none;
  color: var(--text-muted, #a09a88);
  font-size: 1.8rem; line-height: 1;
  cursor: pointer;
}
.newsletter-modal-close:hover { color: var(--brand-secondary, #ffdf73); }
.newsletter-modal-tag {
  display: inline-block;
  font-family: var(--font-misc, sans-serif);
  font-size: .7rem; letter-spacing: 3px;
  color: var(--brand-secondary, #ffdf73);
  border: 1px solid var(--glass-border, rgba(255,255,255,.06));
  border-radius: 100px;
  padding: .25rem .8rem;
  margin-bottom: 1rem;
}
.newsletter-modal-box h2 {
  font-family: var(--font-heading, sans-serif);
  font-size: 1.8rem;
  margin-bottom: .5rem;
  color: var(--text-color, #f8f4e6);
}
.newsletter-modal-box p {
  color: var(--text-muted, #a09a88);
  font-size: .92rem;
  margin-bottom: 1.5rem;
}
.newsletter-modal .newsletter-form {
  display: flex; flex-direction: column; gap: .75rem;
}
.newsletter-modal .newsletter-input {
  width: 100%;
  padding: .85rem 1rem;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--glass-border, rgba(255,255,255,.06));
  border-radius: 10px;
  color: var(--text-color, #f8f4e6);
  font-family: var(--font-body, sans-serif);
  font-size: .95rem;
}
.newsletter-modal .newsletter-input:focus {
  outline: none;
  border-color: var(--brand-primary, #d4af37);
}
.newsletter-modal .newsletter-btn {
  width: 100%;
  padding: .9rem;
  background: var(--gradient-1, linear-gradient(135deg,#d4af37,#ffdf73));
  color: #000;
  border: none;
  border-radius: 10px;
  font-family: var(--font-misc, sans-serif);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: .85rem;
  cursor: pointer;
  transition: all .25s ease;
}
.newsletter-modal .newsletter-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(212,175,55,.25);
}
.newsletter-modal-decline {
  margin-top: 1rem;
  background: none; border: none;
  color: var(--text-muted, #a09a88);
  font-size: .8rem;
  text-decoration: underline;
  cursor: pointer;
}
.newsletter-modal-decline:hover { color: var(--text-color, #f8f4e6); }

/* ===== Newsletter modal � enhanced visuals ===== */
/* ===== Newsletter modal — bold redesign ===== */
.newsletter-modal-box {
  overflow: hidden;
  width: min(90vw, 480px);
  background: #000;
  border: 1px solid var(--brand-primary, #d4af37);
  border-radius: 16px;
  padding: 2.6rem 2rem;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0,0,0,.7);
}
.newsletter-modal-close { z-index: 5; }

.nl-body {
  display: block;
  background: #000;
}
.newsletter-modal-tag {
  display: inline-block;
  font-size: .65rem;
  letter-spacing: 3px;
  color: var(--brand-primary, #d4af37);
  border: 1px solid var(--brand-primary, #d4af37);
  border-radius: 999px;
  padding: .25rem .7rem;
  margin-bottom: 1rem;
}
.newsletter-modal-box h2 {
  font-family: var(--font-heading, sans-serif);
  font-size: 1.95rem;
  line-height: 1.12;
  margin-bottom: .8rem;
  color: var(--text-color, #f8f4e6);
}
.newsletter-modal-box h2 .nl-accent {
  color: var(--brand-primary, #d4af37);
}
.newsletter-modal-box p {
  font-size: .9rem;
  color: var(--text-muted, #a09a88);
  margin: 0 auto 1.2rem;
  max-width: 40ch;
}
.newsletter-modal .newsletter-btn {
  position: relative;
  background: var(--brand-primary, #d4af37);
  color: #000;
  overflow: hidden;
}
.newsletter-modal .newsletter-btn:hover {
  background: var(--brand-secondary, #ffdf73);
}

@media (max-width: 620px) {
  .newsletter-modal-box h2 { font-size: 1.55rem; }
}

/* ===== Automation capabilities � vertical list ===== */
.benefit-card ul {
  list-style: none;
  margin: .8rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.benefit-card li {
  position: relative;
  padding-left: 1.3rem;
  color: var(--text-muted, #a09a88);
  font-size: .9rem;
  line-height: 1.4;
}
.benefit-card li::before {
  content: "";
  position: absolute;
  left: 0; top: .5rem;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--brand-primary, #d4af37);
}
.benefit-card li strong { color: var(--text-color, #f8f4e6); font-weight: 600; }

/* ===== Homepage conversion: trust strip + testimonial stars ===== */
.home-trust { padding: 1.4rem 0; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.02); }
.trust-strip { display: flex; flex-wrap: wrap; gap: 1.25rem 2rem; justify-content: center; text-align: center; }
.trust-strip div { display: flex; flex-direction: column; gap: .25rem; min-width: 150px; }
.trust-strip strong { color: var(--brand-primary, #d4af37); font-size: 1rem; letter-spacing: .3px; }
.trust-strip span { color: var(--text-muted, #a09a88); font-size: .78rem; }
.testimonial-stars { color: var(--brand-primary, #d4af37); letter-spacing: 2px; margin-bottom: .75rem; font-size: 1rem; }

/* ===== Homepage: real client cards ===== */
.client-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1.25rem; }
.client-card { display: flex; flex-direction: column; gap: .75rem; text-decoration: none; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: .75rem; transition: transform .25s ease, border-color .25s ease; }
.client-card:hover { transform: translateY(-4px); border-color: var(--brand-primary, #d4af37); }
.client-card-img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 8px; background: rgba(255,255,255,0.04); }
.client-card-name { text-align: center; color: var(--text-color, #f8f4e6); font-weight: 600; font-size: .9rem; }

/* ===== Hero (home) — controlled sizing ===== */
.hero-main-title { font-family: var(--font-heading); font-size: clamp(1.4rem, 2.3vw, 2.1rem); line-height: 1.1; letter-spacing: -1px; margin-bottom: 1.5rem; text-transform: uppercase; color: #fff; display: flex; flex-direction: column; }
.glow-cyan-text { color: var(--concept-cyan); text-shadow: 0 0 30px rgba(0,242,255,0.8); }
.glow-yellow-title { color: var(--concept-yellow); text-shadow: 0 0 40px rgba(255,204,0,0.6); font-weight: 900; }
.hero-main-subtitle { font-family: var(--font-body); font-size: 1.05rem; color: rgba(255,255,255,0.7); margin-bottom: 2rem; max-width: 520px; line-height: 1.6; }
.hero-main-actions { display: flex; gap: 1.25rem; flex-wrap: wrap; }

/* ===== Client game logos (industry sub-section) ===== */
.clients-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2rem; opacity: 0.7; transition: opacity .4s ease; }
.clients-grid:hover { opacity: 1; }
.client-logo { display: flex; align-items: center; gap: .5rem; filter: grayscale(1) brightness(0.8); transition: all .3s ease; text-decoration: none; }
.client-logo:hover { filter: grayscale(0) brightness(1.2); transform: translateY(-2px); }
.client-logo-img { height: 28px; width: auto; flex-shrink: 0; display: block; }

/* ===== Homepage portfolio carousel ===== */
.home-carousel { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.home-carousel-track { display: flex; gap: 1rem; width: max-content; animation: carousel-scroll 45s linear infinite; }
.home-carousel-item { flex: 0 0 auto; width: 260px; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,0.06); background: rgba(255,255,255,0.03); text-decoration: none; }
.home-carousel-item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.home-carousel-item span { display: block; padding: .6rem; text-align: center; font-size: .85rem; color: var(--text-color, #f8f4e6); }
@keyframes carousel-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.home-portfolio-actions { text-align: center; margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.home-portfolio { padding-bottom: 4rem; }

/* ===== Newsletter modal: animated glow border ===== */
.newsletter-modal-box { position: relative; overflow: hidden; width: min(90vw, 480px); background: #000; border: 1px solid rgba(212,175,55,0.25); border-radius: 16px; padding: 2.6rem 2rem; text-align: center; box-shadow: 0 30px 80px rgba(0,0,0,.7); }
@property --nl-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes nl-border-spin { to { --nl-angle: 360deg; } }
.newsletter-modal-box::before { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: conic-gradient(from var(--nl-angle), transparent 0deg, var(--brand-primary, #d4af37) 80deg, var(--brand-secondary, #ffdf73) 150deg, transparent 230deg, transparent 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: nl-border-spin 4s linear infinite; pointer-events: none; z-index: -1; }
.newsletter-modal-backdrop { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 0; }
.nl-particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.newsletter-modal-box { z-index: 2; }

/* ===== About: justified body text ===== */
.about-content p, .featured-text p, .ai-manifesto p, .manifesto-section p { text-align: justify; text-justify: inter-word; }
.manifesto-sub-title { font-family: var(--font-body); font-size: 1.6rem; color: var(--text-color); margin-bottom: 1.25rem; font-weight: 500; text-transform: uppercase; letter-spacing: -0.5px; }
.mission-text { font-size: 1.15rem !important; line-height: 1.8 !important; color: var(--text-color) !important; font-weight: 400; }
.ai-manifesto p { font-size: 1.15rem; line-height: 1.8; color: var(--text-color); margin-bottom: 2rem; font-weight: 400; }
.manifesto-question { font-family: var(--font-body); font-size: clamp(1.6rem, 4vw, 2.2rem); color: var(--text-color); text-align: center; margin: 5rem 0; line-height: 1.3; font-weight: 500; letter-spacing: -0.5px; }
.manifesto-highlight p { margin-bottom: 0; color: var(--text-color); font-size: 1.15rem; }
.manifesto-conclusion { text-align: center; font-size: clamp(1.3rem, 3vw, 1.8rem); font-family: var(--font-body); font-weight: 500; letter-spacing: 0; margin-top: 4rem; color: var(--text-color); }

/* ===== Testimonios: carrusel ===== */
.testi-carousel { display: flex; align-items: center; gap: 1rem; max-width: 820px; margin: 0 auto; }
.testi-viewport { overflow: hidden; flex: 1; border-radius: 12px; }
.testi-track { display: flex; transition: transform .6s cubic-bezier(.22,1,.36,1); will-change: transform; }
.testi-card { flex: 0 0 100%; box-sizing: border-box; min-width: 0; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 1.75rem 1.5rem; text-align: center; }
.testi-text { font-style: italic; color: var(--text-secondary); margin: 0 0 1rem; font-size: 1.02rem; line-height: 1.65; }
.testi-author { font-weight: 700; color: var(--text-color); font-size: .95rem; }
.testi-btn { flex-shrink: 0; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); color: var(--text-color); width: 44px; height: 44px; border-radius: 50%; font-size: 1.5rem; line-height: 1; cursor: pointer; transition: border-color .2s, color .2s, background .2s; display: flex; align-items: center; justify-content: center; }
.testi-btn:hover, .testi-btn:focus-visible { border-color: var(--brand-primary); color: var(--brand-primary); background: rgba(212,175,55,0.08); outline: none; }
.testi-dots { display: flex; gap: .5rem; justify-content: center; margin-top: 1.25rem; }
.testi-dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,0.2); border: none; padding: 0; cursor: pointer; transition: background .2s, width .2s; }
.testi-dot.active { background: var(--brand-primary); width: 22px; border-radius: 5px; }
@media (max-width: 600px) { .testi-btn { width: 38px; height: 38px; font-size: 1.25rem; } .testi-carousel { gap: .5rem; } }

/* ===== Portfolio gallery: responsive + mobile tap fixes ===== */
.galeria-overlay { pointer-events: none; }
.galeria-link { pointer-events: auto; }
@media (max-width: 1024px) { .galeria-grid { column-count: 3; } }
@media (max-width: 768px) { .galeria-grid { column-count: 2; } }
@media (max-width: 480px) { .galeria-grid { column-count: 1; } }
@media (hover: none) {
  .galeria-overlay { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
  .lightbox-nav { width: 46px; height: 46px; font-size: 1.4rem; }
  .lightbox-nav--prev { left: 0.5rem; }
  .lightbox-nav--next { right: 0.5rem; }
  .lightbox-close { width: 44px; height: 44px; top: 1rem; right: 1rem; }
  #lightbox-img { max-height: 78vh; }
}
/* ============================================================
   LAYOUT DE LECTURA: F (contenido) + Z (conversión)
   - F: secciones con mucho contenido -> columna de lectura
        a la izquierda (titulares alineados a la izquierda).
   - Z: puntos de conversion -> CTAs en esquinas
        (hero abajo-derecha, CTA final abajo-derecha).
   ============================================================ */
/* F: headers de secciones de contenido a la izquierda */
.home-services .container > div[style*="text-align:center"],
.home-portfolio .container > div[style*="text-align:center"] { text-align: left !important; }
.home-portfolio { text-align: left; }
.home-portfolio-actions { justify-content: flex-start; text-align: left; }
/* F: bloque de testimonios como columna de lectura a la izquierda */
.testi-carousel { margin-left: 0; margin-right: auto; }
/* Z: hero -> CTA a la derecha (cierra la diagonal superior del Z) */
.concept-hero .hero-main-actions { justify-content: flex-end; }
/* Z: CTA final -> esquina inferior derecha (terminacion del Z) */
.home-cta { text-align: right; }
.home-cta .btn-group { justify-content: flex-end; }
@media (max-width: 768px) {
  .home-cta { text-align: center; }
  .home-cta .btn-group { justify-content: center; }
  .concept-hero .hero-main-actions { justify-content: center; }
  .home-portfolio-actions { justify-content: center; }
  .testi-carousel { margin-left: auto; margin-right: auto; }
}
/* ============================================================
   F/Z EN OTRAS PAGINAS (contenido pesado, excepto work.html)
   - F: secciones de contenido -> columna de lectura izquierda
        (.service-section-header, .about-content, .blog-section).
   - Z: conversion -> CTAs en esquina derecha
        (.service-hero CTA, .service-cta-section).
   ============================================================ */
/* F: headers de contenido a la izquierda */
.service-section-header,
.about-content,
.blog-section { text-align: left; }
/* Z: hero de servicio -> CTA a la derecha (diagonal superior) */
.service-hero { text-align: left; }
.service-hero .btn-group { justify-content: flex-end; }
/* Z: CTA final de servicio -> esquina inferior derecha */
.service-cta-section { text-align: right; }
.service-cta-section .btn-group { justify-content: flex-end; }
@media (max-width: 768px) {
  .service-section-header,
  .about-content,
  .blog-section,
  .service-cta-section { text-align: center; }
  .service-hero .btn-group,
  .service-cta-section .btn-group { justify-content: center; }
}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;width:auto;padding:0;border:none;order:0}.footer-contact a{color:var(--text-color);text-decoration:none;font-size:.9rem;letter-spacing:.5px;transition:var(--transition-fast)}.footer-contact a:hover{color:var(--brand-primary)}.footer-contact-name{color:var(--text-color);font-size:.95rem;font-weight:600;letter-spacing:.5px}.footer-bottom{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--glass-border);text-align:center}
/* ===== Mobile landscape (short viewport) fixes ===== */
@media (orientation: landscape) and (max-height: 600px) {
  :root { --section-spacing: 5rem; }

  .hero-section,
  .concept-hero {
    height: auto !important;
    min-height: auto !important;
    padding-top: 90px !important;
    padding-bottom: 60px !important;
  }
  .hero-container { transform: none !important; }

  .work-grid {
    height: auto !important;
    min-height: 0 !important;
    flex-direction: column !important;
    transform: none !important;
    padding: 0 !important;
    gap: 1.5rem !important;
  }
  .work-item { flex: none !important; width: 100% !important; height: 300px !important; transform: none !important; }

  .page-main { min-height: auto !important; padding-top: 90px !important; }

  .section-inner { padding: 4rem 0 !important; }
}