body{font-family:Inter,sans-serif;background-color:#0a0a0a;color:#fff;scroll-behavior:smooth}#aurora-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.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}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #23d2b4;outline-offset:2px;border-radius:4px}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.25rem;cursor:pointer}.nav-dropdown-trigger .material-symbols-outlined{font-size:1rem;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-trigger .material-symbols-outlined{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:.75rem;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu-inner{background:rgba(10,10,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.5rem;min-width:280px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.nav-dropdown-item{display:block;padding:.75rem 1rem;font-size:.875rem;color:rgba(255,255,255,.6);border-radius:.5rem;transition:color .15s,background .15s;text-decoration:none}.nav-dropdown-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-dropdown-item.active{color:#23d2b4}.mobile-dropdown-items{display:none;flex-direction:column;gap:.5rem;padding-left:1.5rem;padding-top:.5rem}.mobile-dropdown-items.open{display:flex}.mobile-dropdown-toggle .material-symbols-outlined{font-size:1.5rem;transition:transform .2s}.mobile-dropdown-toggle.open .material-symbols-outlined{transform:rotate(180deg)}.glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:rgba(35,210,180,.3);background:rgba(255,255,255,.06);transform:translateY(-5px);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}@keyframes gradient-x{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.animate-gradient{animation:gradient-x 8s ease infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out both}:root{--backdrop:hsl(0 0% 60% / 0.12);--radius:14;--border:3;--backup-border:var(--backdrop);--size:200;--outer:1}.glow-card{--base:220;--spread:500;--hue:calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));--border-size:calc(var(--border, 2) * 1px);--spotlight-size:calc(var(--size, 150) * 1px);background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px),hsl(var(--hue,210) calc(var(--saturation,100) * 1%) calc(var(--lightness,70) * 1%)/ var(--bg-spot-opacity,.1)),transparent);background-color:var(--backdrop,transparent);background-size:100% 100%;background-position:center;border:var(--border-size) solid var(--backup-border);position:relative;touch-action:none;border-radius:calc(var(--radius) * 1px);overflow:hidden}.glow-card::after,.glow-card::before{pointer-events:none;content:"";position:absolute;inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-size:100% 100%;background-repeat:no-repeat;background-position:center;mask:linear-gradient(transparent,transparent),linear-gradient(white,white);-webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);mask-clip:padding-box,border-box;-webkit-mask-clip:padding-box,border-box;mask-composite:intersect;-webkit-mask-composite:source-in}.glow-card::before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px),hsl(var(--hue,210) calc(var(--saturation,100) * 1%) calc(var(--lightness,50) * 1%)/ var(--border-spot-opacity,1)),transparent 100%);filter:brightness(2);z-index:2}.glow-card::after{background-image:radial-gradient(calc(var(--spotlight-size) * .5) calc(var(--spotlight-size) * .5) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px),hsl(0 100% 100% / var(--border-light-opacity,1)),transparent 100%);z-index:2}.grid-card{position:relative;overflow:hidden;background-color:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.05);transition:background-color .3s ease,border-color .3s ease}.grid-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:30px 30px;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);pointer-events:none;z-index:0}.grid-card:hover{background-color:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}.beam-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.chaos-container{background:linear-gradient(135deg,rgba(239,68,68,.25) 0,rgba(80,40,40,.95) 100%);border:1px solid rgba(239,68,68,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(239,68,68,.25),inset 0 1px 0 rgba(255,255,255,.1);position:relative;z-index:10}.order-container{background:linear-gradient(135deg,rgba(35,210,180,.25) 0,rgba(20,80,70,.95) 100%);border:1px solid rgba(35,210,180,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(35,210,180,.25),inset 0 1px 0 rgba(255,255,255,.1);position:relative;z-index:10}.icon-chaos{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.3)}.icon-order{color:#23d2b4;text-shadow:0 0 15px rgba(35,210,180,.3)}.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0a0a0a;border:1px solid rgba(255,255,255,.1);padding:.5rem;border-radius:50%;z-index:20;font-size:.75rem;font-weight:700;color:rgba(255,255,255,.4);backdrop-filter:blur(4px)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.22, 1, .36, 1);visibility:hidden}.reveal.active{opacity:1;transform:translateY(0);visibility:visible}.delay-100{transition-delay:0.1s}.delay-200{transition-delay:0.2s}.delay-300{transition-delay:0.3s}.delay-400{transition-delay:0.4s}.delay-500{transition-delay:0.5s}.reveal-scale{opacity:0;transform:scale(.95) translateY(20px);transition:all .8s cubic-bezier(.22, 1, .36, 1);visibility:hidden}.reveal-scale.active{opacity:1;transform:scale(1) translateY(0);visibility:visible}.glow-btn{--btn-bg:#0a0a0a;--btn-border:rgba(35, 210, 180, 0.2);--glow-color:#23d2b4;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);overflow:hidden;backdrop-filter:blur(8px)}.glow-btn::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(35,210,180,.15),transparent 70%);opacity:0;transition:opacity .3s ease}.glow-btn:hover{border-color:rgba(35,210,180,.5);box-shadow:0 0 20px rgba(35,210,180,.15);transform:translateY(-1px)}.glow-btn:hover::before{opacity:1}.glow-btn:active,.glow-btn[data-state=clicked]{transform:scale(.96);background:rgba(35,210,180,.1)}.glow-btn .glow-icon{transition:transform .3s ease}.glow-btn:hover .glow-icon{transform:scale(1.1) rotate(5deg)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-scale{opacity:1;transform:none;transition:none;visibility:visible}.animate-fade-in-up,.animate-float,.animate-gradient,.animate-ping,.animate-pulse,.os-center-glow,.qt-anim-dash,.qt-anim-flow,.qt-anim-heartbeat,.service-hero-icon,.service-hero-ring-1,.service-hero-ring-2,.service-hero-ring-3{animation:none}.qt-illus svg *{animation:none!important}.qt-illus svg animate,.qt-illus svg animateMotion,.qt-illus svg animateTransform{display:none}.glass-card:hover,.glow-btn:hover{transform:none}}.service-hero-ring{position:absolute;border-radius:50%;border:1px solid}.service-hero-ring-1{width:14rem;height:14rem;border-color:rgba(35,210,180,.15);animation:service-ring-pulse 4s ease-in-out infinite}.service-hero-ring-2{width:20rem;height:20rem;border-color:rgba(25,121,192,.1);animation:service-ring-pulse 4s ease-in-out 1.3s infinite}.service-hero-ring-3{width:26rem;height:26rem;border-color:rgba(35,210,180,.05);animation:service-ring-pulse 4s ease-in-out 2.6s infinite}@keyframes service-ring-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.5}}.service-hero-icon-wrapper{position:relative;z-index:10;width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;background:rgba(35,210,180,.08);border:1px solid rgba(35,210,180,.2);border-radius:1.5rem;box-shadow:0 0 60px rgba(35,210,180,.15),0 0 120px rgba(25,121,192,.08)}.service-hero-icon{font-size:3.5rem;color:#23d2b4;animation:service-icon-float 3s ease-in-out infinite}@keyframes service-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (min-width:768px){.service-hero-icon-wrapper{width:10rem;height:10rem;border-radius:2rem}.service-hero-icon{font-size:4.5rem}}#orbiting-skills{width:100%}.os-wrapper{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto;background:radial-gradient(circle at 50% 50%,rgba(35,210,180,.08) 0,rgba(25,121,192,.05) 40%,transparent 70%)}.os-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.os-orbit-0{border:1px solid rgba(35,210,180,.12);box-shadow:0 0 30px rgba(35,210,180,.05),inset 0 0 30px rgba(35,210,180,.03)}.os-orbit-1{border:1px solid rgba(25,121,192,.08);box-shadow:0 0 40px rgba(25,121,192,.04),inset 0 0 40px rgba(25,121,192,.02)}.os-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:linear-gradient(135deg,rgba(30,30,30,.9),rgba(10,10,10,.95));border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 4px 20px rgba(0,0,0,.5)}.os-center-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(35,210,180,.15),transparent 70%);animation:os-center-pulse 3s ease-in-out infinite}@keyframes os-center-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.os-center-svg{width:28px;height:28px;position:relative;z-index:1}.os-center-icon{font-size:28px;background:linear-gradient(135deg,#23d2b4,#1979c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.os-skill{position:absolute;top:50%;left:50%;z-index:10;cursor:pointer}.os-skill-inner{width:100%;height:100%;padding:6px;background:rgba(30,30,30,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .3s ease,box-shadow .3s ease}.os-skill:hover .os-skill-inner{transform:scale(1.25);box-shadow:0 0 20px rgba(35,210,180,.3),0 0 40px rgba(25,121,192,.15)}.os-skill:hover{z-index:20}.os-skill-img,.os-skill-inner svg{width:100%;height:100%;display:block}.os-skill-label{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);padding:2px 8px;background:rgba(10,10,10,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:4px;font-size:.6875rem;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease}.os-skill:hover .os-skill-label{opacity:1}@media (max-width:767px){.os-wrapper{max-width:390px}.os-center{width:48px;height:48px}.os-center-svg{width:22px;height:22px}}.qt-wrapper{width:100%;max-width:100%;margin:0 auto;padding:2rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.qt-nav{display:flex;align-items:center;justify-content:space-between}.qt-nav-brand{display:flex;align-items:center;gap:1rem}.qt-brand-icon{width:2.5rem;height:2.5rem;background:rgba(35,210,180,.15);color:#23d2b4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.qt-brand-icon .material-symbols-outlined{font-size:1.25rem}.qt-brand-text{font-size:1.25rem;font-weight:700;color:#fff}.qt-nav-pills{display:none;align-items:center;gap:.5rem;padding:.25rem;background:rgba(255,255,255,.05);border-radius:9999px}@media (min-width:768px){.qt-nav-pills{display:flex}}.qt-pill{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.4);background:0 0;border:none;cursor:pointer;transition:all .3s ease}.qt-pill:hover{color:#23d2b4;background:rgba(35,210,180,.08)}.qt-pill-active{background:rgba(35,210,180,.15);color:#23d2b4;box-shadow:0 1px 3px rgba(0,0,0,.2)}.qt-content{margin-top:3rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:768px){.qt-content{grid-template-columns:1fr 1fr}}.qt-text{transition:opacity .3s ease,transform .3s ease}.qt-fade-out{opacity:0;transform:translateY(-12px)}.qt-fade-in{animation:qtFadeIn .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes qtFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qt-step-id{font-size:.875rem;font-weight:700;color:#23d2b4}.qt-title{font-size:1.875rem;font-weight:700;color:#fff;margin-top:.5rem;line-height:1.2}.qt-subtitle{margin-top:.25rem;color:rgba(255,255,255,.5);font-size:1rem}.qt-description{margin-top:1rem;color:rgba(255,255,255,.7);line-height:1.7}.qt-details{margin-top:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:640px){.qt-details{grid-template-columns:1fr 1fr}}.qt-detail{display:flex;align-items:center;gap:.75rem}.qt-detail-check{width:1.25rem;height:1.25rem;background:rgba(35,210,180,.15);color:#23d2b4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;flex-shrink:0}.qt-detail span{font-size:.875rem;color:rgba(255,255,255,.7)}.qt-duration{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(35,210,180,.15);border-radius:.5rem}.qt-duration-icon{color:#23d2b4;font-size:1.25rem}.qt-duration-text{font-size:.875rem;font-weight:600;color:#23d2b4}.qt-illus-col{display:flex;align-items:center;justify-content:center}.qt-illus{width:100%;max-width:420px;transition:opacity .3s ease,transform .3s ease}.qt-illus svg{width:100%;height:auto;display:block}@keyframes qt-anim-dash{from{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.qt-anim-dash{animation:qt-anim-dash 1.5s linear infinite}@keyframes qt-anim-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-37}}.qt-anim-flow{animation:qt-anim-flow 2s linear infinite}@keyframes qt-anim-heartbeat{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}.qt-anim-heartbeat{stroke-dasharray:60 740;animation:qt-anim-heartbeat 3s linear infinite}.qt-timeline{margin-top:4rem}.qt-timeline-track{position:relative;width:100%;height:.25rem;background:rgba(255,255,255,.1);border-radius:9999px}.qt-timeline-fill{position:absolute;height:100%;background:#23d2b4;border-radius:9999px;width:0%;transition:width .5s cubic-bezier(.22, 1, .36, 1)}.qt-timeline-dot{position:absolute;width:1rem;height:1rem;top:-.375rem;left:-8px;border-radius:50%;background:#23d2b4;box-shadow:0 0 0 4px rgba(35,210,180,.2);transition:left .5s cubic-bezier(.22, 1, .36, 1)}.qt-timeline-labels{display:flex;justify-content:space-between;margin-top:1rem}.qt-timeline-label{text-align:center;width:25%;background:0 0;border:none;cursor:pointer;padding:.25rem 0;transition:color .3s ease}.qt-timeline-label-id{display:block;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.3);transition:color .3s ease}.qt-timeline-label-title{display:block;font-size:.75rem;margin-top:.25rem;color:rgba(255,255,255,.2);transition:color .3s ease}.qt-timeline-label-active .qt-timeline-label-id{color:#23d2b4}.qt-timeline-label-active .qt-timeline-label-title{color:rgba(255,255,255,.6)}@media (max-width:768px){.qt-wrapper{padding:1.5rem}.qt-title{font-size:1.5rem}.qt-illus{max-width:320px;margin:0 auto}.qt-timeline{margin-top:2.5rem}.qt-timeline-label-title{font-size:.625rem}}@media (max-width:1024px){#contacto{padding-top:6rem!important;padding-bottom:6rem!important}}@media (max-width:768px){#contacto{padding-top:5rem!important;padding-bottom:5rem!important}}@media (max-width:1024px){.py-32,section.py-32{padding-top:4rem!important;padding-bottom:4rem!important}}@media (max-width:768px){.py-32,section.py-32{padding-top:3rem!important;padding-bottom:3rem!important}.gap-24{gap:3rem!important}.gap-16{gap:2rem!important}}@media (hover:none){.glow-card{touch-action:auto;background-image:none}.glow-card::before,.glow-card::after{display:none}}@supports not (backdrop-filter:blur(1px)){.nav-dropdown-menu-inner{background:rgba(10,10,10,.98)}.glass-card{background:rgba(255,255,255,.05)}.chaos-container{background:rgba(80,40,40,.98)}.order-container{background:rgba(20,80,70,.98)}.os-skill-inner{background:rgba(30,30,30,.98)}.os-skill-label{background:rgba(10,10,10,.98)}.qt-wrapper{background:rgba(10,10,10,.95)}.vs-badge{background:rgba(10,10,10,.98)}.glow-btn{background:rgba(10,10,10,.98)}}