html{scroll-behavior:smooth}html,body{margin:0;width:100%;min-height:100vh;background-color:var(--color-background)}body{background-image:radial-gradient(circle 700px at 80% 100px,rgba(159,32,239,.15),transparent),radial-gradient(circle 600px at 5% 600px,rgba(103,17,172,.1),transparent);background-repeat:no-repeat}.content-header{color:#fff;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 3rem;backdrop-filter:blur(10px)}.navbar-links{display:flex;justify-content:center;gap:2rem}.links{font-size:18px;text-decoration:none;color:#fff;transition:color .3s ease}.links:hover{color:var(--color-primary)}.links.active{color:var(--color-primary);font-weight:600}.navbar-logo-link{display:flex;position:relative;font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none;transition:color .3s ease}.navbar-logo-linkSpan{color:var(--color-primary)}.navbar-logo-link:before,.navbar-logo-link:after{position:absolute;color:var(--color-primary);opacity:0;transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.navbar-logo-link:before{content:"<";left:-.75em;transform:translate(.5em) rotate(90deg)}.navbar-logo-link:after{content:"/>";right:-1.3em;transform:translate(-.5em) rotate(-90deg)}.navbar-logo-link:hover:before,.navbar-logo-link:hover:after{opacity:1;transform:translate(0) rotate(0)}.navbar .contact-btn-mobile{display:none}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;padding:.5rem;cursor:pointer}.navbar-toggle span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:1024px){.navbar{padding:1rem 1.5rem}.navbar-links{gap:1.2rem}.links{font-size:16px}}@media(max-width:768px){.navbar-contact{display:none}.navbar-toggle{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0 2rem;background:#0b0913f2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(159,32,239,.25);visibility:hidden;opacity:0;transform:translateY(-8px);transition:all .3s ease}.navbar-links.open{visibility:visible;opacity:1;transform:translateY(0)}.navbar .contact-btn-mobile{display:inline-block}.links{font-size:18px}}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 70px)}.content-hero{display:grid;align-items:center;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;max-width:1200px;padding:0 2rem}.content-text{color:#fff;max-width:600px;gap:0;margin-top:.6rem;width:100%}.content-img{margin:2rem 0;border-radius:1rem}.content-img img{width:420px;aspect-ratio:1 / 1;object-fit:cover;object-position:30% 20%}.content-me{display:flex;align-items:center;justify-content:center;transition-duration:1s}.content-me:hover{scale:1.08}.content-btns{display:flex;gap:1rem;padding:8px 0}.available-text{display:inline-flex;align-items:center;gap:.5rem;border-radius:1000px;padding:.5rem 0;font-weight:700;font-size:.85rem;letter-spacing:.05em}.available-text:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80}.title-text,.name-text{font-size:4rem;margin:0}.subtitle-text{font-size:1.2rem;color:#ffffffbf;margin-bottom:3rem}.description-text{color:#fff9;line-height:1.6}.name-text{background-image:var(--color-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;display:block}.contact-btn{display:inline-block;background:var(--color-gradient);border:1px solid transparent;padding:.6rem 1.5rem;border-radius:12px;color:#fff;text-decoration:none;transition:all .5s ease}.contact-btn:hover{scale:1.1}.projects-btn{background:transparent;border:1px solid rgba(255,255,255,.2);padding:.5rem 1.5rem;border-radius:12px;color:#fff;text-decoration:none;transition:all .5s ease}.projects-btn:hover{scale:1.1}img{max-width:100%;height:auto;display:block;border-radius:.85rem}@media(max-width:768px){.content-btns{display:flex;align-items:center;justify-content:center}.content-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:1.5rem;margin:1rem}.content-me{order:-1}.title-text,.name-text{font-size:2.2rem}}.projects{display:flex;flex-direction:column;margin:4rem auto;max-width:1200px;padding-inline:2rem;scroll-margin-top:90px}.section-eyebrow{color:var(--color-primary);font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .5rem}.title-Proj{font-size:2.5rem;color:#fff;margin:0 0 3rem}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.personal-cards{grid-template-columns:repeat(2,1fr);max-width:900px}.personal-cards .content-img-projects .img{aspect-ratio:16 / 9;max-height:240px}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--color-card);border:1px solid rgba(159,32,239,.25);border-radius:1rem;overflow:hidden;transition:all .4s ease}.featured-card:hover{border-color:#9f20ef80}.featured-img{position:relative;min-height:320px}.featured-img{background:#fff}.featured-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3rem;box-sizing:border-box;display:block;border-radius:0}.featured-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:2.5rem}.featured-badge{display:inline-block;background:#9f20ef1f;border:1px solid rgba(159,32,239,.4);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;padding:.5rem 1.1rem;border-radius:1000px}.featured-title{color:#fff;text-decoration:none;font-family:Sora,sans-serif;font-size:2rem;font-weight:700;transition:all .3s ease}.featured-title:hover{background-image:var(--color-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.featured-description{color:#ffffffa6;font-size:1.1rem;line-height:1.7;margin:0}.featured-skills{display:flex;flex-wrap:wrap;gap:.6rem}@media(max-width:900px){.content-cards,.personal-cards,.featured-card{grid-template-columns:1fr}.featured-img{min-height:auto;aspect-ratio:16 / 10}.featured-content{padding:1.5rem}}.skills-tecno{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;max-width:1200px;margin:4rem auto;padding-inline:2rem;scroll-margin-top:90px}.skills-header{display:flex;flex-direction:column;align-items:flex-start}.title-skills{font-size:2.5rem;color:#fff;margin:0}.tech-sphere{position:relative;width:min(420px,80vw);aspect-ratio:1 / 1;margin:0 auto;cursor:grab;touch-action:none;user-select:none}.tech-sphere.grabbing{cursor:grabbing}.sphere-item{position:absolute;top:50%;left:50%;will-change:transform,opacity;pointer-events:none}.sphere-item svg{width:48px;height:48px;display:block}@media(max-width:768px){.skills-tecno{grid-template-columns:1fr}.skills-header{align-items:center}.title-skills{text-align:center}}svg[data-astro-cid-clv4nsuw]{transition-duration:1s}svg[data-astro-cid-clv4nsuw]:hover{scale:1.3}svg[data-astro-cid-2ejyuq5d]{transition-duration:1s}svg[data-astro-cid-2ejyuq5d]:hover{scale:1.3}svg[data-astro-cid-iwhmyrbm]{transition-duration:1s}svg[data-astro-cid-iwhmyrbm]:hover{scale:1.3}svg[data-astro-cid-v3berjjl]{transition-duration:1s}svg[data-astro-cid-v3berjjl]:hover{scale:1.3}svg[data-astro-cid-k4f4amcu]{transition-duration:1s}svg[data-astro-cid-k4f4amcu]:hover{scale:1.3}svg[data-astro-cid-7a4s5cmm]{transition-duration:1s}svg[data-astro-cid-7a4s5cmm]:hover{scale:1.3}svg[data-astro-cid-zhygrve2]{transition-duration:1s}svg[data-astro-cid-zhygrve2]:hover{scale:1.3}svg[data-astro-cid-hqdblccl]{transition-duration:1s}svg[data-astro-cid-hqdblccl]:hover{scale:1.3}svg[data-astro-cid-ptigseit]{transition-duration:1s}svg[data-astro-cid-ptigseit]:hover{scale:1.3}svg[data-astro-cid-hrlb4jby]{transition-duration:1s}svg[data-astro-cid-hrlb4jby]:hover{scale:1.3}svg[data-astro-cid-fcv57obe]{transition-duration:1s}svg[data-astro-cid-fcv57obe]:hover{scale:1.3}svg[data-astro-cid-6krtjjoa]{transition-duration:1s}svg[data-astro-cid-6krtjjoa]:hover{scale:1.3}svg[data-astro-cid-mnun7bpl]{transition-duration:1s}svg[data-astro-cid-mnun7bpl]:hover{scale:1.3}svg[data-astro-cid-ialmws5q]{transition-duration:1s}svg[data-astro-cid-ialmws5q]:hover{scale:1.3}svg[data-astro-cid-gqxbkrxx]{transition-duration:1s}svg[data-astro-cid-gqxbkrxx]:hover{scale:1.3}.about{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;padding-inline:2rem;scroll-margin-top:90px}.content-about{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:4rem;color:#fff;margin-bottom:4rem;max-width:1200px}.about-me{display:flex;align-items:start;justify-content:center;flex-direction:column}.title-about{font-size:2.5rem;color:#fff;margin:0 0 1rem}.about-description{color:#ffffffa6;font-size:1.1rem;line-height:1.7}.resalt-text{color:var(--color-primary);font-weight:800}.content-btns{margin-top:1rem}.cv-btn{text-decoration:none;background:var(--color-gradient);border:1px solid transparent;padding:.6rem 1.8rem;border-radius:12px;color:#fff;font-weight:600;box-sizing:border-box;transition:all .5s ease;display:inline-block}.cv-btn:hover{scale:1.1}.content-about-me{display:flex;align-items:center;justify-content:center}.content-img-me{width:100%;max-width:480px;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;transition-duration:1s}.content-img-me:hover{scale:1.05}.content-img-me img{width:100%;height:100%;object-fit:cover;object-position:center top}@media(max-width:768px){.content-about{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.content-img-me{max-width:300px}.about-me{align-items:center;text-align:center}}.card{background:var(--color-card);border:1px solid rgba(159,32,239,.15);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;width:100%;transition:all .4s ease}.card:hover{transform:translateY(-6px);border-color:#9f20ef66}.content-img-projects{position:relative}.content-img-projects .img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block;border-radius:0}.img-logo{background:#fff}.img-logo .img{object-fit:contain;padding:2rem;box-sizing:border-box}.status-badge{position:absolute;top:1rem;right:1rem;background:#0b0913bf;border:1px solid rgba(255,255,255,.25);color:#ffffffd9;font-size:12px;font-weight:600;padding:.35rem .9rem;border-radius:1000px;backdrop-filter:blur(4px)}.card-content{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.5rem;box-sizing:border-box}.titleCard{color:#fff;text-decoration:none;font-family:Sora,sans-serif;font-size:20px;font-weight:700;position:relative;transition:all .3s ease;cursor:pointer}.titleCard:hover{background-image:var(--color-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.description{color:#ffffffa6;line-height:1.6;margin:0;overflow-wrap:break-word;word-wrap:break-word}.content-skills{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.pill{color:#ffffffd9;font-size:13px;border:1px solid rgba(255,255,255,.15);border-radius:1000px;padding:.35rem .9rem}.github-link{color:var(--color-primary);font-weight:700;text-decoration:none;transition:all .3s ease}.github-link:hover{filter:brightness(1.3)}
