@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;color:#abb2bf;font-family:Fira Code,monospace;text-decoration:none}html{background-color:#282c33;max-width:100%;width:100%}.main-title{font-size:32px;font-weight:500;line-height:42px}.Title{color:#fff}.Symbol{color:#c778dd}.main-aboutme{display:flex;flex-direction:column;gap:23px;width:100%}.title-aboutme{display:flex;flex-direction:column;gap:8px}.title-header{display:flex;align-items:center;gap:16px;width:100%}.bar-aboutme{flex:1;max-width:326px;height:1px;background:#c778dd}.subtitle{color:#abb2bf;font-size:16px}.content-aboutme{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px}.text-aboutme{flex:1;max-width:515px;color:#abb2bf;line-height:26px}.text-aboutme p{margin-bottom:16px}.button-aboutme{display:inline-block;width:auto;border:1px solid #c778dd;padding:8px 16px;color:#fff;text-decoration:none;font-weight:500;margin-top:16px;transition:.3s}.button-aboutme:hover{background-color:#c778dd1a}.picture-aboutme{position:relative;width:100%;max-width:343px;min-height:400px;display:flex;justify-content:center}.person{position:relative;width:100%;height:auto;z-index:1;border-bottom:1px solid #c778dd}.dots-aboutme{position:absolute;width:84px;left:0;top:40px;z-index:2}.dots2-aboutme{position:absolute;width:104px;right:10px;bottom:40px;z-index:2}@media (max-width: 900px){.content-aboutme{flex-direction:column;align-items:center;gap:60px}.text-aboutme{max-width:100%;text-align:center}.picture-aboutme{margin-top:20px}.dots-aboutme{left:-10px}.dots2-aboutme{right:-10px}}.main-contacts{display:flex;flex-direction:column;height:auto;width:100%;gap:24px}.title-contacts{width:100%;display:flex;flex-direction:row;align-items:center;gap:16px}.bar-contacts{width:100%;max-width:127px;height:1px;background:#c778dd}.content-contacts{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;width:100%}.text-contacts{flex:1;max-width:505px;line-height:26px;color:#abb2bf}.box-contacts{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.box{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:16px;border:1px solid #abb2bf;min-width:150px}.box-title{color:#fff;font-weight:600;margin-bottom:8px}.box-suport,.box-rede{display:flex;flex-direction:column;gap:12px}.box-label{display:flex;align-items:center;gap:8px;color:#abb2bf;font-size:14px}.outher-media{display:flex;flex-direction:column;gap:16px;margin-top:32px}.list-outher-media{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.instagram,.whatsapp{margin:4px}@media (max-width: 900px){.content-contacts{flex-direction:column;gap:32px}.text-contacts{max-width:100%}.box-contacts{width:100%;flex-wrap:wrap;justify-content:flex-start}.box{flex:1}}@media (max-width: 480px){.box-contacts{flex-direction:column}.box{width:100%}}.main-presentation{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1024px;margin:0 auto;padding:0 24px;box-sizing:border-box}.content-presentation{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;margin-top:60px}.text-box{flex:1;display:flex;flex-direction:column;gap:24px;max-width:500px}h2{color:#fff;font-size:32px;font-weight:600;line-height:1.2}h2>span{color:#c778dd}.subtitle{color:#abb2bf;font-size:16px;line-height:24px}button.button-pre{width:148px;height:37px;background-color:transparent;border:1px solid #c778dd;font-weight:500;color:#fff;cursor:pointer;transition:all .3s}button.button-pre:hover{background-color:#c778dd1a}.action-buttons{display:flex;gap:16px;align-items:center}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}button.button-outline{width:148px;height:37px;background-color:transparent;font-weight:500;color:#abb2bf;cursor:pointer;transition:background-color .3s,color .3s;border:2px solid transparent;border-image:conic-gradient(from var(--angle),#abb2bf 0%,#abb2bf 40%,#c778dd 85%,#ffffff 95%,#c778dd 98%,#abb2bf 100%) 1;animation:spin-border 2.5s linear infinite}button.button-outline:hover{background-color:#abb2bf1a;color:#fff;border-image:conic-gradient(from var(--angle),#ffffff 0%,#ffffff 100%) 1}.ilustration{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.image-container{position:relative;width:100%;max-width:460px;display:flex;justify-content:center}.Image-perfil{width:100%;height:auto;z-index:1;position:relative}.Logo-deco{position:absolute;top:20%;left:-5%;width:35%;z-index:0}.Dots-deco{position:absolute;bottom:15%;right:5%;width:19%;z-index:2}.status{width:auto;max-width:400px;display:flex;align-items:center;border:1px solid #abb2bf;background-color:#282c33;padding:8px;z-index:3;font-size:16px;color:#abb2bf}.rectangle{width:16px;height:16px;background:#c778dd;display:inline-block;margin-right:10px;animation:pulse-online 2s infinite ease-in-out}.box-quote{margin-top:80px;width:100%;display:flex;justify-content:center}.quote-container{display:flex;flex-direction:column;align-items:flex-end;position:relative;max-width:700px}.quote-content{border:1px solid #abb2bf;padding:32px;background-color:#282c33;font-size:24px;font-weight:500;color:#fff}.author-content{width:60%;border:1px solid #abb2bf;border-top:none;padding:16px;display:flex;justify-content:flex-start;color:#fff;font-size:24px}.Aspas-top{position:absolute;top:-17px;left:10px;width:51px;background-color:#282c33;padding:0 5px}.Aspas-bottom{position:absolute;bottom:54px;right:10px;width:51px;background-color:#282c33;padding:0 5px}@media (max-width: 1024){.main-presentation{margin:0 16px}}@media (max-width: 871px){.content-presentation{flex-direction:column;text-align:center;gap:60px}.action-buttons{justify-content:center;flex-wrap:wrap}.text-box{align-items:center;max-width:100%}h2{font-size:28px}.ilustration{width:100%}.Logo-deco{left:0}.author-content{width:60%}}@media (max-width: 630px){.main-presentation{padding:0 16px}h2{font-size:26px}.quote-content,.author-content{font-size:18px;padding:20px}.box-quote{margin-top:60px}}@keyframes pulse-online{0%{opacity:1;transform:scale(1);box-shadow:0 0 #c778ddb3}50%{opacity:.5;transform:scale(.95);box-shadow:0 0 8px 2px #c778dd80}to{opacity:1;transform:scale(1);box-shadow:0 0 #c778dd00}}@keyframes spin-border{to{--angle: 360deg}}.ContactModalContent{background-color:#282c33;border:1px solid #abb2bf;padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;z-index:9999;animation:contentShow .15s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{color:#abb2bf;font-size:18px;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-row input{flex:1;min-width:0}.contact-form input,.contact-form textarea{background-color:transparent;border:1px solid #abb2bf;padding:10px 12px;color:#fff;font-family:inherit;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#abb2bf}.contact-form input:focus,.contact-form textarea:focus{border-color:#c778dd}.contact-form textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:16px;align-items:center;margin-top:8px}.whatsapp-button{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;border:1px solid #25d366;padding:0 16px;height:37px;font-weight:500;box-sizing:border-box;transition:background-color .3s}.whatsapp-button:hover{background-color:#25d3661a}.IconButton{background-color:transparent;border:none;color:#abb2bf;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s ease}.IconButton:hover{color:#c778dd}.IconButton svg{width:24px;height:24px}@media (max-width: 500px){.form-row{flex-direction:column}}.main-projects{margin-bottom:58px;width:100%}.title-projects{margin-bottom:36px;display:flex;flex-direction:column;gap:8px}.content-title-projects{width:100%;display:flex;align-items:center;flex-direction:row;justify-content:space-between;gap:16px}.title-projects-label{display:flex;flex:1;align-items:center;gap:16px;min-width:0}.title-hastag{width:20px;height:42px}.bar-projects{flex:1;max-width:511px;height:1px;background:#c778dd}.link-projects{white-space:nowrap;width:auto;line-height:21px;color:#fff;text-decoration:none;font-weight:500}.link-projects:hover{color:#ffffffc2}span>p{font-size:16px;margin-bottom:36px;color:#abb2bf}.Cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}@media (min-width: 768px){.Cards{justify-content:flex-start}}@media (max-width: 480px){.title-projects-label{gap:8px}.bar-projects{max-width:100px}.content-title-projects{gap:10px}}.main-card{display:flex;flex-direction:column;width:320px;border:1px solid #abb2bf;background-color:transparent;height:100%}.image-card{width:100%;height:201px;border-bottom:1px solid #abb2bf}.image{width:100%;height:100%;object-fit:contain;display:block}.tools-card{padding:8px;border-bottom:1px solid #abb2bf}.tools-card>span{color:#abb2bf;font-family:Fira Code,monospace;font-size:16px}.content-card{padding:16px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.content-card h3{font-family:Fira Code,monospace;font-weight:500;font-size:24px;color:#fff;margin:0}.content-card p{color:#abb2bf;font-family:Fira Code,monospace;font-size:16px;margin:0}.button-card{margin-top:auto}.link-card{display:inline-block;padding:8px 16px;border:1px solid #c778dd;font-family:Fira Code,monospace;font-weight:500;color:#fff;text-decoration:none;transition:.3s}.link-card:hover{background-color:#c778dd33}.main-skills{display:flex;flex-direction:column;position:relative;margin-bottom:112px;gap:32px;width:100%}.titles-skills{display:flex;align-items:center;gap:16px}.bar-skills{width:100%;max-width:229px;height:1px;background:#c778dd}.content-skills{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.box-pictures{position:relative;width:350px;height:300px;flex-shrink:0}.Dots1{width:63px;height:63px;left:36px;top:47px;position:absolute}.Dots2{width:63px;height:63px;left:205px;top:158px;position:absolute}.Rectangle1{width:86px;height:86px;left:256px;top:12px;position:absolute}.Rectangle2{width:52px;height:52px;left:326px;top:209px;position:absolute}.Logo2{width:113px;height:113px;left:54px;top:184px;position:absolute}.skills-tools{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-end;width:100%}@media (max-width: 1024px){.content-skills{flex-direction:column-reverse;align-items:center}.skills-tools{justify-content:center;width:100%!important}.box-pictures{display:none!important}}@media (max-width: 480px){.main-skills{margin-bottom:60px}}.main-cardnote{display:flex;flex-direction:column;max-width:178px;height:auto}.content-cardnote{display:flex;flex-direction:column}.title-cardnote{border:1px solid #abb2bf;padding:8px;font-weight:600;font-size:16px;line-height:21px;color:#fff;flex:none;order:0;flex-grow:0}.description-cardnode{border:1px solid #abb2bf;border-top:none;padding:8px}.main-home{position:relative;height:auto;display:flex;justify-content:center;flex-direction:column;width:100%;max-width:1024px;margin:100px auto 0;padding:0 24px;gap:64px;box-sizing:border-box}@media (max-width: 1024px){.main-home{padding:0 120px}}@media (max-width: 768px){.main-home{margin-top:80px;gap:40px}}@media (max-width: 480px){.main-home{margin-top:60px;padding:0 16px}}.media-link{width:auto;position:fixed;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:1000;top:0}.media-icons{width:auto;display:flex;flex-direction:column;align-items:center;padding:0 10px}.icons:hover{color:#fff}.line-media{width:1px;height:191px;background:#abb2bf}@media (max-width: 940px){.media-link{display:none}}.main-header{width:100%;height:86px;padding:0 24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;background-color:#282c33;z-index:999;box-sizing:border-box}.logo{height:auto;font-weight:700;display:flex;align-items:center}.link-logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#fff;text-decoration:none}.union{height:16px;width:16px}.navbar{display:flex;justify-content:space-around;gap:40px;align-items:center}.hamburguer{display:none;cursor:pointer}.label-header{font-size:16px;color:#abb2bf;text-decoration:none;font-weight:500}.label-header:hover{color:#fff}.label-color{color:#c778dd}.select{background-color:transparent;border:none;color:#abb2bf;font-weight:700;cursor:pointer}.select:hover{color:#fff}@media (min-width: 1024px){.main-header{padding:0 18%;max-width:100%}}@media (max-width: 1024px){.main-header{padding:0 8%;max-width:100%}}@media (max-width: 940px){.navbar{display:none}.main-header{padding:0 16px;max-width:100%}.hamburguer{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;position:relative;z-index:1000}.line{display:block;width:100%;height:2px;background-color:#d9d9d9;border-radius:3px;transition:all .3s ease-in-out}.navbar-modal{display:flex;flex-direction:column;gap:32px;font-size:32px;margin-top:40px}.navbar-modal .label-header,.navbar-modal .select{font-size:32px}.DialogOverlay{background-color:#0009;position:fixed;inset:0;z-index:9998;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{width:100%;height:100%;background-color:#282c33;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:24px;z-index:9999;animation:contentShow .15s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.IconButton{font-family:inherit;border-radius:100%;height:35px;width:35px;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:absolute;top:24px;right:24px;background:transparent;border:none;cursor:pointer}.IconButton svg{width:24px;height:24px}.mobile-media-icons{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:auto;padding-top:40px;width:100%}.mobile-media-icons img{width:48px;height:48px;transition:opacity .2s ease,transform .2s ease;cursor:pointer}.mobile-media-icons a:hover img{opacity:.7;transform:scale(1.1)}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.main-footer{width:100%;height:auto;border-top:1px solid #abb2bf;display:flex;align-items:center;flex-direction:column;background-color:#282c33;margin-top:50px}.container-footer{width:100%;max-width:1024px;margin:0 auto;padding:32px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.infor-content-footer{display:flex;flex-direction:column;gap:16px}.logo-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.link-logo{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;text-decoration:none}.union{width:16px;height:16px}.email-footer{color:#abb2bf;font-size:16px}.description-footer{color:#fff}.media-footer{display:flex;flex-direction:column;gap:12px}.label-media{font-weight:500;font-size:24px;color:#fff}.icons-media{display:flex;gap:16px}.icons-media img{cursor:pointer;transition:transform .2s}.icons-media img:hover{transform:translateY(-3px)}.copy-footer{font-size:14px;padding:24px 0;color:#abb2bf;text-align:center;width:100%}@media (max-width: 768px){.container-footer{flex-direction:column;align-items:flex-start}.logo-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.container-footer{padding:32px 16px;align-items:center;text-align:center}.logo-footer,.infor-content-footer,.media-footer{align-items:center}}.my-education{width:100%;display:flex;flex-direction:column;gap:32px}.title-education{margin-bottom:16px}.education-list{display:flex;flex-direction:column;gap:0}.education-card{display:flex;gap:24px;position:relative;padding-bottom:40px}.education-card:last-child{padding-bottom:0}.timeline-connector{display:flex;flex-direction:column;align-items:center;min-width:20px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid #abb2bf;background-color:#282c33;z-index:2}.dot.completed{background-color:#abb2bf;border-color:#abb2bf}.dot.loading{background-color:#c778dd;border-color:#c778dd;box-shadow:0 0 10px #c778dd99;animation:pulse-purple 2s infinite}.line-education{width:1px;background-color:#abb2bf;flex-grow:1;margin-top:4px}.card-content{border:1px solid #abb2bf;padding:24px;width:100%;background-color:transparent;transition:transform .2s ease,border-color .2s ease}.card-content:hover{border-color:#c778dd;transform:translate(5px)}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.role-title{color:#fff;font-size:20px;font-weight:600}.date-badge{font-family:Fira Code,monospace;color:#abb2bf;border:1px solid #abb2bf;padding:4px 8px;font-size:14px}.institution{color:#c778dd;font-size:16px;margin-bottom:16px;font-weight:500}.description{color:#abb2bf;line-height:24px;margin-bottom:16px}.tech-tags{display:flex;gap:12px;flex-wrap:wrap}.tag{color:#abb2bf;font-size:14px}@keyframes pulse-purple{0%{box-shadow:0 0 #c778ddb3}70%{box-shadow:0 0 0 10px #c778dd00}to{box-shadow:0 0 #c778dd00}}@media (max-width: 600px){.education-card{gap:16px}.card-header{flex-direction:column;align-items:flex-start}.role-title{font-size:18px}.card-content{padding:16px}}.about-me-main{position:relative;height:auto;display:flex;flex-direction:column;width:100%;max-width:1024px;margin:100px auto 50px;padding:0 24px;gap:80px;box-sizing:border-box}@media (max-width: 768px){.about-me-main{gap:60px}}@media (max-width: 480px){.about-me-main{padding:0 16px;gap:40px}}.contacts-main{position:relative;height:auto;display:flex;justify-content:center;flex-direction:column;width:100%;max-width:1024px;margin:100px auto 50px;padding:0 24px;box-sizing:border-box}.main-page-projects{position:relative;height:auto;display:flex;flex-direction:column;width:100%;max-width:1024px;margin:100px auto 50px;padding:0 25px;gap:80px;box-sizing:border-box}@media (max-width: 768px){.main-page-projects{gap:60px}}@media (max-width: 480px){.main-page-projects{padding:0 16px}}.title-small-projects{display:flex;flex-direction:column;gap:24px;width:100%}.list-small-projects{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}@media (max-width: 768px){.list-small-projects{justify-content:center}}