@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #010409;--text-primary: #ffffff;--text-secondary: #8b949e;--accent-cyan: #00f0ff;--accent-blue: #0066ff;--accent-purple: #b537f2;--accent-pink: #f700ff;--font-family: "Outfit", sans-serif;--transition-normal: .5s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(0,240,255,.2),transparent 60%),radial-gradient(circle at 50% 100%,rgba(181,55,242,.2),transparent 60%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100vw 100vh,100vw 100vh,40px 40px,40px 40px;background-attachment:fixed;background-repeat:no-repeat;animation:pulse-bg 15s ease-in-out infinite alternate}@keyframes pulse-bg{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.02);filter:brightness(1.2)}}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.6;animation:float 20s infinite ease-in-out alternate}body:before{width:40vw;height:40vw;background:var(--accent-blue);top:-10vw;left:-10vw}body:after{width:30vw;height:30vw;background:var(--accent-purple);bottom:-5vw;right:-5vw;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}to{transform:translate(-5%,5%) scale(.9)}}.portal-container{max-width:1600px;margin:0 auto;padding:6rem 2rem;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;z-index:1}.portal-header{text-align:center;margin-bottom:6rem;animation:fade-in-down 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(-30px)}.portal-title{font-size:5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1.5rem;background:linear-gradient(to right,#fff,var(--accent-cyan),var(--accent-blue),#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite;text-shadow:0 0 40px rgba(0,240,255,.3)}@keyframes shine{to{background-position:200% center}}.portal-subtitle{font-size:1.4rem;color:var(--text-secondary);max-width:700px;margin:0 auto;font-weight:300;line-height:1.6;letter-spacing:.02em}.services-grid{display:grid;gap:3rem;grid-template-columns:repeat(1,1fr);width:100%}@media (min-width: 640px){.services-grid{grid-template-columns:repeat(2,1fr);align-items:stretch}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:900px;margin:0 auto}}.service-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;min-height:420px;border-radius:20px;overflow:hidden;transition:all var(--transition-normal);background:rgba(10,15,30,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;opacity:0;animation:fade-in-up 1s cubic-bezier(.16,1,.3,1) forwards}.service-card:nth-child(1){animation-delay:.2s}.service-card:nth-child(2){animation-delay:.4s}.service-card:nth-child(3){animation-delay:.6s}.service-card:nth-child(4){animation-delay:.8s}.service-logo-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0;transition:transform .8s cubic-bezier(.25,1.2,.5,1);overflow:hidden}.service-logo{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.35;filter:contrast(1.2) brightness(1.2);transition:all .8s cubic-bezier(.34,1.56,.64,1);transform:scale(1.15) translateY(-5%)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,30,.95) 0%,rgba(10,15,30,.4) 50%,transparent 100%);z-index:1;pointer-events:none;transition:opacity var(--transition-normal)}.service-info{position:relative;z-index:2;padding:3rem 2.5rem;text-align:center;transform:translateY(10px);transition:transform var(--transition-normal)}.service-title{color:var(--text-primary);font-size:2.2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:.02em;text-transform:uppercase;transition:color var(--transition-normal)}.service-desc{color:var(--text-secondary);font-size:1.2rem;font-weight:300;opacity:.9;transition:opacity var(--transition-normal)}.service-card:hover{transform:translateY(-5px) scale(1.02);border-color:#ffffff4d;box-shadow:0 30px 60px #0009,inset 0 0 20px #ffffff0d}.service-card:hover .service-logo-container{transform:scale(1.05)}.service-card:hover .service-logo{opacity:.8;filter:contrast(1.3) brightness(1.2);transform:scale(1.25) translateY(-5%)}.card-bazar:hover{border-color:#f59e0b80;box-shadow:0 20px 50px #f59e0b33}.card-bazar:hover .service-logo{filter:drop-shadow(0 0 40px rgba(245,158,11,.6)) grayscale(0%) opacity(1)}.card-bazar:hover .service-title{color:#f59e0b;text-shadow:0 0 20px rgba(245,158,11,.6)}.card-inmuebles:hover{border-color:#14b8a680;box-shadow:0 20px 50px #14b8a633}.card-inmuebles:hover .service-logo{filter:drop-shadow(0 0 40px rgba(20,184,166,.6)) grayscale(0%) opacity(1)}.card-inmuebles:hover .service-title{color:#14b8a6;text-shadow:0 0 20px rgba(20,184,166,.6)}.card-dev:hover{border-color:#00f0ff80;box-shadow:0 20px 50px #00f0ff33}.card-dev:hover .service-logo{filter:drop-shadow(0 0 40px rgba(0,240,255,.6)) grayscale(0%) opacity(1)}.card-dev:hover .service-title{color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,240,255,.6)}.card-legal:hover{border-color:#b537f280;box-shadow:0 20px 50px #b537f233}.card-legal:hover .service-logo{filter:drop-shadow(0 0 40px rgba(181,55,242,.6)) grayscale(0%) opacity(1)}.card-legal:hover .service-title{color:var(--accent-purple);text-shadow:0 0 20px rgba(181,55,242,.6)}.service-card:hover .service-info{transform:translateY(0)}.service-card:hover .service-desc{opacity:1}#tsparticles{position:fixed;inset:0;z-index:0;pointer-events:auto}.portal-container{position:relative;z-index:10;pointer-events:none}.portal-header,.service-card{pointer-events:auto}@keyframes fade-in-down{to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}