.body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0064ff1a,#0a0f29 60%);pointer-events:none;transition:background .1s;z-index:0}.body:hover:before{background:radial-gradient(circle at var(--x) var(--y),rgba(0,100,255,.2) 0%,#0a0f29 60%)}body,html{width:100%;height:100%;font-family:Arial,sans-serif;margin:0;background-color:#0a0f29}.degradeFondo{background-color:#0a0f29;min-height:100vh;display:flex;position:relative}.container{max-width:1400px;margin:0 auto;box-sizing:border-box;padding:0;font-family:Inter,serif;font-optical-sizing:auto;font-style:normal;display:flex;width:100%;overflow:hidden}.degradeFondo:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0064ff33,#0a0f29 20%);pointer-events:none;transition:background .1s;z-index:0}.degradeFondo:hover:before{background:radial-gradient(circle at var(--x) var(--y),rgba(0,100,255,.2) 0%,#0a0f29 20%)}.right-panel{flex:2 1 70%;width:calc(70% - 40px);margin:96px 0 96px 30%;height:100%;padding:0 100px 0 230px;color:#94a3b8;z-index:1;box-sizing:border-box}.left-panel{padding:0 0 0 96px;width:32%;height:calc(100% - 192px);margin:96px 0;color:#fff;position:fixed;display:flex;flex-direction:column;justify-content:space-between;z-index:1;box-sizing:border-box;flex:1 1 30%;max-width:450px}.header{margin-bottom:auto}.header h1{margin:0;font-size:3rem;font-weight:700;color:#e2e8f0}.header h2{margin:5px 0;font-size:1,5rem;font-weight:400;font-weight:550;color:#61dafb}.right-panel h3{margin:5px 0;font-size:18px;font-weight:400;font-weight:550;color:#e2e8f0;padding-bottom:20px}.header p{color:#94a3b8;margin-top:10px;font-size:14px;line-height:1.5}.social-icons{display:flex;gap:20px}.social-icons a{color:#94a3b8;font-size:24px;text-decoration:none;transition:transform .2s,color .2s}.social-icons a:hover{transform:scale(1.1);color:#61dafb}.presentacion{padding-bottom:80px}.presentacion p{margin-top:0}.ExperienceDiv{padding-bottom:40px}.ExperienceDiv:hover .experience-card{opacity:.5}.ExperienceDiv .experience-card:hover{opacity:1}.ProyectDiv{display:flex;flex-direction:column;gap:20px;padding-bottom:60px}.empresa-link{color:#e2e8f0;text-decoration:none}.empresa-link:hover{color:#61dafb;text-decoration:none}.empresa-link .arrow{display:inline-block;transition:transform .2s ease}.empresa-link:hover .arrow{transform:translate(5px,-5px)}.mobile-only{display:none}@media (max-width: 1024px){.container{flex-direction:column;padding:48px 20px}.mobile-only{display:block;padding:0;margin:0}.left-panel{position:relative;width:100%;max-width:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left}.header h1{font-size:2rem}.header h2{font-size:1.2rem}.header p{font-size:.9rem}.social-icons{justify-content:center;margin-top:20px;gap:24px}.right-panel{width:100%;margin:0;padding:0;padding-top:6rem}.right-panel h3{margin:0 0 20px}.presentacion,.ProyectDiv{padding:0 0 64px}.ExperienceDiv{padding:0;margin-bottom:4rem}.ProyectDiv{gap:10px}.experience-card,.project-card{max-width:100%;margin:0 auto}.ExperienceDiv:hover .experience-card{opacity:1}}.experience-card{border-radius:12px;padding:20px;margin:15px 0;transition:background-color .3s ease;color:#94a3b8;cursor:pointer}.experience-card:hover{background-color:#4d4d4d33;box-shadow:0 -1px 5px #ffffff80;transition:box-shadow .3s ease,background-color .3s ease}.experience-card:hover .experience-title{color:#61dafb}.experience-header{display:flex;justify-content:space-between;margin-bottom:10px}.experience-date{padding-bottom:8px}.experience-date span{font-size:14px;color:#bbb}.experience-title h3{font-weight:700;margin:0}.experience-title .arrow{display:inline-block;transition:transform .2s ease}.experience-card:hover .arrow{display:inline-block;transform:translate(5px,-5px);transition:transform .2s ease}.experience-description{font-size:16px;line-height:1.5;margin-bottom:15px}.tools{display:flex;gap:10px;flex-wrap:wrap}.tool-pill{background-color:#204e3a88;color:#a8f0c6;padding:8px 12px;border-radius:20px;font-size:14px;text-transform:capitalize;transition:background-color .2s ease,color .2s ease}.tool-pill:hover{background-color:#204e3a;color:#a8f0c6}@media (max-width: 1024px){.experience-card{padding:0;margin-bottom:3rem}.experience-card:hover{background-color:initial;box-shadow:none;transition:none}.experience-title h3{font-size:14px;padding-bottom:4px}.experience-description{font-size:13px}.tool-pill{padding:4px 6px;font-size:11px}}.project-card{display:flex;flex-direction:column;background-color:#1a2235;border-radius:10px;padding:20px;gap:1rem;transition:transform .2s ease,box-shadow .2s ease;color:#e2e8f0}.project-card:hover{transform:translateY(-5px);box-shadow:0 -1px 5px #ffffff80}.project-card-image{order:1;display:flex;justify-content:center;align-items:center}.project-card-image img{width:100%;max-width:200px;height:auto;border-radius:10px}.project-card-content{display:flex;flex-direction:column;gap:1rem}.project-card-header{display:flex;justify-content:space-between;align-items:center}.project-icons{display:flex;gap:10px}.icon{color:#94a3b8;font-size:1.5rem}.icon:hover{color:#61dafb}.project-card-title{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin:0}.project-card:hover .project-card-title{color:#61dafb}.project-card-title .arrow{display:inline-block;transition:transform .2s ease}.project-card:hover .arrow{transform:translate(5px,-5px)}.project-card-description{color:#94a3b8;line-height:1.5}.tools{display:flex;flex-wrap:wrap;gap:10px}.tool-pill{background-color:#204e3a88;color:#a8f0c6;padding:8px 12px;border-radius:20px;font-size:14px}@media (min-width: 1024px){.project-card{flex-direction:row;align-items:center}.project-card-title{margin:0}.project-card-image{order:0;flex:1;max-width:250px}.project-card-content{flex:2}.project-card-header{flex-direction:row}}.language-switch{position:fixed;top:10px;right:10px;width:60px;height:30px;background:#94a3b8;border-radius:15px;display:flex;align-items:center;padding:0 5px;cursor:pointer;box-shadow:0 2px 8px #0003;z-index:1000}.switch-circle{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:0 1px 4px #0003}.switch-circle img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block}.switch-circle.left{transform:translate(0)}.switch-circle.right{transform:translate(30px)}.switch-text{position:absolute;font-weight:700;font-size:12px;color:#fff}.switch-text.left{left:8px}.switch-text.right{right:8px}