:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#141428f2;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:0;width:100%;background-color:#141428f2;padding:10px 0;z-index:1000;box-shadow:0 2px 10px #00000080;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;align-items:center}nav{display:flex;justify-content:center;gap:50px;max-width:1200px;margin:0 auto;padding:0 40px}nav a{color:#fff;text-decoration:none;font-size:1.5em;font-weight:700;transition:color .3s ease,text-decoration .3s ease}nav a:hover{color:#8e2de2;text-decoration:underline}.menu-toggle{display:none}@media (max-width: 768px){.header{justify-content:space-between;padding:10px 20px}.menu-toggle{display:block;background:none;border:none;cursor:pointer;z-index:1000}.hamburger{position:relative;display:block;width:25px;height:2px;background-color:#fff;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:25px;height:2px;background-color:#fff;transition:transform .3s ease-in-out}.hamburger:before{top:-8px}.hamburger:after{top:8px}.header nav{flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#141428fa;box-shadow:0 8px 16px #0000004d;transform:translateY(-100%);transition:transform .4s ease-in-out,opacity .4s ease-in-out;padding:1rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;justify-content:center;align-items:center}.header nav.nav-open{transform:translateY(0);opacity:1;pointer-events:auto}.header nav a{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.3em;text-align:center;width:100%;display:block;color:#eee;transition:background-color .3s ease,color .3s ease}.header nav a:hover{background-color:#8e2de233;color:#8e2de2;text-decoration:none}.header nav a:last-child{border-bottom:none}}header{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#0f0c1ad9;padding:1rem 2rem;color:#fff}.about{position:relative;z-index:1;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-top:100px;overflow:visible}.about-card{position:relative;z-index:3;display:flex;flex-direction:row;background:#2c2242b3;border-radius:18px;box-shadow:0 4px 24px #00000026;padding:2.5rem 2rem;max-width:950px;width:100%;align-items:center;gap:2.5rem;overflow:auto}.about-img{width:220px;height:280px;background:#221a36;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-img img{width:100%;height:100%;object-fit:cover}.about-info{flex:1;color:#fff}.about-name{font-size:2.5rem;font-weight:700;color:#d18cff;margin-bottom:.2em}.about-title{font-size:1.3rem;color:#b48cff;margin-bottom:1.2em}.about-desc{font-size:1.1rem;color:#e0d6f7;margin-bottom:1.5em}.about-social{display:flex;gap:1.2rem}.about-social a{color:#fff;font-size:2rem;transition:color .2s,transform .2s;margin-right:1rem;display:inline-block}.about-social a:hover{color:#d18cff;transform:scale(1.2) rotate(-8deg)}.skills{position:relative;z-index:2;width:100vw;padding:4rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;color:#fff}.skills h2{font-size:2rem;color:#d18cff;margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.skill-item{background:#2c2242b3;padding:1rem 1.5rem;border-radius:12px;font-size:1.1rem;color:#e0d6f7;box-shadow:0 2px 12px #0003}@media (max-width: 1000px){.about-card{max-width:98vw;padding:1.5rem .5rem;gap:1.2rem}}@media (max-width: 800px){.about-card{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem}.about-img{width:160px;height:200px}.about-name{font-size:2rem}}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;filter:brightness(.6) saturate(1.2)}.image-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;z-index:0;filter:brightness(.6) saturate(1.2)}.video-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;filter:brightness(.6) saturate(1.2);display:block}.image-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/telefono-CmyOohsP.jpg);background-size:cover;background-position:center;z-index:0;filter:brightness(.6) saturate(1.2);display:none}@media (max-width: 768px){.video-bg{display:none}.image-bg{display:block}}.hobbies{position:relative;z-index:2;width:100vw;min-height:60vh;padding:6rem 2rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.hobbies-card{background:#2c2242b3;border-radius:18px;box-shadow:0 4px 24px #00000026;padding:3rem 2rem;max-width:900px;width:100%;color:#fff;text-align:center}.hobbies-card h2{font-size:2rem;color:#d18cff;margin-bottom:1.5rem}.hobbies-card p{font-size:1.1rem;color:#e0d6f7;margin-bottom:2rem}.hobbies-card ul{list-style:none;padding:0;margin:0}.hobbies-card li{font-size:1rem;color:#cbbef3;margin-bottom:.8rem}.skills{position:relative;z-index:2;width:100vw;min-height:100vh;padding:6rem 2rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.skills-card{position:relative;z-index:3;background:#2c2242b3;border-radius:18px;box-shadow:0 4px 24px #00000026;padding:3rem 2rem;max-width:1000px;width:100%;color:#fff}.skills-card h2{font-size:2rem;color:#d18cff;margin-bottom:2rem;text-align:center}.skill-category h3{font-size:1.5rem;color:#d18cff;margin-bottom:1.5rem;text-align:left;font-weight:700}.skills-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.skill-item{background:#1e1632cc;padding:1rem;border-radius:12px;width:200px;text-align:center;box-shadow:0 2px 12px #0003;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{transform:scale(1.05) rotate(-1deg);box-shadow:0 0 20px #d18cff}.skill-item img{width:40px;height:40px;margin-bottom:.5rem;transition:transform .3s ease}.skill-item:hover img{transform:scale(1.2)}.skill-item span{display:block;font-size:1rem;color:#fff;margin-bottom:.5rem}.skill-bar{width:100%;height:8px;background-color:#2a1e4d;border-radius:4px;overflow:hidden}.skill-bar .fill{height:100%;background-color:#d18cff;border-radius:4px}@media (max-width: 800px){.skills-card{padding:2rem 1rem}.skill-item{width:100%}}.projects-section-wrapper{background-color:#141428f2;width:100%}.projects-container{padding:40px;color:#fff;font-family:Arial,sans-serif;min-height:100vh;max-width:1200px;margin:0 auto}.projects-title{font-size:2.5em;font-weight:700;color:#e0e0e0;text-align:center;margin-top:60px;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background-color:#3b2857;border-radius:12px;box-shadow:0 4px 8px #0003;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1.5 / 1}.project-card:hover{transform:translateY(-10px);box-shadow:0 0 25px #ffffff80}.project-card-image-wrapper{width:100%;height:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px;margin-bottom:15px;background-color:#2a1f3d}.project-image{width:100%;height:100%;object-fit:contain}.project-info{flex-grow:1}.project-info h3{margin-top:0;font-size:1.2em;color:#f0f0f0}.project-info p{font-size:.9em;color:#d0d0d0;line-height:1.5}.project-card-link{text-decoration:none;color:inherit}.projects-container.detail-view{padding:40px 20px;color:#fff;font-family:Arial,sans-serif;min-height:100vh;max-width:1200px;margin:80px auto 0;font-size:1.1em;text-align:center}.project-detail-content{background-color:#3b2857;padding:30px;border-radius:12px;max-width:750px;width:100%;margin:0 auto;text-align:left;box-sizing:border-box}.project-detail-content h2,.project-detail-content h3,.project-detail-content h4{text-align:center}.project-detail-content h2{font-weight:700;font-size:2.2em;margin-top:0;margin-bottom:10px}.project-detail-content h3{font-weight:700;font-size:1.8em;margin-top:20px;margin-bottom:10px}.project-detail-content h4{font-weight:700;font-size:1.5em;margin-top:20px;margin-bottom:10px}.project-detail-content ul li{font-weight:700;margin-bottom:5px}.project-detail-image{width:100%;border-radius:8px;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;height:auto;object-fit:cover}.annex-images{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.annex-images img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.logo-reconecta{max-width:250px;height:auto;display:block;margin:0 auto 20px}.image-grid img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:20px}.projects-container{padding:20px}.project-card{aspect-ratio:16 / 9}.project-info h3{font-size:1.2em}.project-info p{font-size:.9em}.project-detail-content{padding:20px}.projects-container.detail-view{font-size:1em;margin-top:50px}.project-detail-content h2{font-size:1.8em}.project-detail-content h3{font-size:1.5em}.project-detail-content h4{font-size:1.2em}.annex-images{flex-direction:column}.image-grid{grid-template-columns:1fr}}.projects-container.detail-view{padding:20px;color:#fff;font-family:Arial,sans-serif;min-height:100vh;max-width:100%;margin:80px auto 0;font-size:1.1em;text-align:center;box-sizing:border-box}.project-detail-content{background-color:#3b2857;padding:20px;border-radius:12px;max-width:750px;width:100%;margin:0 auto;text-align:left;box-sizing:border-box}.project-detail-content h2,.project-detail-content h3,.project-detail-content h4{text-align:center;font-weight:700;margin-top:20px;margin-bottom:10px}.project-detail-content h2{font-size:2.8em}.project-detail-content h3{font-size:2.2em}.project-detail-content h4{font-size:1.8em}.project-detail-content ul li{font-weight:700}.project-detail-image{max-width:100%;height:auto;border-radius:8px;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto;object-fit:cover}.technology-list{list-style-type:disc;margin-left:20px;padding:0}.technology-list li{font-size:1em;margin-bottom:5px}.annex-images{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:20px;align-items:center}.annex-images img{width:400px;height:250px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.annex-images img:hover{transform:scale(1.05);box-shadow:0 0 20px #fff6}.project-links{margin-top:30px;text-align:center}.project-links-grid{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.project-links a{text-decoration:none;color:#fff;background-color:#5a4087;padding:8px 10px;border-radius:20px;font-size:1em;width:200px;height:40px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .3s ease}.project-links a:hover{background-color:#7b62a6;transform:translateY(-5px)}.logo-reconecta{max-width:250px;height:auto;display:block;margin:0 auto 20px;object-fit:contain}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.image-grid img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;object-fit:cover}body{overflow-x:hidden}@media (max-width: 768px){.projects-container.detail-view{font-size:1em;margin-top:50px;padding:15px}.project-detail-content{padding:15px}.project-detail-content h2{font-size:1.8em}.project-detail-content h3{font-size:1.5em}.project-detail-content h4{font-size:1.2em}.annex-images{flex-direction:column;gap:15px}.annex-images img{width:100%;height:200px;object-fit:cover}.image-grid{grid-template-columns:1fr;gap:15px}.image-grid img{width:100%;height:auto;object-fit:cover}}