@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&family=Playfair+Display:ital,wght@1,600&display=swap";.container{animation:fadeInUp .8s ease-out}.main{display:flex;flex-direction:column;align-items:center;gap:36px}.brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:6px;align-items:center}.logo{width:72px;max-width:100%;height:auto;margin:0;display:block;transition:transform .3s ease;object-fit:contain;grid-row:1 / span 2}.brand-first{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 10px 28px rgba(10,15,30,.55);align-self:end}.brand-last{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 8px 22px rgba(8,12,30,.45);align-self:start}.logo:hover{transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;background:linear-gradient(to bottom,#0b0b2b,#1b2735 70%,#090a0f);overflow:hidden;color:#333}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:20px;padding:40px;box-shadow:none;text-align:center;max-width:500px;width:100%;position:relative;z-index:10;border:none}.title{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#4a90e2,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.links-scroll{max-height:68vh;overflow-y:auto;padding-right:6px;margin-right:-6px;scrollbar-width:none}.links-scroll::-webkit-scrollbar{width:0;height:0}.links-container{display:flex;flex-direction:column;gap:32px}.link-section{display:flex;flex-direction:column;gap:18px}.link-section-title{font-size:.95rem;letter-spacing:.42em;text-transform:uppercase;color:#d6dfffd1;text-align:center;opacity:.85}.link-section-items{display:flex;flex-direction:column;gap:16px}.link-item{display:flex;align-items:center;padding:15px 20px;background:#0c142d0d;border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(120,150,255,.12);box-shadow:0 10px 25px #080c1e40;justify-content:space-between;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.link-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5a78ff2e,#1e28500d);opacity:0;transition:opacity .3s ease;pointer-events:none}.link-item:hover:after{opacity:1}.link-item:hover{transform:translateY(-2px);border-color:#96b4ff40;box-shadow:0 16px 35px #0c122359;background:#0c142d14}.link-item:active{transform:scale(.98);box-shadow:0 3px 10px #00000040}.link-icon{width:32px;height:32px;margin-right:15px;flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px}.link-content{flex:1;display:flex;flex-direction:column}.link-external{width:28px;height:28px;color:#ccc6;display:flex;align-items:center;justify-content:center;margin-left:15px;flex-shrink:0;transition:all .3s ease;font-size:20px;opacity:0;transform:scale(0)}.link-item:hover .link-external{opacity:1;transform:scale(1);color:#ccc}.link-item[href*=portfolio]:hover .link-external{color:#4a90e2}.link-item[href*=servicios]:hover .link-external{color:#ff6b6b}.link-item[href*=instagram]:hover .link-external{color:#e1306c}.link-item[href*=linkedin]:hover .link-external{color:#0077b5}.link-text{font-weight:600;font-size:1rem}.link-description{font-size:.9rem;color:#ccc;margin-top:2px}.link-item[href*=portfolio] .link-icon{color:#4a90e2}.link-item[href*=servicios] .link-icon{color:#ff6b6b}.link-item[href*=instagram] .link-icon{color:#e1306c}.link-item[href*=linkedin] .link-icon{color:#0077b5}.link-item[href*=whatsapp] .link-icon,.link-item[href*=whatsapp] .link-external{color:#25d366}.link-item[href*=whatsapp]:hover .link-external{color:#32f078}@media (max-width: 600px){.container{padding:30px 20px;margin:10px}.links-scroll{max-height:70vh;padding-right:4px;margin-right:-4px}.title{font-size:2rem}}.stars{width:1px;height:1px;position:absolute;background:#fff;box-shadow:2vw 5vh 2px #fff,10vw 8vh 2px #fff,15vw 15vh 1px #fff,22vw 22vh 1px #fff,28vw 12vh 2px #fff,32vw 32vh 1px #fff,38vw 18vh 2px #fff,42vw 35vh 1px #fff,48vw 25vh 2px #fff,53vw 42vh 1px #fff,58vw 15vh 2px #fff,63vw 38vh 1px #fff,68vw 28vh 2px #fff,73vw 45vh 1px #fff,78vw 32vh 2px #fff,83vw 48vh 1px #fff,88vw 20vh 2px #fff,93vw 52vh 1px #fff,98vw 35vh 2px #fff,5vw 60vh 1px #fff,12vw 65vh 2px #fff,18vw 72vh 1px #fff,25vw 78vh 2px #fff,30vw 85vh 1px #fff,35vw 68vh 2px #fff,40vw 82vh 1px #fff,45vw 92vh 2px #fff,50vw 75vh 1px #fff,55vw 88vh 2px #fff,60vw 95vh 1px #fff,65vw 72vh 2px #fff,70vw 85vh 1px #fff,75vw 78vh 2px #fff,80vw 92vh 1px #fff,85vw 82vh 2px #fff,90vw 88vh 1px #fff,95vw 75vh 2px #fff;animation:twinkle 8s infinite linear}.shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,white,transparent);animation:shoot 3s infinite ease-in}.shooting-star:nth-child(1){top:20%;left:-100px;animation-delay:0s}.shooting-star:nth-child(2){top:35%;left:-100px;animation-delay:1s}.shooting-star:nth-child(3){top:50%;left:-100px;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.4}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(25deg);opacity:1}to{transform:translate(120vw) translateY(50vh) rotate(25deg);opacity:0}}.stars:after{content:"";position:absolute;width:1px;height:1px;background:#fff;box-shadow:8vw 12vh 2px #fff,16vw 18vh 1px #fff,24vw 25vh 2px #fff,33vw 15vh 1px #fff,41vw 28vh 2px #fff,49vw 35vh 1px #fff,57vw 22vh 2px #fff,65vw 42vh 1px #fff,73vw 28vh 2px #fff,81vw 48vh 1px #fff,89vw 32vh 2px #fff,97vw 45vh 1px #fff,3vw 68vh 2px #fff,11vw 75vh 1px #fff,19vw 82vh 2px #fff,27vw 88vh 1px #fff,35vw 72vh 2px #fff,43vw 85vh 1px #fff,51vw 92vh 2px #fff,59vw 78vh 1px #fff;animation:twinkle 6s infinite linear reverse}
