*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;color:var(--text-primary);text-align:center}html,body{background-color:var(--bg-primary);font-family:Poppins,Tilt Warp,Palanquin Dark,Secular One,sans-serif}.footer{font-size:.82em;font-weight:light;position:relative;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;z-index:100}.footerContainer{height:100%;width:80%;padding:2rem 0;border-top:1px solid var(--text-secondary-tr);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footerContainer p{margin-bottom:1rem;font-weight:lighter;font-family:Plus Jakarta Sans,sans-serif}.footerContainer img{transition:all ease .2s}.footerContainer img:hover{transform:rotate(5deg) scale(1.05)}@media screen and (min-width: 768px){.footer{max-width:1280px;margin:4rem auto 0rem}.footerContainer{flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:1rem}.footerContainer p{margin:0}.luzFooter{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.luzFooter:before{content:"";position:absolute;top:40%;left:60%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 90px 40px #0c2d6b;background-color:transparent}}.Luz1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.Luz1:before{content:"";position:absolute;top:15%;left:70%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 150px 90px #092861cc;background-color:transparent}.Luz2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.Luz2:before{content:"";position:absolute;top:110%;left:5%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 150px 100px #0c2d6bc2;background-color:transparent}.Luz3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.Luz3:before{content:"";position:absolute;top:180%;left:85%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 130px 80px #0c2d6bb3;background-color:transparent}.sLuz4:before{content:"";position:absolute;top:350%;left:35%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 100px 80px #0c2d6b99;background-color:transparent}.header{position:fixed;top:0;min-width:100%;z-index:999}.header-principal{max-width:95%;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:.7rem 2rem;position:relative;border-bottom:1px solid var(--text-secondary)}.header.scrolled{z-index:999;background-color:var(--bg-primary-tr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width: 768px){.header-principal{justify-content:space-between;align-items:center;position:relative;max-width:90%;margin:auto}}@media screen and (min-width: 1300px){.header-principal{max-width:1280px;margin:auto}}.logo{width:30px;height:auto;background-color:transparent;cursor:pointer;position:relative}@media screen and (min-width: 768px){.logo{height:30px;width:auto}}.navbar{z-index:1;top:40px;opacity:0;transition:opacity .8s ease-in-out,transform .8s ease-in-out,width .5s ease-in-out;margin:0;width:0;height:0;overflow:hidden;position:absolute}.visible{display:flex;flex-direction:column;border-radius:0 0 5px 5px;position:absolute;right:0;top:55px;opacity:1;visibility:visible;transition:opacity .8s ease-in-out,transform .8s ease-in-out,width .5s ease-in-out;background-color:var(--bg-primary-tr);height:200px;width:200px;justify-content:space-around}.navbar .navbar-link{text-decoration:none;font-size:1.2em;color:var(--text-color);font-weight:500;margin:0 2rem;transition:.3s;cursor:pointer}.navbar .navbar-link:hover,.navbar .navbar-link.active{color:var(--text-secondary)}.toggle{width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:end;text-align:center;border-radius:.5rem;transition:all .5s;cursor:pointer;position:relative}.line{width:30px;height:3px;border-radius:1rem;background-color:var(--text-primary);transition:transform .5s}.toggle .line:nth-child(1){transform:scaleX(.95)}.toggle .line:nth-child(2){transform:scaleX(.8)}.toggle .line:nth-child(3){transform:scaleX(.95)}.toggle.active .line:nth-child(1){transform:translateY(7.5px) scaleX(.9) scaleY(.7) rotate(130deg);height:3px;width:25px;background-color:var(--text-secondary)}.toggle.active .line:nth-child(3){transform:translateY(-7.5px) scaleX(.9) scaleY(.7) rotate(50deg);height:3px;width:25px;background-color:var(--text-secondary)}.toggle.active .line:nth-child(2){display:none}@media screen and (min-width: 768px){.navbar{opacity:1;flex-direction:row;visibility:visible;padding:0;margin:0;align-items:center;justify-content:center;position:relative;top:-1px;width:auto;height:60px}.navbar .navbar-link{margin:0 1.2rem;padding:0}.toggle{display:none}}.languages{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:auto;position:absolute;right:90px;padding:0;margin:0}.languages i{color:var(--text-secondary)}select{background-color:transparent;width:auto;padding:0;color:var(--text-muted);font-size:.9em;padding:.2rem;border:none}select{border:none;outline:none}select option{background-color:var(--bg-primary);width:auto;padding:0;color:var(--text-muted);font-size:1em}@media screen and (min-width: 768px){.languages{position:relative;right:0;top:0}select{font-size:1.2em}.languages i{font-size:22px}}.animate{position:absolute;top:0;right:0;width:100%;height:100%;z-index:999}.home{display:flex;flex-direction:column;align-items:center;background-color:transparent;padding:1rem;padding-top:80px;position:relative;z-index:100;margin-bottom:2rem;margin:auto;max-width:1280px}.home-container{display:flex;flex-direction:column;align-items:center}.home-content{width:100%;max-height:650px;min-height:450px;display:flex;flex-direction:column;position:relative;margin-bottom:2rem}.title-container{display:flex;flex-direction:column;justify-content:center;align-items:end;text-align:end;padding:1rem}.title-home,.title-home p,.title-home h1{display:flex;flex-direction:column;text-align:end;justify-content:end;align-items:end}.title-home p{font-size:1.8em;font-weight:lighter;margin:0}.title-home h1{margin:0;font-size:2em;font-weight:400}.subtitle-home-en{margin-top:.5rem;font-size:1.6em;align-items:end;justify-content:end;text-align:end;color:var(--text-secondary);font-family:Consolas;letter-spacing:-1px;position:relative;margin-bottom:1.5rem;display:block;white-space:nowrap;border-right:3px solid var(--text-secondary);width:20ch;animation:typing-en 6s steps(20) infinite,blink 1s infinite;overflow:hidden}.subtitle-home-en-display{display:none}.subtitle-home-es{margin-top:.5rem;font-size:1.6em;align-items:end;justify-content:end;text-align:end;color:var(--text-secondary);font-family:Consolas;letter-spacing:-1px;position:relative;margin-bottom:1.5rem;display:block;white-space:nowrap;border-right:3px solid var(--text-secondary);width:23ch;animation:typing-es 6s steps(23) infinite,blink 1s infinite;overflow:hidden}.subtitle-home-es-display{display:none}@keyframes typing-en{0%{width:0}25%{width:19ch}80%{width:19ch}to{width:0}}@keyframes blink{50%{border:transparent}}@keyframes typing-es{0%{width:0}25%{width:23ch}80%{width:23ch}to{width:0}}.subtitle-home span:nth-child(2){transform:translateY(3px);font-weight:700;font-size:1em}.description{font-size:.9em;font-weight:300;padding:1rem 1.5rem;text-align:start}.divSocial{margin:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.iSocial{width:42px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--text-secondary);border:2px solid var(--color-muted);color:var(--text-secondary);color:var(--color-muted);transition:all .4s;cursor:pointer}.iSocial:hover{transform:scale(.95) translateY(-4px);color:var(--text-primary);border:2px solid var(--text-secondary);background-color:var(--text-secondary)}@media (min-width: 768px){.home{align-items:start;justify-content:space-between;align-items:center;padding:120px 2rem 0rem;margin-bottom:0}.home-content{margin-bottom:4rem}.title-container{align-items:start}.title-home,.title-home p,.title-home h1{text-align:start;align-items:start}.title-home p{font-size:2.5em}.title-home h1{font-size:3.2em}.subtitle-home{font-size:2.3em;text-align:start}.description{font-size:1em;text-align:center}.divSocial{position:absolute;right:0;bottom:0;left:0;margin:0;height:50px}}@media (min-width: 1024px){.home{padding:150px 6rem 4rem}.home-content{min-width:55%}.title-container{align-items:start}.title-home,.title-home p,.title-home h1{text-align:start;align-items:start}.title-home p{font-size:2.5em}.title-home h1{font-size:3.2em}.subtitle-home{font-size:2.3em;text-align:start}.divSocial{position:absolute;right:0;bottom:0;left:0;margin:0;height:50px}}@media (min-width: 1200px){.home{padding:150px 6rem 0;z-index:100;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.home-container{max-width:1280px;flex-direction:row;justify-content:space-around}.home-content{max-width:50%;height:500px}.description{text-align:start}}.Luz1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.Luz1:before{content:"";position:absolute;top:10%;left:20%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 120px 100px #0c2d6bcc;background-color:transparent}.Luz1a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.Luz1a:before{content:"";position:absolute;top:65%;left:88%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 80px 60px #0c2d6b80;background-color:transparent}.aside{display:flex;flex-direction:column;justify-content:space-between}.float-window{font-family:Consolas,sans-serif;animation:flotar 3s ease-in-out infinite;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.programmer{position:relative;width:200px}.aside .btn-content{font-size:1.1em}@keyframes flotar{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.btn{display:flex;flex-direction:row;align-items:center;text-align:center;margin:1.2rem;border-radius:2rem;padding:0}.btn-content{width:fit-content;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;padding:0}.btn p{padding:0;margin:0;letter-spacing:-1px;word-spacing:-5px}.btn i{width:32px;height:32px;padding:0;margin:0}.not-rounded{border-radius:.5rem}.primary{color:var(--text-primary);background:linear-gradient(to right,var(--text-secondary),var(--focus));border:2px solid transparent;position:relative;display:inline-flex;justify-content:center;align-items:center;z-index:1;overflow:hidden;transition:.5s}.primary:hover{color:var(--text-primary);border:2px solid var(--text-secondary)}.primary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(to right,var(--bg-secondary),var(--bg-primary));z-index:-1;transition:.5s}.primary:hover:before{width:100%}.secondary{color:var(--text-primary);background:var(--color-dark);border:2px solid transparent;position:relative;display:flex;justify-content:center;align-items:center;font-weight:600;z-index:1;overflow:hidden;transition:.5s}.secondary:hover{color:var(--text-primary)}.secondary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--text-secondary);z-index:-1;transition:.5s}.secondary:hover:before{width:100%}.tertiary{color:var(--text-secondary);background:var(--color-dark);border:3px solid var(--text-secondary);position:relative;display:inline-flex;justify-content:center;align-items:center;font-weight:600;z-index:1;overflow:hidden;transition:.5s}.tertiary:hover{color:var(--text-primary)}.tertiary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--text-secondary);z-index:-1;transition:.5s}.tertiary:hover:before{width:100%}.sm{width:120px;height:40px;padding:.2rem;font-size:1.2em;font-weight:lighter}.md{width:150px;height:50px;padding:.2rem .5rem;font-size:1.5em}.lg{width:180px;height:60px;padding:.2rem;font-size:1.6em}.portfolio{display:flex;flex-direction:column;align-items:center;position:relative;z-index:100;padding:60px 1rem 0rem;margin-top:-60}.titlePortfolio{margin:0;font-size:2em;font-weight:700;color:var(--text-bright);margin-bottom:2rem;align-self:flex-start;margin-left:2rem}.titlePortfolio span{font-size:1.1em;color:var(--text-secondary)}.titlePortfolio:after{content:"";display:block;position:relative;bottom:0;left:0;width:120%;border-bottom:5px solid var(--text-secondary)}.portfolio-content{display:flex;flex-direction:column;justify-content:space-between}.cardPortfolio{background:linear-gradient(to left,var(--text-transparent),var(--text-transparent-dark));border-bottom:5px solid var(--text-secondary);box-shadow:0 0 2px 1px var(--text-secondary-tr);border-radius:8px;width:300px;height:500px;display:flex;flex-direction:column;text-align:end;overflow:hidden;margin:1rem}.cardPortfolio img{width:100%;width:auto;border:none;position:relative;top:0}.cardPortfolioDescription{padding:.5rem;height:170px;display:flex;flex-direction:column;align-items:end;position:relative}.cardPortfolioDescription h3{font-size:1.2em;margin:0;color:var(--text-secondary)}.cardPortfolioDescription h5{font-size:1.1em;margin:0}.cardPortfolioDescription p{text-align:end;margin:0;margin-top:.5rem;font-size:.85em;color:var(--text-secondary)}a{text-decoration:none}.portfolio .btn-content{position:relative;bottom:0;width:100%;color:#000;display:flex;justify-content:space-around;margin:.5rem;font-size:.8em}.button-card-portfolio{background-color:var(--bg-secondary);border:2px solid var(--text-secondary-tr);position:relative;width:110px;height:40px;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:5px;font-size:1.2em;border-radius:25px;padding:.5rem;z-index:1;overflow:hidden}.portfolio .btn-content i{color:var(--text-secondary)}@media (min-width: 768px){.portfolio{padding:100px 2rem 0rem;max-width:1280px;margin:auto;margin-top:-100}.portfolio-content{margin:auto;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.titlePortfolio{margin-left:4rem}.cardPortfolio{height:480px}.cardPortfolioDescription{padding:.5rem;height:127px;display:flex;flex-direction:column;align-items:end}.cardPortfolioDescription h3{font-size:1.5em;margin:0;color:var(--text-secondary)}.cardPortfolioDescription h5{font-size:1.1em;margin:0}.cardPortfolioDescription p{text-align:end;margin:0;margin-top:.2rem;font-size:.9em;color:var(--text-secondary-tr)}.portfolio .btn-content{position:relative;bottom:0;width:100%;color:#000;display:flex;justify-content:space-around;margin:0 0 .5rem;font-size:.8em}}.Luz2,.Luz3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.Luz2:before{content:"";position:absolute;top:20%;left:30%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 60px 40px #0c2d6bb3;background-color:transparent}.Luz3:before{content:"";position:absolute;top:70%;left:70%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 130px 110px #0c2d6bf2;background-color:transparent}.skills{display:flex;flex-direction:column;align-items:center;position:relative;z-index:100;padding:60px 1rem 0rem;margin-top:-60}.titleSkills{margin:0;font-size:2em;font-weight:700;color:var(--text-bright);margin-bottom:2rem;align-self:flex-start;margin-left:2rem}.titleSkills span{font-size:1.1em;color:var(--text-secondary)}.titleSkills:after{content:"";display:block;position:relative;bottom:0;left:0;width:120%;border-bottom:5px solid var(--text-secondary)}.skills-content,ul{display:flex;justify-content:center;flex-wrap:wrap;max-width:1080px;overflow:hidden}.skill-content ul{list-style:none;margin:0;padding:0}li{list-style:none;margin:.5rem}.skill-card{width:100px;height:135px;margin:.8rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:8px;padding:.4rem;background-color:var(--bg-focus);background-color:var(--selection-dark)}.skill-card-img{width:60px;height:auto;margin-bottom:1.2rem}@media (min-width: 768px){.skills{padding:100px 2rem 0rem;max-width:1280px;margin:auto;margin-top:-100}.titleSkills{margin-left:4rem}.skills-content,ul{row-gap:1rem}}.Luz4{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.Luz4:before{content:"";position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 160px 150px #0c2d6b66;background-color:transparent}.contact{display:flex;flex-direction:column;align-items:center;text-align:start;position:relative;z-index:100;padding:60px 1rem 0rem;margin-top:-60;overflow:hidden}.titleContact{margin:0;font-size:2em;font-weight:700;color:var(--text-bright);margin-bottom:2.5rem;align-self:flex-start;margin-left:2rem}.titleContact:after{content:"";display:block;position:relative;bottom:0;left:0;width:110%;border-bottom:5px solid var(--text-secondary)}.titleContact span{font-size:1.1em;color:var(--text-secondary)}.contact-content{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;row-gap:1rem;z-index:2;overflow:hidden}.input-box{max-width:350px;height:550px;display:flex;flex-direction:column;justify-content:space-around;align-items:end}input:focus,textarea:focus{outline:none}.input-field input{width:320px;height:40px;padding:.2rem .5rem;text-align:start;border:none;border-radius:5px;color:var(--bg-primary)}input::placeholder,textarea::placeholder{font-size:.9em;font-weight:light}textarea{padding:.2rem .5rem;text-align:start;color:var(--bg-primary);border-radius:5px;width:320px;height:200px}.btn-box .btn{width:120px;height:40px;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--text-secondary-tr);position:relative;justify-content:center;z-index:1;overflow:hidden;cursor:pointer;padding:0;margin-top:2rem}.btn-box .btn:hover{font-weight:400;color:var(--text-bright)}.btn-box .btn:before{content:"";position:absolute;top:0;left:0%;width:0%;height:100%;background:linear-gradient(to right,var(--text-secondary-tr),var(--focus));z-index:-1;transition:.3s}.btn-box .btn:hover:before{width:100%}.button-card-portfolio{display:inline-flex;align-items:center;text-align:center;gap:5px;font-size:1.2em;border-radius:25px;padding:.5rem}.button-card-portfolio:hover p,.button-card-portfolio:hover i{font-weight:400;color:var(--text-bright)}.button-card-portfolio:before{content:"";position:absolute;top:0;left:0%;width:0%;height:100%;background:linear-gradient(to right,var(--text-secondary-tr),var(--focus));z-index:-1;transition:.3s}.button-card-portfolio:hover:before{width:100%}.button-card-portfolio p{color:var(--text-bright);margin:0}@media (min-width: 768px){.contact{padding:100px 2rem 0rem;margin-top:-100;max-width:1280px;margin:auto}.contact-content{max-width:900px}.titleContact{margin-left:4rem;margin-bottom:5rem}.input-box{max-width:380px;height:550px}.input-field input{width:360px;height:50px}textarea{width:360px;height:250px}.btn-box .btn{width:150px;height:50px;margin-top:1rem;font-size:1.2em}}.Luz5{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.Luz5:before{content:"";position:absolute;top:40%;left:38%;transform:translate(-50%,-50%);width:1px;height:1px;color:transparent;border-radius:50%;box-shadow:0 0 120px 100px #0c2d6bcc;background-color:transparent}:root{--color-white: rgb(201, 209, 217);--color-bright: rgb(227, 233, 240);--color-bright-tr: rgba(227, 233, 240, .7);--color-muted: rgb(139, 148, 158);--color-dark: rgb(33, 37, 44);--color-muted-dark: rgb(33, 38, 45);--bg-primary: #0f172a;--bg-primary-tr: rgba(15, 23, 42, .9);--bg-secondary: #1a242f;--bg-tertiary: #252b31;--bg-focus: rgb(12, 45, 107);--selection: #1c76c5;--selection-dark: rgba(28, 118, 197, .4);--text-primary: #ededed;--text-secondary: rgb(0, 171, 240);--text-secondary-tr: rgba(0, 171, 240, .5);--text-transparent: rgba(0, 171, 240, .2);--text-transparent-dark: rgba(0, 171, 240, .1);--text-bright: rgb(227, 233, 240);--text-bright-tr: rgba(227, 233, 240, .5);--text-muted: rgb(139, 148, 158);--links: #0ea5e9;--focus: rgb(56, 139, 253);--border: rgb(33, 37, 44);--border-muted: rgb(33, 38, 45);--border-bright: rgb(139, 148, 158);--button-hover: #324759;--form-placeholder: #a9a9a9}.wrap{white-space:pre-wrap}