@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";#root{width:100%}.layout{width:100%;display:flex;justify-content:center;align-items:center}.principal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:256px;margin-bottom:16px}header{background:#161618;position:sticky;top:0;width:100%;height:70px;border-bottom:1px solid #242426;display:flex;justify-content:center;align-items:center;z-index:10}header span{font-size:12px;color:#4191f9}.app{max-width:1080px;width:100%;position:relative}.app:before{content:"";position:fixed;width:200px;height:200px;background:var(--primary-color);border-radius:50%;top:0;right:-100px;filter:blur(180px);z-index:20}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}footer span{text-align:center;font-size:14px}footer a{font-size:12px}@media screen and (width < 760px){.layout{flex-direction:column}.principal{margin-left:0;padding:0 16px}header{display:none}.app:before{z-index:-30}}aside{background:#161618;width:100%;max-width:256px;height:100vh;border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;gap:32px;position:fixed;top:0;left:0;z-index:30}aside:before{content:"";width:50px;height:50px;position:fixed;border-radius:50%;background:var(--primary-color);bottom:0;left:0;filter:blur(50px);z-index:-20}aside::-webkit-scrollbar{display:none}.button-collapse{position:absolute;top:0;background:var(--primary-color);padding:9px;border:none;border-radius:50%;display:flex;transition:.2s ease-in-out}.button-collapse:hover{cursor:pointer;background:#0062d8}.nav-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:32px}nav{width:100%;display:flex;flex-direction:column;gap:32px}nav ul{width:100%;display:flex;flex-direction:column;gap:4px}nav ul li a{font-size:14px;font-weight:500;color:#818089;padding:6px 12px;border-radius:8px;transition:.2s ease-in-out;background:transparent;display:flex;align-items:center;gap:8px}nav ul li a:hover{color:var(--title-color);background:var(--bg-nav-active)}a.active{background:var(--bg-nav-active);color:var(--title-color)}.social{display:flex;flex-direction:column;gap:12px}.social p{padding-left:12px;font-size:10px}.social .link-social{background:transparent;border:transparent}.external{width:100%;background:var(--primary-color);padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;color:var(--title-color);text-align:center}.copy{font-size:12px;text-align:center}.hamburguer{background:#272a2f;border:none;padding:5px;border-radius:6px;display:flex;transition:.2s ease-in-out;display:none}.hamburguer svg{transition:all .2s ease-in-out}@media screen and (width > 1600px){aside{height:100%}}@media screen and (width < 760px){aside{width:100%;max-width:100%;flex-direction:row;justify-content:space-between;align-items:center;max-height:60px;border-bottom:1px solid var(--border-color);padding:auto 16px;position:sticky;top:0;transition:.2s ease-in-out;z-index:20;background:linear-gradient(to right,#161618,transparent)}aside .copy{display:none}.nav-container{background:#161618ee;max-width:100%;height:100vh;top:60px;left:-100%;right:0;position:fixed;opacity:0;transition:.2s ease-in-out}.nav-container.active{left:0;opacity:1;transition:.2s ease-in-out}nav{background:#161618;border-right:1px solid var(--border-color);padding:24px;width:50%;height:100%}.external{display:none}.hamburguer{position:fixed;right:24px;display:flex;z-index:40}}.profile{position:relative;display:flex;align-items:start;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:2px}.profile .active-status{--size: 10px;position:absolute;width:var(--size);height:var(--size);background:#0f1;border-radius:50%;left:33px;bottom:8px;border:1px solid #000}.profile-img{--size: 40px;width:var(--size);height:var(--size);border-radius:50%;object-fit:cover}.profile-names h2{font-size:14px;color:var(--title-color);font-weight:500}.profile-names p{font-size:14px;font-weight:500;color:#595c62}@media screen and (width < 760px){.profile{border:none;padding-bottom:0}}.home-container{display:flex;flex-direction:column;gap:80px}.home{max-width:832px;display:flex;flex-direction:column;gap:32px;margin-top:100px}.home-header{display:flex;flex-direction:column;gap:12px}h1{font-size:48px;font-weight:600}h2{font-size:16px;font-weight:500}.home-buttons{display:flex;align-items:center;gap:32px}.title-cv{display:flex;align-items:center;gap:8px}.icon-cv{background:#2c2d34;padding:10px;border-radius:8px;display:flex}.title-cv p{color:var(--title-color)}.education{max-width:832px;display:flex;flex-direction:column;gap:32px}.education-header{display:flex;justify-content:space-between;align-items:center}.education-header h2{font-size:24px;font-weight:600}.education-container{display:flex;flex-direction:column;gap:32px}.education-card{max-width:376px;display:flex;gap:16px;align-items:start}.education_icon{border-radius:6px;padding:12px;display:flex;color:var(--primary-color)}.education_icon svg{filter:drop-shadow(0 0 10px #ffffff89)}.education_card_info{display:flex;flex-direction:column;gap:8px}.education_card_info h2{font-size:18px;font-weight:600}.education_card_info p{font-weight:400;font-size:16px;color:#fff}.education_card_info span{font-size:14px}.education-card-logo{padding:10px;border-radius:15px;border:1px solid var(--border-color);display:flex}.education-card-info{display:flex;flex-direction:column;gap:8px}.education-card-info h3{font-size:16px;font-weight:600}.education-card-info p{color:var(--title-color)}.education-card-info span{font-size:14px}hr{border:none;width:100%;height:1px;background:var(--border-color)}@media screen and (width < 760px){.home-container{margin-top:40px;display:flex;flex-direction:column;gap:40px}h1{font-size:48px}h2{font-size:32px}.home-buttons{display:flex;justify-content:space-between;align-items:center}}.button-external{background:var(--primary-color);color:var(--title-color);font-size:14px;font-weight:600;padding:12px 32px;border-radius:10px;display:flex;align-items:center;gap:8px;transition:.2s ease-in-out}.button-external:hover{background:#0161d7}@media screen and (width < 760px){.button-external{padding:12px 16px}}.button-secondary{background:#272a2f;color:var(--title-color);font-size:14px;font-weight:600;padding:12px 32px;border-radius:10px;display:flex;align-items:center;gap:8px;transition:.2s ease-in-out}.button-secondary:hover{background:#202227}@media screen and (width < 760px){.button-secondary{padding:12px 16px}}.home-resume{max-width:832px;display:flex;flex-direction:column;gap:32px}.resume-header{display:flex;justify-content:space-between;align-items:center}.resume-header h2{font-size:24px;font-weight:600}.resume-cv{display:flex;justify-content:space-between;align-items:center}.dowload-cv{background:#791fc1;font-size:14px;font-weight:600;border-radius:10px;padding:12px 32px;color:var(--title-color);display:flex;align-items:center;gap:8px}@media screen and (width < 760px){.dowload-cv{padding:12px 16px}}.button-more-info{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-color);transition:.2s ease-in-out;animation:FadeIn 2.5s ease-in-out infinite}.button-more-info:hover{color:var(--title-color)}.homeproyect{max-width:832px;display:flex;flex-direction:column;gap:32px}.works-header{width:100%;display:flex;justify-content:space-between;align-items:center}.works-header h2{font-size:24px;font-weight:600}.work-container{width:100%;display:flex;flex-wrap:wrap;gap:32px}.proyect_container{display:flex;gap:16px}.proyect_card{padding:24px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;border-radius:15px;transition:.3s ease-in-out;overflow:hidden;position:relative}.proyect_card:before{content:"";position:absolute;width:100%;height:50px;background:var(--primary-color);border-radius:10px;left:0;right:0;bottom:-140px;filter:blur(60px)}.proyect_card:hover{background:#1c1c1f}.proyect_card_header{display:flex;justify-content:space-between;align-items:start}.menu{border:1px solid var(--border-color);padding:4px;border-radius:5px;display:flex}.proyect_img{width:100%;height:auto;overflow:hidden;border-radius:15px}.proyect_img img{width:100%;height:100%;transition:.3s ease-in-out}.proyect_img img:hover{transform:scale(1.2)}.last-card{background:#1c1c1f;border-radius:20px;padding:16px;max-width:400px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--border-color);overflow:hidden}.last-card .card_img{width:100%;height:274px;overflow:hidden;border-radius:20px}.last-card .card_img img{max-width:100%;border-radius:20px;transition:.3s ease-in-out}.last-card .card_img img:hover{transform:scale(1.1)}.last-card h3{font-size:18px;font-weight:500}@media screen and (width < 760px){.work-container{flex-direction:column;justify-content:center;align-items:center}}.external-link{display:flex;align-items:center;gap:8px;color:#bf71ff;transition:.2s ease-in-out}.external-link:hover{color:var(--title-color)}.home-skill{max-width:832px;display:flex;flex-direction:column;gap:32px}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-header h2{font-size:24px;font-weight:600}.home-skill-container{display:flex;flex-wrap:wrap;justify-content:start;gap:8px}.home-skill-card{max-width:352px;width:100%;padding:12px;display:flex;align-items:center;gap:16px;border-radius:6px;border:1px solid transparent;transition:.3s ease-in-out}.home-skill-card:hover{background:#1c1c1f;border:1px solid #242426}.skill-card-icon{--size: 50px;width:var(--size);height:var(--size);border-radius:6px;display:flex;justify-content:center;align-items:center;border:1px solid #242426}.skill-card-name{display:flex;flex-direction:column;gap:2px}.skill-card-name h3{font-size:16px;font-weight:500}@media screen and (width < 760px){.home-skill-container{flex-direction:column}}.proyect{max-width:1034px;margin-top:80px;display:flex;flex-direction:column;gap:80px}.proyect-intro{display:flex;flex-direction:column;gap:32px}.proyect-intro h1{font-size:32px;font-weight:600}.proyect-navigation{display:flex;align-items:center;gap:32px}.proyect-navigation a{font-size:18px;color:var(--title-color)}.proyect-navigation a:hover{color:var(--primary-color)}.proyect-container{display:flex;flex-wrap:wrap;gap:32px}.proyect-card{background:#1d1f22;max-width:501px;padding:36px 38px;border-radius:20px;display:flex;flex-direction:column;gap:10px}.proyect-card img{max-width:425px;width:100%;max-height:270px;object-fit:cover;border-radius:20px}.proyect-card h2{font-size:18px;font-weight:500}.proyect-card h3{font-size:16px;font-weight:500}.proyect-card ul{display:flex;align-items:center;gap:16px}.proyect-card ul li{background:#391f52;padding:5px 10px;border-radius:6px}.container{display:flex;flex-direction:column;gap:80px;padding:16px 0 24px}.container-header{display:flex;flex-direction:column;gap:16px}.container-header h1{font-size:24px;font-weight:600;color:var(--title-color)}.product-card{background:#1d1f22;max-width:501px;padding:36px 38px;border-radius:20px;display:flex;flex-direction:column;align-items:start;gap:10px;border:1px solid #2C2D34;overflow-x:hidden}.product-card img{max-width:425px;width:100%;max-height:270px;object-fit:cover;border-radius:20px}.product-card h2{font-size:18px;font-weight:500}.product-card h3{font-size:16px;font-weight:500}.product-card ul{display:flex;align-items:center;gap:16px}.product-card ul li{background:#391f52;padding:5px 10px;border-radius:6px}@media screen and (width < 760px){.product-card{width:100%;padding:18px 16px}.product-card img{max-width:100%;height:auto}}.badge{background:#391f52;padding:5px 10px;border-radius:6px;font-size:14px;font-weight:500}@media screen and (width < 760px){.badge{font-size:12px}}.skill-container{display:flex;flex-direction:column;gap:32px}.skill-container h2{font-size:20px;font-weight:600}.skills{display:flex;flex-wrap:wrap;gap:32px}.skill-left,.skill-right{display:flex;flex-direction:column;gap:32px}.skill-card{background:#1d1f22;max-width:501px;padding:16px 32px;border:1px solid #2C2D34;border-radius:20px;display:flex;flex-direction:column;gap:32px;transition:all .25s ease-in-out;max-height:299px;overflow:hidden}.skill-card.active{max-height:82px;overflow:hidden;transition:all .2s ease-in-out;height:299px}.skill-card h3,p,a{transition:.2s ease-in-out}.skill-card-header{display:flex;justify-content:space-between;align-items:center}.skill-card-info{display:flex;align-items:center;gap:8px;transition:.2 ease-in-out}.skill-card-info .skill-title{font-size:20px;font-weight:500}.card-subtitle{font-size:18px;font-weight:500}.skill-button{color:var(--title-color);transition:.2s ease-in-out}.skill-button:hover{color:var(--text-color);cursor:pointer}.skill-button svg{transition:.2s ease-in-out}.skill-button.active svg{transform:rotate(180deg);transition:.2s ease-in-out}.card{background:#1d1f22;max-width:501px;padding:16px 32px;border:1px solid #2C2D34;border-radius:20px;display:flex;flex-direction:column;align-items:start;gap:32px;max-height:320px;height:82px;overflow:hidden;transition:all .25s ease-in-out}.card.active{overflow:hidden;transition:all .2s ease-in-out;height:320px}.card-header{width:100%;display:flex;justify-content:space-between;align-items:center}.card-icon{display:flex;align-items:center;gap:8px;transition:.2 ease-in-out}.card-icon h3{color:var(--title-color);font-size:16px;font-weight:600}h3,p,a{transition:.2s ease-in-out}.button{background:none;border:none;display:flex;color:var(--title-color)}.button:hover{color:var(--text-color);cursor:pointer}.button svg{transition:.3s ease-in-out}.button.active svg{transform:rotate(180deg);transition:.3s ease-in-out}.card h4{color:var(--title-color);font-size:16px;font-weight:500}.card a{font-size:14px;font-weight:600;color:var(--primary-color)}@media screen and (width < 760px){.card{padding:16px;gap:24px;max-height:max-content}.card.active{overflow:hidden;transition:all .2s ease-in-out;height:323px}}.about-intro{max-width:790px}.about-intro h1{font-size:24px;font-weight:600}.about-header{display:flex;flex-direction:column;gap:16px}.about-info{width:100%;display:flex;justify-content:space-between;align-items:center}.about-image{display:flex;align-items:center;gap:32px}.about-image img{max-width:100%;width:100px;height:100px;object-fit:cover;border-radius:10px}.about-name{display:flex;flex-direction:column}.about-name h2{font-size:18px;font-weight:500}.about-contact{max-width:790px;display:flex;flex-direction:column;gap:32px}.about-contact h2{font-size:24px;font-weight:600}.contact-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.contact-socials{display:flex;flex-direction:column;gap:32px}.contact-socials h2{font-size:24px;font-weight:600}.socials{display:flex;align-items:center;gap:32px}@media screen and (width < 760px){.about-info{align-items:start;flex-direction:column;gap:16px}.about-image{flex-direction:column;align-items:start}}article{display:flex;align-items:center;gap:10px}.icon{background:#1d1f22;padding:10px;border:1px solid #2C2D34;border-radius:15px;display:flex}.date{display:flex;flex-direction:column;gap:8px}.date a{font-size:18px;font-weight:500;color:var(--title-color);display:flex;align-items:center;gap:8px;transition:.2s ease-in-out}.date a:hover{color:var(--primary-color)}.date span{font-size:14px}.social-link{background:#1d1f22;padding:10px 16px;border:1px solid #2C2D34;border-radius:15px;display:flex;align-items:center;gap:10px;font-weight:500;color:var(--title-color)}.social-link svg{color:#0070f7}.social-link:hover{color:var(--primary-color)}.contact{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.error404{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0070F7;--secondary-color: #791FC1;--title-color: #ECECEE;--text-color: #777C89;--bg-nav-active: #29292C;--border-nav-active: #3B3E45;--nav-inactive-text: #595C62;--border-color: #242426;color-scheme:light dark;color:var(--text-color);background-color:#161618}body{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;color:var(--text-color)}p{line-height:150%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#161618}::-webkit-scrollbar-thumb{background:#33323e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3b3a43}h1,h2,h3{color:var(--title-color)}li,a{text-decoration:none;list-style:none}