:root{--color-navbar: #0B0C0D;--color-fondo: #0F0F0F;--color-texto: #ffffff;--color-fondo-menu: #020202;--color-text-secundario: #9e9e9e;--color-texto-titulo: #d2d438;--color-fondo-titulos: #333333;--color-fondo-card: #181818;--color-scroll-down: #313131;--color-scroll-down-hover: #b4b4b4}html{scroll-behavior:smooth}body{background-color:var(--color-fondo);color:var(--color-texto);font-family:monospace;cursor:none}*{cursor:none!important}.cursor-outline{width:30px;height:30px;border:2px solid var(--color-texto);box-shadow:0 0 0 2px #000;position:fixed;pointer-events:none;border-radius:50%;top:50%;left:50%;z-index:9999999;transform:translate(-50%,-50%);transition:all .2s ease}.cursor-dot{width:25px;height:25px;background-color:var(--color-texto);border:1px solid var(--color-fondo);border-radius:50%;transform:translate(-50%,-50%);opacity:.8;z-index:9999999;top:50%;left:50%;pointer-events:none;position:fixed;transition:width .3s,height .3s}@media(max-width:768px){.cursor-outline,.cursor-dot{display:none}*{cursor:default!important}}[id]{scroll-margin-top:5.8em}*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;list-style:none}img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#2a2e35;border-radius:10px;margin:4px}::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid #2A2E35;transition:background-color .3s ease}*{scrollbar-width:thin;scrollbar-color:#333333 #0F0F0F}a{text-decoration:none;color:#333}.inicio{display:flex;align-items:center;width:100%;height:100vh;box-sizing:border-box}.inicio3,.inicio4{margin-top:200px}.line{position:fixed;background:var(--color-texto);z-index:1000;width:0%;top:76px;height:3px;pointer-events:none;opacity:.1;animation:linea-navbar auto linear;animation-timeline:scroll(root block)}@keyframes linea-navbar{0%{width:0%}to{width:100%}}.linea{position:absolute;margin-top:20px;left:50%;width:2px;height:180px;background-color:var(--color-texto);transform:translate(-50%);z-index:-1}.containerImg{flex:0 0 auto;text-align:center;margin-right:5%;position:relative;display:inline-block}.containerImg img{width:250px;border-top-right-radius:50%;border-bottom-left-radius:50%;transition:opacity .3s ease-in-out}.containerImg video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-top-right-radius:50%;border-bottom-left-radius:50%;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.containerImg img.hidden{opacity:0}.containerImg video.visible{opacity:1}.containerTitle{flex:1;display:flex;align-items:start;justify-content:flex-start;margin-left:5%;flex-direction:column}.available-badge{display:inline-flex;align-items:center;gap:8px;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:4px 12px;border-radius:50px;font-size:.75rem;color:#22b658;margin-bottom:15px;font-weight:600}.green-dot{width:6px;height:6px;background-color:#22c55e;border-radius:50%;position:relative;display:inline-block}.green-dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:inherit;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.social-links-title{margin-top:25px;display:flex;gap:35px}.social-icon{display:inline-flex;align-items:center;gap:8px;color:var(--color-texto);text-decoration:none;font-size:16px;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:var(--color-texto);text-shadow:0px 2px 10px var(--color-texto);text-decoration:none}.titleText h1{font-size:3rem;max-width:29rem;margin:0}.titleText h2{font-size:1.5rem;margin:.625rem 0 0;color:var(--color-texto-titulo)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.titleText h2{font-size:1.5rem;margin:.625rem 0 0;color:var(--color-texto-titulo);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;border-right:2px solid var(--color-texto-titulo);width:0;max-width:fit-content;padding-right:.3em;animation:typing 3s steps(30) 1s forwards,blink .8s step-end infinite}.containerTitle,.containerImg,.navbar-links,.navbar-actions,.inicio2,.modal{transition:margin .5s ease-in-out}@media screen and (min-width:1000px){.containerTitle{margin-left:10%}.containerImg{margin-right:10%}}@media screen and (min-width:1400px){.containerTitle{margin-left:10%}.containerImg{margin-right:10%}.inicio2{margin-left:5%;margin-right:5%}}@media screen and (min-width:1625px){.containerTitle{margin-left:15%}.containerImg{margin-right:15%}.navbar-links{margin-left:10%}.navbar-actions{margin-right:10%}.inicio2{margin-left:10%;margin-right:10%}}@media screen and (min-width:1725px){.containerTitle{margin-left:20%}.containerImg{margin-right:20%}.navbar-links{margin-left:15%}.navbar-actions{margin-right:15%}.inicio2{margin-left:15%;margin-right:15%}}@media screen and (min-width:2325px){.containerTitle{margin-left:30%}.containerImg{margin-right:30%}.navbar-links{margin-left:20%}.navbar-actions{margin-right:20%}.inicio2{margin-left:20%;margin-right:20%}}@media screen and (min-width:2425px){.containerTitle{margin-left:30%}.containerImg{margin-right:30%}.navbar-links{margin-left:25%}.navbar-actions{margin-right:25%}.inicio2{margin-left:30%;margin-right:30%}}@media screen and (min-width:2525px){.containerTitle{margin-left:35%}.containerImg{margin-right:35%}.navbar-links{margin-left:35%}.navbar-actions{margin-right:35%}}@media screen and (max-width:1100px){.inicio .containerImg{display:none}.containerTitle{margin-left:5%}.navbar-links{margin-left:3.7%}.navbar-actions{margin-right:3.7%}}@media screen and (max-width:880px){.inicio{height:100vh}.inicio img{width:200px}.navbar-links{margin-left:0}}@media screen and (max-width:770px){.inicio2 .containerAbout{flex-direction:column;justify-content:center;align-items:center;text-align:start;gap:50px}.inicio2 .containerAbout .aboutText{flex-direction:column;border:none;padding:0;max-width:100%}.inicio2 .containerAbout .studies{max-width:100%;padding:0}.certifications img{max-width:500px}.containerTitle{max-width:none}.titleText h2{white-space:unset}}.scroll-down{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:30px}.scroll-down a{text-decoration:none;color:var(--color-scroll-down)}.scroll-down i{animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#aboutSection{padding-top:50px;display:flex;justify-content:center;padding-left:5%;padding-right:5%}@keyframes reveal{0%{opacity:0;translate:0 100px}to{opacity:1;translate:0 0}}@media screen and (max-width:880px){[id]{scroll-margin-top:6.8em}#aboutSection{padding-top:50px}}.inicio2{text-align:center;align-content:center}.containerAbout h1{background-color:var(--color-fondo-titulos)}.containerAbout .aboutText h1,.containerAbout .studies h1{background-color:var(--color-fondo-titulos);border-top-right-radius:30px;border-top-left-radius:30px;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 50% cover 60%}.containerAbout{display:flex;align-items:flex-start;justify-content:space-between;width:100%;text-align:start;margin-bottom:30px}.containerAbout h1{text-align:center}.aboutText{flex:1;max-width:50%;border-right:2px solid var(--color-texto);padding-right:30px}.studies{flex:2;max-width:50%;padding-left:30px}.certifications{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;position:relative;padding:60px 0;margin:40px 0}.certifications:before,.certifications:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(to right,transparent,var(--color-texto),transparent);opacity:.5}.certifications:before{top:0}.certifications:after{bottom:0}.certifications:before{background:radial-gradient(circle at center,var(--color-texto) 2px,transparent 2px),linear-gradient(to right,transparent,var(--color-texto),transparent)}.certifications:after{background:radial-gradient(circle at center,var(--color-texto) 2px,transparent 2px),linear-gradient(to right,transparent,var(--color-texto),transparent)}.certifications img{max-width:300px;width:300px;height:201px;cursor:pointer;transition:transform .3s ease;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 10% cover 30%}.certifications img:hover{transform:scale(1.02)}.aboutText h1,.studies h1{font-size:2.8rem;margin:0}.aboutText h2{font-size:1.2rem;color:var(--color-text-secundario);margin-top:1rem;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 30% cover 62%}.studies h2{font-size:1.2rem;color:var(--color-text-secundario);margin-top:1rem;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 30% cover 70%}.modal{display:none;position:fixed;z-index:1100;left:0;top:0;width:100%;height:100%;background-color:#000000d9;padding:20px;box-sizing:border-box;justify-content:center;align-items:center;text-align:center}.modal-content{max-width:min(90%,900px);max-height:min(85vh,650px);width:auto;height:auto;margin:auto;display:block;object-fit:contain;border-radius:8px;box-shadow:0 0 20px #00000080}@media(max-width:770px){.modal{padding:15px}.modal-content{max-width:95%;max-height:80vh}}#imageModal{display:none;opacity:0;transition:opacity .2s ease}#imageModal.visible{display:flex;opacity:1}.close{color:var(--color-texto);position:absolute;top:25px;right:25px;display:flex;align-items:center;justify-content:center;z-index:105;background:#0000004d;border-radius:50%;padding:5px;transition:background .3s ease}.close img{width:40px;height:40px;transition:transform .2s ease}@media(max-width:770px){.close{top:15px;right:15px}.close img{width:35px;height:35px}}.close:hover{background:#ffffff1a}.close:hover img{transform:scale(1.1)}.inicio3{text-align:center;display:block}.inicio3 h1{color:var(--color-texto);padding:20px;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 200% cover 100%}.containerProyectos{display:flex;flex-direction:column;gap:40px;justify-content:center;padding:20px 5%}.cardProject{position:relative;background-color:var(--color-fondo-card);color:var(--color-texto);border-radius:20px;width:100%;max-width:1100px;margin:0 auto;min-height:400px;box-shadow:0 4px 20px #0006;text-align:left;display:flex;flex-direction:row;overflow:hidden;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 10% cover 40%}.cardProject:nth-child(2n){flex-direction:row-reverse}.containerImage{flex:2.33;overflow:hidden;position:relative;height:100%}.cardProject img{width:100%;height:100%;object-fit:cover;display:block}.cardProject h2{font-size:2rem;margin-bottom:15px;color:var(--color-texto-titulo)}.cardProject p{font-size:1.1rem;line-height:1.6;margin-bottom:25px;color:var(--color-text-secundario)}.containerCard{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px;background-color:var(--color-fondo-card)}.containerTextCard{padding:0}.containerIconsCard{display:flex;justify-content:flex-start;gap:15px;margin-bottom:25px}.tech-icons{display:flex;gap:12px}.icon-project-tec{width:24px;height:24px}.buttons{display:flex;gap:15px;margin-bottom:20px}.buttons a{padding:8px 20px;border-radius:8px;font-size:1rem;text-decoration:none;color:var(--color-texto);background-color:transparent;border:1px solid var(--color-texto);display:flex;align-items:center;gap:8px;transition:all .3s ease}.buttons a:hover{background-color:var(--color-texto);color:var(--color-fondo-card)}@media screen and (max-width:900px){.cardProject,.cardProject:nth-child(2n){flex-direction:column;max-width:500px;min-height:auto}.containerImage{width:100%;aspect-ratio:16 / 10;height:auto;flex:none}.containerCard{padding:30px;flex:none}.cardProject h2{font-size:1.5rem}}.carousel{position:relative;width:100%;height:100%;overflow:hidden}.carousel-images{position:relative;width:100%;height:100%}.carousel-images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .8s ease-in-out}.carousel-images img.active{opacity:1;position:relative}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.dot{width:7px;height:7px;border-radius:50%;background-color:#ffffff4d;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:background-color .3s ease,transform .3s ease}.dot.active{background-color:var(--color-texto);transform:scale(1.2)}.dot:hover{background-color:#ffffffb3}:root{--html: #E34F26;--css: #1572B6;--js: #F7DF1E;--bts: #7952B3;--cloud: #4A90E2;--react: #4a90d9}.fab.fa-html5{color:var(--html)}.fab.fa-css3-alt{color:var(--css)}.fab.fa-js{color:var(--js)}.fab.fa-bootstrap{color:var(--bts)}.fas.fa-cloud{color:var(--cloud)}.fab.fa-react{color:var(--react)}.inicio4{text-align:center}.grid-container{display:flex;flex-direction:column;align-items:center;gap:40px;width:75%;max-width:1250px;margin:0 auto;padding-right:0}.grid-container h2{margin-bottom:10px;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 50% cover 60%}.containerfrontend,.containerbackend,.containerothers h2{text-align:left}.containerfrontend,.containerbackend,.containerothers{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.frontend,.backend,.others{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;display:flex;justify-content:flex-start;flex-wrap:wrap;max-width:auto}.frontend>div,.backend>div,.others>div{height:auto}:root{--icon: #2a2e35}.icon{background-color:var(--icon);padding:20px;text-align:center;border-radius:10px;font-size:14px;box-shadow:0 0 5px #0000004d;transition:all .3s ease;width:120px;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 50% cover 60%}.icon:hover{transform:scale(1.06)}.icon img{max-width:70px;max-height:70px;width:70px;height:70px;width:auto;height:auto;margin-bottom:10px}.icon p{font-size:12px;margin:0;color:var(--color-texto)}.containerhr{display:flex}.containerhr h2{margin-right:10px}.containerhr hr{border:1px solid var(--color-texto);margin:1rem 0;width:500px;animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 50% cover 60%}#skills{padding-top:30px}#skills-title{animation:reveal .8s ease both;animation-timeline:view();animation-range:entry 100% cover 80%}.iconfooter img{max-width:30px;max-height:30px;width:auto;height:auto;margin-bottom:10px}footer{margin-top:50px;background-color:var(--color-navbar);color:var(--color-texto);padding:20px;text-align:center}.footer-content{max-width:1000px;margin:0 auto}.social-links{margin-bottom:20px;display:flex;justify-content:center;gap:30px}.social-icon{display:inline-flex;align-items:center;gap:8px;color:var(--color-texto);text-decoration:none;font-weight:700}.social-icon:hover{text-decoration:underline}.email{margin-bottom:20px}.email input{padding:10px;border-radius:5px;border:1px solid #5C6370;background-color:#5f9ea000;color:var(--color-texto);margin-right:10px;width:200px;font-size:12px}.email button{padding:10px;background-color:#5f9ea000;border:none;border-radius:5px;color:var(--color-texto);transition:background-color .3s}.email button:hover{color:var(--color-texto);-webkit-animation:shadow-pop-tl .3s cubic-bezier(.47,0,.745,.715) both;animation:shadow-pop-tl .3s cubic-bezier(.47,0,.745,.715) both;padding-top:1px;margin-top:9px}@keyframes shadow-pop-tl{0%{-webkit-box-shadow:0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto);box-shadow:0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto),0 0 var(--color-texto)}to{-webkit-box-shadow:-.063rem -.063rem var(--color-texto),-.125rem -.125rem var(--color-texto),-.188rem -.188rem var(--color-texto);box-shadow:-.063rem -.063rem var(--color-texto),-.125rem -.125rem var(--color-texto),-.188rem -.188rem var(--color-texto)}}.thank-you{margin-top:20px;font-style:italic;font-size:14px}@media(max-width:400px){.social-links a span{display:none}.social-links i{font-size:25px}.email input{width:143px}}#copy-message{position:absolute;top:-30px;left:0;padding:5px;background-color:#4caf50;color:#fff;border-radius:3px;font-size:14px;white-space:nowrap}.tech-icons .icon-project-tec{width:33px;height:31px;margin-bottom:0;padding:0}#copyy{width:13.3px;height:20px;position:relative;top:0;filter:var(--theme-input-filter, none);transition:filter .3s ease}.social-links-title #github,.social-links-title img#linkedin{filter:var(--theme-input-filter, none);transition:filter .3s ease;width:auto;height:auto;position:relative;top:0}.social-links #github,.social-links img#linkedin,.social-links #instagram{filter:var(--theme-input-filter, none);transition:filter .3s ease;width:16.3px;height:auto;position:relative;top:0}.social-links{margin-bottom:20px}#hamburgerr{width:auto;height:auto;position:relative;top:4px;right:5px;filter:var(--theme-input-filter, none);transition:filter .3s ease}@media screen and (max-width:880px){.navbar-actions{margin-right:28px}}