body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]){--v-bg:#080c11;--v-panel:#0c1219;--v-panel-2:#101821;--v-line:#ffffff13;--v-line-soft:#ffffff0b;--v-teal:#72dfcf;--v-teal-2:#1d9685;--v-copy:#9aa6b3}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type{background:radial-gradient(700px 420px at 75% 38%,#2db39f1c,#0000 70%),radial-gradient(520px 300px at 10% 8%,#4a668b13,#0000 70%)}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type>div:last-child>div:first-child{padding-block:1.25rem}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type h1{background:linear-gradient(#fff 0%,#eef5f3 74%,#cbd7d4 100%);-webkit-background-clip:text;background-clip:text;max-width:12ch;letter-spacing:-.065em!important;color:#0000!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type h1+p{max-width:38rem;color:#a8b3bf!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type a[href=\/demo]>button{border:1px solid #89f4e126;background:linear-gradient(#239c8a 0%,#177d6f 100%)!important;box-shadow:0 14px 36px #09584c47,inset 0 1px #ffffff1f!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type a[href=\/contacto]>button{box-shadow:inset 0 1px #ffffff09;background:#ffffff06!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type>div:last-child>div:last-child>div:nth-child(2){transform-origin:50%;border-radius:22px;transform:perspective(1200px)rotateY(-1.2deg)rotateX(.35deg);background:linear-gradient(#101821fa,#080d13fa)!important;border-color:#ffffff17!important;padding:10px!important;box-shadow:0 44px 100px #0000006b,0 14px 34px #00000047,inset 0 1px #ffffff0e!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type>div:last-child>div:last-child>div:nth-child(2)>div{border-radius:15px;overflow:hidden;background:#0b1118!important;border-color:#ffffff13!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type>div:last-child>div:last-child>div:nth-child(2):before{content:"";background:radial-gradient(circle at 13px 14px,#ff6f66 0 3px,#0000 3.5px),radial-gradient(circle at 27px 14px,#e6b94f 0 3px,#0000 3.5px),radial-gradient(circle at 41px 14px,#58b98b 0 3px,#0000 3.5px),linear-gradient(#ffffff09,#ffffff03);border:1px solid #ffffff0b;border-radius:10px 10px 6px 6px;height:28px;margin:-2px 0 8px;display:block}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=producto]>div>div:last-child{background:0 0!important;border:0!important;gap:14px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=producto] article{border:1px solid #ffffff12;border-radius:18px;box-shadow:inset 0 1px #ffffff06;background:radial-gradient(300px 180px at 12% 0,#4cc8b50e,#0000 70%),linear-gradient(#0e151d 0%,#0a1016 100%)!important;min-height:255px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=producto] article:hover{border-color:#72dfcf2e!important;transform:translateY(-4px)!important;box-shadow:0 28px 65px #00000040,inset 0 1px #ffffff0b!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=producto] article>svg{box-sizing:content-box;background:#72dfcf11;border:1px solid #72dfcf1f;border-radius:12px;padding:10px;width:20px!important;height:20px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section:nth-of-type(3)>div>div:last-child{gap:10px;display:grid;border-top:0!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section:nth-of-type(3)>div>div:last-child>div{background:#ffffff05;border-radius:14px;border:1px solid #fff1!important;padding:21px 22px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section:nth-of-type(3)>div>div:last-child>div:hover{background:#ffffff07;border-color:#72dfcf1f!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas]>div>div:nth-child(2){background:0 0!important;gap:18px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article{border:1px solid #ffffff13;border-radius:22px;box-shadow:inset 0 1px #ffffff08;background:radial-gradient(420px 240px at 100% 0,#329d8f0e,#0000 72%),linear-gradient(#0e151d 0%,#0a1016 100%)!important;padding:clamp(1.8rem,3vw,3.1rem)!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article:hover{border-color:#72dfcf29!important;transform:translateY(-3px)!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article h3{letter-spacing:-.045em!important;font-size:clamp(1.85rem,2.5vw,2.6rem)!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article>div:last-child{border-top-color:#fff1!important;margin-top:30px!important;padding-top:18px!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article>div:last-child span:last-child{color:#c2ccc9!important;font-size:13px!important;font-weight:500!important}:is(body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:nth-of-type(3),body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section[id=empresas]){background:radial-gradient(720px 380px at 12% 20%,#2a786f0b,#0000 70%),#0a0f15!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) footer{background:#070b10!important}@media (max-width:1023px){body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type>div:last-child>div:last-child>div:nth-child(2){border-radius:17px;transform:none}}@media (max-width:640px){body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type{min-height:auto}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"])>section:first-of-type h1{max-width:none}:is(body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=producto] article,body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) section[id=empresas] article){border-radius:15px}}@media (prefers-reduced-motion:reduce){body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}body>main:has(nav a[href=\/demo]):has(nav a[href="/auth/login"]) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}