:root{--green: #ccff11;--green-dim: rgba(204, 255, 17, .15);--green-glow: rgba(204, 255, 17, .3);--glass-bg: rgba(6, 29, 34, .7);--glass-border: rgba(204, 255, 17, .12);--shine: rgba(204, 255, 17, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#061d22;color:#fff;min-height:100vh;overflow-x:hidden;user-select:none;-webkit-user-select:none}#logo-clickable polygon,#logo-clickable rect,#logo-clickable polyline{fill:#cf1;stroke-width:5px;stroke:#cf1}.bg-static{position:fixed;inset:0;z-index:-3;width:100%;height:100%;background:url(/bg-poster.jpg) center/cover no-repeat}.bg-video{position:fixed;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.bg-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#000b;opacity:0;transition:opacity .4s ease}body.low-perf .bg-overlay{opacity:1}@media(prefers-reduced-motion:reduce){.bg-video{display:none}.bg-static{z-index:-2}}video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}video::-webkit-media-controls{display:none!important}.particle-overlay{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}body.low-perf .particle-overlay{display:none!important}.svg-filters{position:absolute;width:0;height:0}.main-container{position:fixed;inset:0}.view{display:none;padding:2rem 2.5rem;text-align:center;animation:fadeIn .3s ease forwards}.view.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;border-radius:2rem;cursor:default;transition:width .45s cubic-bezier(.16,1,.3,1),min-height .45s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 6px #0003,0 0 20px #0000001a;min-width:320px;min-height:300px;width:min(420px,calc(100vw - 2rem));max-width:min(100%,calc(100vw - 2rem))}.glass-panel.mode-servicios{width:min(560px,calc(100vw - 2rem))}.glass-panel.is-dragging{transition:none!important}.glass-panel .glass-effect{position:absolute;z-index:0;inset:0;backdrop-filter:blur(3px);filter:url(#glass-distortion);overflow:hidden;isolation:isolate;border-radius:inherit}.glass-panel .glass-tint{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,var(--glass-bg),rgba(255,255,255,.05));border-radius:inherit}.glass-panel .glass-shine{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;box-shadow:inset 2px 2px 1px 0 var(--shine),inset -1px -1px 1px 1px var(--shine)}.glass-panel .glass-content{position:relative;z-index:3;border-radius:inherit}.dock{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100}.dock-glass{position:relative;display:flex;overflow:hidden;border-radius:2rem;transition:all .4s cubic-bezier(.175,.885,.32,2.2);box-shadow:0 6px 6px #0003,0 0 20px #0000001a}.dock-glass .glass-effect{position:absolute;z-index:0;inset:0;backdrop-filter:blur(3px);filter:url(#glass-distortion);overflow:hidden;isolation:isolate;border-radius:inherit}.dock-glass .glass-tint{position:absolute;z-index:1;inset:0;background:linear-gradient(135deg,var(--glass-bg),rgba(255,255,255,.05));border-radius:inherit}.dock-glass .glass-shine{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:inherit;box-shadow:inset 2px 2px 1px 0 var(--shine),inset -1px -1px 1px 1px var(--shine)}.dock-glass .dock-items{position:relative;z-index:3;display:flex;gap:.5rem;padding:.5rem;border-radius:inherit}.dock-item{padding:.7rem 1.8rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.18);background:#ffffff40;color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;transition:all .3s ease;opacity:.7;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dock-item:hover{opacity:.9}.dock-item.active{opacity:1;background:#00000073;border-color:#ffffff40;box-shadow:inset -2px -2px 2px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.logo-wrapper{position:relative;display:inline-block;border-radius:1.5rem;overflow:hidden;margin:1rem;fill:#fff;color:#fff}.view .logo-img{max-width:clamp(200px,25vw,350px);height:auto;display:block;opacity:.95;position:relative;z-index:1;user-select:none;-webkit-user-select:none}.view .subtitle{font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;margin-top:.5rem;letter-spacing:.3em;text-transform:uppercase;text-align:center;color:#cf1;text-shadow:0 0 20px rgba(204,255,17,.5),0 0 40px rgba(204,255,17,.3);user-select:none;-webkit-user-select:none}.view .section-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:.1em;text-shadow:0 0 20px #061d22}.projects-grid{display:flex;justify-content:center;align-items:stretch;gap:1.25rem;flex-wrap:wrap}.project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;position:relative;padding:1.5rem 1.25rem;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,2.2);cursor:pointer;text-align:center;flex:1 1 120px;max-width:140px}.project-card h3{font-size:.95rem;font-weight:400;letter-spacing:.05em;opacity:.8;color:#fff;transition:opacity .3s ease,color .3s ease}.project-icon{width:68px;height:68px;display:block;object-fit:contain;transition:transform .3s cubic-bezier(.175,.885,.32,2.2)}.project-card:hover{transform:translateY(-4px) scale(1.04);border-color:#ccff1173;background:#00000073;box-shadow:inset -2px -2px 2px #00000026,0 0 30px #ccff1126;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.project-card:hover .project-icon{transform:scale(1.08)}.project-card:hover h3{opacity:1;color:var(--green)}#view-servicios.active .section-title{animation:serviceTitleIn .4s cubic-bezier(.16,1,.3,1) .08s backwards}#view-servicios.active .project-card{animation:serviceCardIn .45s cubic-bezier(.16,1,.3,1) backwards}#view-servicios.active .project-card:nth-child(1){animation-delay:.18s}#view-servicios.active .project-card:nth-child(2){animation-delay:.27s}#view-servicios.active .project-card:nth-child(3){animation-delay:.36s}#view-servicios.active .project-card:nth-child(1) .project-icon{animation:serviceIconIn .5s cubic-bezier(.34,1.56,.64,1) .22s backwards}#view-servicios.active .project-card:nth-child(2) .project-icon{animation:serviceIconIn .5s cubic-bezier(.34,1.56,.64,1) .31s backwards}#view-servicios.active .project-card:nth-child(3) .project-icon{animation:serviceIconIn .5s cubic-bezier(.34,1.56,.64,1) .4s backwards}@keyframes serviceTitleIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes serviceCardIn{0%{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes serviceIconIn{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}body.low-perf #view-servicios.active .project-card,body.low-perf #view-servicios.active .project-icon{animation-duration:.25s!important}@media(max-width:600px){.main-container{display:flex;align-items:center;justify-content:center;padding:1rem}.glass-panel,.glass-panel.mode-servicios{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:440px!important;min-width:0!important;margin:0 auto}.view{padding:1.5rem .8rem}.dock{bottom:1rem}.dock-item{padding:.6rem 1.2rem;font-size:.85rem}.projects-grid{gap:.5rem}.project-card{padding:1rem .4rem;flex:1 1 80px;min-width:0;max-width:105px}.project-icon{width:48px;height:48px}.project-card h3{font-size:.8rem}}.logo-piece{opacity:0;transform-box:view-box;animation:logoAssemble .5s cubic-bezier(.34,1.56,.64,1) forwards}.piece-a{transform-origin:0px 0px;animation-delay:0s}.piece-b{transform-origin:0px 1024px;animation-delay:80ms}.piece-c{transform-origin:1024px 0px;animation-delay:.16s}.piece-d{transform-origin:1024px 1024px;animation-delay:.24s}.piece-g{transform-origin:0px 512px;animation-delay:.35s}.piece-f{transform-origin:512px 1024px;animation-delay:.42s}.piece-i{transform-origin:1024px 512px;animation-delay:.49s}.piece-h{transform-origin:512px 0px;animation-delay:.56s}.piece-e{transform-origin:512px 700px;animation-delay:.7s}@keyframes logoAssemble{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:1;transform:scale(1)}}.social-links{position:fixed;top:2rem;left:2rem;right:auto;z-index:200;display:flex;gap:.75rem}.social-link{color:#fff;text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;transition:all .3s ease;border-radius:.25rem}.social-link:hover{background:var(--green);color:#061d22}@media(max-width:600px){.social-links{top:1rem;left:50%;transform:translate(-50%);width:100%;justify-content:center;gap:.25rem}.social-link{font-size:.75rem;padding:.35rem .6rem}}