@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.navbar{display:flex;position:sticky;top:0;z-index:1;justify-content:space-between;padding:1rem 3rem;background-color:#0003;text-decoration:none;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.navbar li{list-style-type:none}.nav-links{display:flex;font-weight:700;text-decoration:none;padding:0;margin:0;gap:3rem;align-items:center}a{text-emphasis:none;text-decoration:none;color:#fff}.nav-links.desktop-only button{all:unset;text-emphasis:none;text-decoration:none;color:#fff;background-color:transparent;font-size:1rem;font-family:Montserrat}.nav-icons{display:flex;align-items:center;gap:2rem}.nav-icons img{width:30px;height:30px;cursor:pointer}.navbar img{height:50px}.mobile-only{display:none}.mobile-menu{position:fixed;top:0;right:-120%;width:100vw;height:100vh;background-color:#0b1f16;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:2rem;transition:right .3s ease-in-out;z-index:999}.close-button{background:none;border:none;font-size:2rem;color:#fff;align-self:flex-end;margin-bottom:2rem;cursor:pointer}.mobile-menu-content a{display:flex;justify-content:end;margin-bottom:1.5rem;color:#fff;font-size:2rem;text-decoration:none}.mobile-menu-content img{width:30px;height:30px;margin-right:1rem}.mobile-menu.open{right:0}@media screen and (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0}.menu-icon{margin-left:auto;display:flex;align-items:center;cursor:pointer}.nav-inicio{padding:0}.navbar.mobile-only.mobile-header{width:100%;margin:0;padding:1rem 1.5rem}.nav-inicio{font-family:Montserrat;font-size:1.25rem;font-weight:700}}.footer-section{display:flex;flex-direction:column;color:#fff;padding:5rem 20rem}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footer-underline{width:100%;height:2px;background-color:#fff}@media (max-width: 1024px){.footer-section{padding:4rem 8rem}}@media screen and (max-width: 768px){.footer-section{display:flex;flex-direction:column;color:#fff;padding:5rem 2rem}}body{margin:0;padding:0;background:linear-gradient(#086a39,#02170b);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:#fff;font-family:Montserrat,Arial,sans-serif}html{scroll-behavior:smooth}.separator{height:80px}@keyframes colorChange{to,0%{color:red}8%{color:#ff7f00}16%{color:#ff0}25%{color:#7fff00}33%{color:#0f0}41%{color:#00ff7f}50%{color:#0ff}58%{color:#007fff}66%{color:#00f}75%{color:#7f00ff}83%{color:#f0f}91%{color:#ff007f}}.hero{display:flex;justify-content:center;align-items:center;height:93vh;gap:7rem}.hero-content{width:40%;align-items:center;justify-content:center}.profile-image img{height:50vh;border-radius:50px;box-shadow:0 0 20px #00000080}.hero-h1{font-size:4rem;font-weight:bolder;color:#fff;margin-bottom:1rem;margin:0}.hero-h2{font-weight:400;font-size:1.3rem}.highlight{animation:colorChange 9s infinite linear}.hero-buttons{display:flex;justify-content:start;align-items:center;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.hero-buttons{font-size:1rem;gap:10px}}@media screen and (max-width: 768px){.profile-image{display:none}.hero{display:flex;justify-content:center;align-items:center;height:90vh;gap:7rem}.hero-content{width:90%;align-items:center;justify-content:center}.hero-h1{font-size:3.5rem;font-weight:bolder;text-align:center;color:#fff;margin-bottom:1rem;margin-top:2rem}.hero-h2{font-weight:400;font-size:1.3rem;text-align:center}.highlight{animation:colorChange 9s infinite linear}.hero-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:4rem}}.social-links{display:inline-flex;background:linear-gradient(100deg,#05411f,#1e3729);width:auto;height:2rem;padding:.8rem 1rem;justify-content:center;align-items:center;border-radius:15px;border:1px solid #fff}.social-links a{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:100%}.title-section{display:flex;flex-direction:column;align-items:flex-start;gap:0px;margin-bottom:2rem;margin-left:15vw;align-items:start}.title-section h1{color:#00ef7a;font-size:3rem;font-weight:700;margin:0}.title-underline{width:80px;height:10px;background-color:#00ef7a;margin-top:5px}@media screen and (max-width: 768px){.title-section h1{color:#00ef7a;font-size:2.25rem;font-weight:700;margin-bottom:.7rem}.title-section{margin-bottom:.5rem}}.skill-card{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;background-color:#15231b;width:7vw;height:13vh;padding:1.5rem;border-radius:.5rem;color:#fff;box-shadow:0 0 10px #0003;font-weight:600;font-size:1.25rem;transition:transform .3s,background-color .3s}.skill-card:hover{background-color:#0b4b26;transform:translateY(-.5rem);transition:transform .3s,background-color .3s}.skill-card a{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center}.skill-card img{height:7vh;margin-bottom:1rem}.skill-card p{margin:0;text-align:center}@media screen and (max-width: 768px){.skill-card{width:12vw;height:13vh;padding:1.5rem;border-radius:.5rem;color:#fff;box-shadow:0 0 10px #0003;font-weight:600;font-size:.85rem;transition:transform .3s,background-color .3s}.skill-card:hover{background-color:#0b4b26;transform:translateY(-.5rem);transition:transform .3s,background-color .3s}.skill-card a{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center}.skill-card img{height:7vh;width:7vh;margin-bottom:1rem}.skill-card p{margin:0;text-align:center}}.skill-filter{display:flex;flex-direction:row;gap:1rem;margin-bottom:20px}.skill-filter button{background:none;border:none;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;padding:5px 10px;position:relative;transition:color .3s}.skill-filter button.active{color:#0f8}.skill-filter button.active:after{content:"";display:block;width:100%;height:4px;background-color:#0f8;position:absolute;bottom:-8px;left:0;border-radius:2px;transition:width .3s ease-in-out}.skill-grid-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-grid{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:2rem;width:fit-content;margin-left:auto;margin-right:auto}@media screen and (max-width: 768px){.skill-grid-container{margin-top:2rem}.skill-grid{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2rem;width:fit-content;margin-left:auto;margin-right:auto}}.project-container{width:22vw;height:auto;background-color:#093019;border-radius:1.25rem;box-shadow:0 15px 12px #fff3;transition:transform .3s,background-color .3s}.project-container:hover{background-color:#0b4b26;transform:translateY(-.5rem);transition:transform .3s,background-color .3s}.project-image{width:100%;height:auto;object-fit:cover;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.project-content{padding:1.25rem 1.7rem 1.7rem;display:flex;flex-direction:column;gap:0rem}.project-etiquetas{display:flex;flex-wrap:wrap;width:100%;margin-bottom:1rem;gap:.5rem;font-size:.9rem}.project-etiquetas span{background-color:#0e5431;color:#fff;padding:.5rem 1rem;border-radius:1.25rem;font-weight:400}.content-project{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.title-project{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.project-grid-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-grid{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:2rem;width:fit-content;margin-left:auto;margin-right:auto}.other-projects{margin-top:4rem}.other-projects a{display:flex;gap:1rem;font-size:1.5rem;transition:transform .3s}.other-projects a:hover{transform:translateY(-.5rem)}@media screen and (max-width: 768px){.project-grid{grid-template-columns:repeat(1,1fr);gap:40px;margin-top:2rem;width:fit-content;margin-left:auto;margin-right:auto}.project-container{width:80vw}}.experience-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem}.experience-grid .other-projects{margin-top:1rem}@media screen and (max-width: 768px){.experience-grid{margin-top:2.5rem}}.experience-card{display:flex;flex-direction:row;gap:1.5rem;width:60vw;margin-bottom:2rem}.experience-left{margin-left:12px}.experience-card h1,.experience-card h2{margin:0}.year-tag{display:inline-block;background-color:#43604c;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:1rem;clip-path:polygon(0% 0%,85% 0%,100% 50%,85% 100%,0% 100%);width:fit-content}.experience-right{display:flex;flex-direction:column;gap:1rem}.content-p{margin-bottom:1rem}.experience-card ul{list-style-type:disc}.experience-card li::marker{color:#fff}.experience-card li{list-style:disc inside none}@media (max-width: 1024px){.separator{height:40px}.experience-card{width:72vw}.other-projects a{display:flex;justify-content:center;align-items:center}.other-projects span{font-size:1.2rem}.other-projects img{height:10px}}@media screen and (max-width: 768px){.experience-card{flex-direction:column;gap:1.5rem;width:80vw}.experience-left{margin-left:0}.experience-card h1,.experience-card h2{margin:0}.year-tag{display:inline-block;background-color:#43604c;color:#fff;padding:.5rem 1rem;font-weight:700;font-size:1rem;clip-path:polygon(0% 0%,85% 0%,100% 50%,85% 100%,0% 100%);width:fit-content}.experience-right{display:flex;flex-direction:column;gap:1rem}.content-p{margin-bottom:1rem}.experience-card ul{list-style-type:disc}.experience-card li::marker{color:#fff}.experience-card li{list-style:disc inside none}}.experience-page{display:flex;flex-direction:column;align-items:center}.experience-page .title-section{margin:0;margin-bottom:4rem}.markdown-container{padding:2rem 15rem;line-height:2rem;font-family:Montserrat}.markdown-container img{width:100%;height:auto}@media screen and (max-width: 768px){.markdown-container{padding:2rem}}.markdown-container blockquote{border-left:4px solid #ccc;padding-left:1rem;margin:1rem 0;color:#ffc936;background-color:#fcff371a}.fd-wrap{display:grid;grid-template-columns:.5fr 1.5fr 1fr;gap:20px;align-items:center;padding:3rem;border-radius:2rem;background-color:#4dffa61a}.fd-col{min-height:120px;display:grid;align-content:start;justify-content:center;gap:12px}.fd-inputs label span{display:block;font-size:1rem;font-weight:700;margin-bottom:6px}.fd-inputs input{width:100%;padding:.5rem 0 .5rem 1rem;border:1px solid #f7f6f6;border-radius:10px;background:#eee}.fd-inputs button{margin-left:.5rem;margin-top:1rem;padding:.8rem;border:0;border-radius:10px;background:#2a7ae4;color:#fff;font-weight:600;cursor:pointer;width:100%}.fd-inputs button:disabled{opacity:.6;cursor:default}.fd-center{position:relative;display:flex;place-items:center;flex-direction:row-reverse;width:400px}.fd-icon{width:30%!important}.fd-center img{width:20%!important}@keyframes fd-spin{to{transform:rotate(360deg)}}.fd-run .fd-icon{animation:fd-spin 1s linear infinite}.fd-arrows{position:relative;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:0}.fd-arrow{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:260;stroke-dashoffset:260;marker-end:url(#fd-head)}@keyframes fd-draw{to{stroke-dashoffset:0}}.fd-run .fd-a1{animation:fd-draw .6s ease-in-out forwards .1s}.fd-run .fd-a2{animation:fd-draw .6s ease-in-out forwards .8s}.fd-run .fd-a3{animation:fd-draw .6s ease-in-out forwards 1.5s}.fd-out{display:flex;justify-content:center;margin:0;width:350px}.fd-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 6px 14px #0000000f}.fd-table td{color:#000}.fd-table th,.fd-table td{padding:12px 14px;border-bottom:1px solid #eee;background:#fff;text-align:center}.fd-table thead th{background:#009528}.fd-placeholder{height:200px;border:1px dashed #cfcfcf;border-radius:12px;display:grid;place-items:center;color:#777}@media (min-width: 1024px){.fd-center{width:95%}}@media (max-width: 768px){.fd-wrap{display:flex;flex-direction:column;margin:0}.fd-col{width:90%;margin:auto;text-align:center}.fd-arrows{width:0%}.fd-table th,.fd-table td{padding:2px 14px;border-bottom:1px solid #eee;background:#fff;text-align:center}.fd-table{width:10%;font-size:12px}}.fd-tl-out{width:100%;display:flex;justify-content:center;margin:0;align-items:center}.fd-tl-table{width:100%}.fd-tl-table th,.fd-tl-table td{width:5rem;text-align:center}:root{--tamano-circulos: 2rem}.circle-start,.circle-process,.circle-end{width:var(--tamano-circulos);height:var(--tamano-circulos);border-radius:50%;background-color:#5d5d5d;margin:0 auto;position:relative}.circle-start:after{content:"";position:absolute;top:50%;left:115%;width:0;height:3px;border-top:4px dashed #ffffff;transform:translateY(-50%)}.circle-process:after{content:"";position:absolute;top:50%;left:115%;width:0;height:3px;border-top:4px dashed #ffffff;transform:translateY(-50%)}.circle-start.active:after{animation:reveal .3s linear forwards}.circle-process.uno:after{animation:reveal .3s linear forwards}.circle-process.dos:after{animation:reveal .3s linear forwards}.circle-process.tres:after{animation:reveal .3s linear forwards}.circle-start.active{animation:reveal_color .3s linear forwards}.circle-process.uno,.circle-process.dos,.circle-process.tres{animation:reveal_color_2 .3s linear forwards}.circle-process.end{animation:reveal_color_3 .3s linear forwards}.fd-tl-button{padding:.8rem;border:0;border-radius:10px;background:#2a7ae4;color:#fff;font-weight:600;cursor:pointer;width:15%;height:20%}@keyframes reveal{0%{width:0rem}to{width:13rem}}@keyframes reveal_color{0%{background-color:#5d5d5d}to{background-color:#02d90d}}@keyframes reveal_color_2{0%{background-color:#5d5d5d}to{background-color:#fc0}}@keyframes reveal_color_3{0%{background-color:#5d5d5d}to{background-color:red}}@media (max-width: 1440px){@keyframes reveal{0%{width:0rem}to{width:9rem}}}@media (max-width: 768px){.fd-tl-out{flex-direction:column-reverse}.fd-tl-button{width:200px}@keyframes reveal{0%{width:0rem}to{width:2.2rem}}}.fd-pa-out{width:100%;display:flex;justify-content:center;margin:0}.fd-pa-table{width:40%}.fd-pa-table th,.fd-pa-table td{width:10rem;text-align:center}.fd-pa-table img{max-width:50%;height:auto}.fd-pa-button{margin-left:.5rem;margin-top:1rem;padding:.8rem;border:0;border-radius:10px;background:#2a7ae4;color:#fff;font-weight:600;cursor:pointer;width:50%}.badge-container{position:relative;display:inline-block}.fd-pa-img,.outlook-logo{width:35%!important}.badge{position:absolute;top:-5px;right:115px;background-color:red;color:#fff;font-size:.8rem;font-weight:700;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px #0000004d}.arrow{width:120px;height:60px}.arrow path{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200}.arrow.animate path{animation:drawLine 1.2s ease forwards}.spin{animation:spin .5s linear}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1024px){.badge{top:-5px;right:60px}.badge-container{width:100px}.outlook-logo{width:100%!important}.fd-pa-table{width:600px}.fd-pa-button{width:150px}}@media (max-width: 768px){.badge{font-size:0;width:0%;height:0%}.badge-container{width:50px}.outlook-logo{width:100%!important}.fd-pa-button{width:80px}}