@font-face{font-family:NunitoSans;src:url(/static/media/NunitoSans-ExtraLight.8719faed79cf6dfbee48.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;font-family:NunitoSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--white:#f9fafb;--dark-gray-1:#353b41;--dark-gray-2:#6d767e;--light-gray:#adb5bd;--dark:#22262a;--black:#1a1a1a;--light-blue:#a2c1d8;--gray:#333;--dark-red:#900;--red:#c00;--dark-gray-3:#262626;--black:#000;--scrollbar-width:10px;--scrollbar-thumb-color:#888;--scrollbar-hover-color:#555;--theme-transition:background-color 0.3s ease,color 0.3s ease}html{scroll-behavior:smooth}*{scrollbar-color:#888 #000;scrollbar-color:var(--scrollbar-thumb-color) var(--black);scrollbar-width:thin}body{color:#f9fafb;color:var(--white);font-family:Roboto,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;transition:var(--theme-transition)}.App,body{overflow-x:hidden}.App{min-height:100vh;position:relative;width:100vw}.particles-container{animation:fadeIn 4s ease forwards;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:0}#tsparticles{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.portafolio{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:100vh;position:relative;width:100%;z-index:1}.dark-mode{background-color:#000;background-color:var(--black);color:#f9fafb;color:var(--white)}.light-mode{background-color:#f9fafb;background-color:var(--white);color:#000;color:var(--black)}@media screen and (max-width:768px){.particles-container{height:100%}}@media screen and (max-height:500px){.particles-container{height:100%}}.fullcontent{height:100vh;overflow-x:hidden;position:relative;transition:background-color .3s ease;width:100vw}.portafolio-scroll{align-items:center;display:flex;flex-direction:column;font-family:NunitoSans,sans-serif;gap:30px;justify-content:flex-start;margin:0 auto;max-width:1550px;min-height:100vh;padding:4px 20px;position:relative;width:78.494%;z-index:1}h1{text-align:center}.fullcontent:not(.back) .projects-header h1,.fullcontent:not(.back) .tecnologies-header h1,.fullcontent:not(.back) .work-header h1{color:#fff}.fullcontent.back .projects-header h1,.fullcontent.back .tecnologies-header h1,.fullcontent.back .work-header h1{color:#000}.fullcontent:not(.back) #project-text{color:#e0e0e0}.fullcontent.back #project-text{color:#333}#project-title,#tecnologies-title,#work-title{font-weight:700;margin-bottom:15px}.view-toggle{gap:15px;margin:15px 0}.view-button,.view-toggle{display:flex;justify-content:center}.view-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;height:40px;position:relative;transition:all .3s ease;width:40px}.view-button:after{background:linear-gradient(90deg,#575fcf,#10ac84);border-radius:3px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.view-button.active:after{width:100%}.fullcontent:not(.back) .view-button{color:#fff}.fullcontent.back .view-button{color:#000}.view-button.active,.view-button:hover{transform:translateY(-3px)}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.about-section,.footer-section,.project-section,.projects-header,.technologies-section,.tecnologies-header,.work-experience-section,.work-header{animation-range:entry 20% cover 30%;animation:fade-in linear both}.about-section{view-timeline-name:--about;view-timeline-axis:block;animation-timeline:--about}.projects-header{view-timeline-name:--projects;view-timeline-axis:block;animation-timeline:--projects}.project-section{view-timeline-name:--project-cards;view-timeline-axis:block;animation-timeline:--project-cards}.tecnologies-header{view-timeline-name:--tech-header;view-timeline-axis:block;animation-timeline:--tech-header}.technologies-section{view-timeline-name:--technologies;view-timeline-axis:block;animation-timeline:--technologies}.footer-section{view-timeline-name:--footer;view-timeline-axis:block;animation-timeline:--footer}.work-header{view-timeline-name:--work-header;view-timeline-axis:block;animation-timeline:--work-header;align-items:center;display:flex;flex-direction:column;gap:20px}.work-header h1{font-size:2.5rem;font-weight:700;margin:0;text-align:center}::-webkit-scrollbar{width:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black);border-radius:var(--scrollbar-width)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-color)}@supports not (animation-timeline:scroll()){.about-section,.footer-section,.project-section,.projects-header,.technologies-section,.tecnologies-header{animation:none;opacity:1;transform:none}}@media screen and (max-width:1200px){.portafolio-scroll{width:90%}}@media screen and (max-width:768px){.portafolio-scroll{padding:4px 10px;width:95%}#main-navbar{height:60px;padding:4px 10px}.navbar-features{width:auto}}@media screen and (max-width:480px){.fullcontent{overflow-x:hidden}.portafolio-scroll{padding:4px 5px;width:100%}}@media (prefers-reduced-motion:reduce){.about-section,.footer-section,.project-section,.projects-header,.technologies-section,.tecnologies-header{animation:none}}#main-navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 10px 10px;flex-direction:row;height:72px;justify-content:space-between;padding:4px 20px;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:999}#main-navbar,.icon-name{align-items:center;display:flex}.icon-name{flex-direction:column;height:auto;justify-content:center}.logoportafolio{border-radius:5px;height:auto;margin:0;width:32px}#main-navbar .navbar-features{align-items:center;display:flex;flex-direction:row;gap:10px;height:40px;justify-content:center;width:25%}#main-navbar .navbar-features button{align-items:center;background-color:initial;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:center;margin:5px;padding:5px}.traduce-icon{color:var(--white);height:auto;transition:all .2s ease-in-out;width:20px}.traduce-icon:hover{transform:scale(1.2)}.traduce-icon:hover,.traduce-icon:hover path{stroke:var(--light-blue)}.sun-theme-icon{color:#d69e2e;height:auto;transition:all .2s ease-in-out;width:20px}.sun-theme-icon:hover{color:#fa0;transform:scale(1.2)}#main-navbar .navbar-features a{align-items:center;background-color:var(--white);border-radius:50px;color:var(--black);display:flex;flex-direction:row;font-size:12px;font-weight:700;gap:12px;height:auto;justify-content:center;padding:4%;text-decoration:none}#main-navbar .navbar-features a:hover{background-color:var(--light-gray);color:var(--black);transition:all .2s ease-in-out}.icon_download{border-radius:5px;font-weight:none;height:auto;margin:0;width:16px}#main-navbar .navbar-features .ligthModeTraduce{background-color:initial;color:var(--black)}#main-navbar .navbar-features .ligthModeTraduce:hover{color:var(--light-blue)}#main-navbar .navbar-features .ligth_Mode{background-color:var(--black);color:var(--white)}.moon-theme-icon{border-radius:20px;transition:all .2s ease-in-out}.moon-theme-icon:hover{filter:drop-shadow(0 0 10px #222f3e);transform:rotate(180deg) scale(1.2)}.moon-theme-icon:hover path{fill:#c8d6e5}@media screen and (max-width:480px){#main-navbar{justify-content:space-around}}.aboutme-section{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:100px auto;padding:4px 20px;width:80%}.aboutme-grid-section{gap:10px;justify-content:space-between}.aboutme-grid-section,.presentation{align-items:center;display:flex;flex-direction:column;height:auto;width:100%}.presentation{aspect-ratio:16/4;gap:70px}.presentation .button{--border-right:6px;--text-stroke-color:#fff9;--animation-color:#0fbcf9;--fs-size:clamp(30px,5vw,50px);-webkit-text-stroke:1px var(--text-stroke-color);background:#0000;border:none;color:#0000;cursor:pointer;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:var(--fs-size);height:auto;letter-spacing:3px;margin:0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.actual-text{padding:10px}.hover-text{-webkit-text-stroke:1px var(--animation-color);border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);content:attr(data-text);inset:0;overflow:hidden;position:absolute;text-overflow:clip;transition:.5s;white-space:nowrap;width:0}.hover-text,.presentation .button:hover .hover-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.presentation .button:hover .hover-text{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:20px;filter:drop-shadow(0 0 23px var(--animation-color));text-overflow:none;width:110%}.presentation .aboutme-icons{align-items:center;display:flex;flex-direction:row;gap:10px;height:auto;justify-content:space-evenly;margin:20px 0;width:100%}.presentation .aboutme-icons svg{align-items:center;animation:float 3s ease-in-out infinite;background-color:initial;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease-in-out;width:32px}.linkedin-background,.linkedin-background-ligth{fill:#0000;border-radius:100%;transition:all .2s ease-in-out}.github{fill:#f9fafb}.github_ligth{fill:#000}.linkedin{fill:#f9fafb}.linkedin-ligth{fill:#000}.email-svg{fill:#f9fafb}.email-svg-ligth{fill:#000}.email-svg:hover,.github:hover,.linkedin:hover{fill:#4bcffa;filter:drop-shadow(0 0 30px #575fcf)}.email-svg-ligth:hover,.github_ligth:hover,.linkedin-ligth:hover{fill:#5f27cd;filter:drop-shadow(0 0 20px #10ac84)}.email-icon{align-items:center;display:flex;flex-direction:column}.email-icon .email{background:none;border:none}.copied,.copied-light{animation:float 3s ease-in-out infinite;font-size:10px;font-weight:700}.copied-light{color:var(--black)}.aboutme-little-description{cursor:pointer;display:flex;flex-direction:column;height:auto;position:relative;width:80%;z-index:1}.aboutme-little-description p{align-items:center;font-size:15px;font-weight:700!important;line-height:1.6;margin:20px 0 50px;opacity:1;position:relative;text-align:left;transition:opacity .4s ease-in-out}.aboutme-little-description .default-description{font-weight:700;text-align:left;transition:all .4s ease-in-out}.description-segment{display:block;margin-bottom:1rem}.description-segment:last-child{margin-bottom:0}.aboutme-little-description .highlight-description{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff0d;border-radius:10px;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;text-align:left;transition:all .4s ease-in-out;width:100%}.aboutme-little-description:hover .default-description{opacity:0}.aboutme-little-description:hover .highlight-description{opacity:1;pointer-events:auto;transform:translateY(0)}.aboutme-little-description .highlight-description span{display:inline;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out}.aboutme-little-description:hover .highlight-description span{opacity:1;transform:translateY(0)}.animated-span{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .5s ease-out,transform .5s ease-out,color .3s ease-in-out}.aboutme-little-description:hover .highlight-description span:first-child{transition-delay:.1s}.aboutme-little-description:hover .highlight-description span:nth-child(2){transition-delay:.15s}.aboutme-little-description:hover .highlight-description span:nth-child(3){transition-delay:.2s}.aboutme-little-description:hover .highlight-description span:nth-child(4){transition-delay:.25s}.aboutme-little-description:hover .highlight-description span:nth-child(5){transition-delay:.3s}.aboutme-little-description:hover .highlight-description span:nth-child(6){transition-delay:.35s}.aboutme-little-description-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:100%}p.aboutme-little-description-dark{z-index:1}#aboutme-little-description-content{color:var(--white);font-size:15px;font-weight:400;line-height:1.6;margin:20px 0 50px;opacity:1;text-align:left}#aboutme-little-description-content .highlight-role{color:#0fbcf9;font-weight:700;text-shadow:0 0 10px #0fbcf94d}#aboutme-little-description-content .highlight-tech{color:#72e582;font-weight:500;text-shadow:0 0 10px #72e5824d}#aboutme-little-description-content .highlight-skill{color:#00aeff;font-weight:500;text-shadow:0 0 10px #00aeff4d}#aboutme-little-description-content .highlight-soft{color:#fb7185;font-weight:500;text-shadow:0 0 10px #fb71854d}#aboutme-little-description-content .highlight-growth{color:#fbbf24;font-weight:500;text-shadow:0 0 10px #fbbf244d}#aboutme-little-description-content .highlight-attitude{color:#81f889;font-weight:500;text-shadow:0 0 10px #81f8894d}#aboutme-little-description-ligth{background-color:initial;border-radius:10px;box-shadow:0 4px 6px #0000000d;color:var(--dark);font-size:15px;font-weight:500;line-height:1.6;margin:20px 0 50px;opacity:1;padding:20px;text-align:left;top:0}p.aboutme-little-description-ligth{color:#000;font-size:15px;font-weight:500;padding:20px;text-align:left;width:100%;z-index:1}#aboutme-little-description-ligth .highlight-role{color:#0b6ab2;font-weight:700}#aboutme-little-description-ligth .highlight-tech{color:#059669;font-weight:500}#aboutme-little-description-ligth .highlight-skill{color:#0284c7;font-weight:500}#aboutme-little-description-ligth .highlight-soft{color:#be123c;font-weight:500}#aboutme-little-description-ligth .highlight-growth{color:#b45309;font-weight:500}#aboutme-little-description-ligth .highlight-attitude{color:#4338ca;font-weight:500}.effect{animation:fadeIn .35s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.presentation .ligthModePresentation{--border-right:6px;--text-stroke-color:var(--dark);--animation-color:#3c40c6;--fs-size:50px;-webkit-text-stroke:1px var(--text-stroke-color);background:#0000;border:none;color:#0000;cursor:pointer;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:var(--fs-size);height:auto;letter-spacing:3px;margin:0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.highlight-attitude,.highlight-growth,.highlight-role,.highlight-skill,.highlight-soft,.highlight-tech{display:inline-block;padding:0 2px;transition:transform .2s ease-in-out}.highlight-attitude:hover,.highlight-growth:hover,.highlight-role:hover,.highlight-skill:hover,.highlight-soft:hover,.highlight-tech:hover{transform:scale(1.05)}@media screen and (max-width:480px){.presentation .button{--fs-size:32px;letter-spacing:2px;width:100%}.actual-text,.hover-text{font-size:var(--fs-size);padding:8px;width:100%}.hover-text{justify-content:center;text-align:center;width:0}.presentation .button:hover .hover-text{padding:8px;width:110%}}@media screen and (min-width:481px) and (max-width:768px){.presentation .button{--fs-size:39px;width:100%}.actual-text,.hover-text{padding:10px}}@media screen and (min-width:769px) and (max-width:1024px){.presentation .button{--fs-size:45px}}.projects-section{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(2,minmax(220px,2fr));margin-bottom:30px;padding:20px;width:80%}.project{border-radius:10px;height:100%;overflow:hidden;padding:20px;position:relative;transform:rotate3d(0);transition-duration:.3s;transition-property:transform,box-shadow;transition-timing-function:ease-out}.project.dark{background-color:var(--gray);color:var(--white)}.project.dark:hover{box-shadow:-10px 10px 25px 5px #000}.project.light{background-color:#5c6d7a;color:var(--black)}.project.light:hover{box-shadow:-10px 10px 25px 5px #0003}.header-project{align-items:center;display:flex;flex-direction:row;gap:10px;height:auto;justify-content:space-between;opacity:.5;position:relative;top:-10px;width:100%}.project-type-label{position:relative;top:0;transition:all .5s ease-in-out}.project-type-label.dark{color:var(--white);opacity:.8}.project-type-label.light{color:var(--white);opacity:1}.project-type-label:hover{font-size:large;opacity:1}.project-links{flex-direction:row;gap:10px}.project-link,.project-links{align-items:center;display:flex;justify-content:center;transition:all .2s ease-in-out}.project-link{flex-direction:column;text-decoration:none;width:32px}.github-project{transition:all .2s ease-in-out}.dark .github-project,.light .github-project{fill:var(--white)}.dark .github-project:hover{fill:var(--light-blue);filter:drop-shadow(0 0 30px #575fcf)}.light .github-project:hover{fill:var(--dark);filter:drop-shadow(0 0 20px #10ac84)}.link_icon{transition:all .2s ease-in-out}.dark .link_icon path,.light .link_icon path{stroke:var(--white)}.link_icon:hover path{stroke:var(--light-blue)!important;opacity:1}.project-details{display:block;margin-top:10px}.dark .project-details h2,.dark .project-details p,.light .project-details h2,.light .project-details p{color:var(--white);opacity:1}.project-details .title{font-size:1.8em;margin-bottom:10px;margin-top:0}.project-details p{font-style:italic;height:auto;margin:0;min-height:60px}.technologies-icons{align-items:center;display:flex;gap:20px;margin-top:25px;width:auto}.icon_tech,.icon_tech img{transition:all .2s ease-in-out}.icon_tech img{border-radius:50%;height:32px;opacity:.5;width:32px}.dark .icon_tech img{opacity:.5}.light .icon_tech img{opacity:1}.icon_tech:hover img{margin:0 5px;opacity:1;transform:scale(1.25)}.image-project{overflow:hidden;position:relative;right:-25px;top:40px}.img{border-radius:20px;height:260px;left:30px;object-fit:cover;object-position:60% 60%;position:relative;top:95px;transition:transform .3s ease-in-out;width:500px}.project:hover .img{transform:scale(1.1)}.project:hover .image-project{top:60px}.climj{position:relative;top:20px}.animated-element{opacity:1;transform:translateY(20px);transition:all .3s ease-in-out}.project:hover .animated-element{opacity:1;transform:translateY(0)}@media screen and (max-width:1105px){.technologies-icons{gap:10px;margin-top:10%}}@media screen and (max-width:880px){.projects-section{gap:10%;grid-template-columns:1fr;grid-template-rows:auto}.img{top:20px}.technologies-icons{margin-top:0}}@media screen and (max-width:480px){.project{padding:15px}.project-description{font-size:.8rem}.img{height:auto;left:0;width:100%}}.technologies-section{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;margin:0 auto;max-width:725px;min-width:460px;opacity:1;padding:1.25rem;transition:all .3s ease-in-out;width:80%;z-index:1}.technologies-section.dark,.technologies-section.light{opacity:1}#technologies,#technologies.dark,#technologies.light{opacity:1!important}.topflex-technologies-section{align-items:stretch;display:flex;flex-direction:row;gap:1.25rem;justify-content:space-between;margin-right:1.25rem;position:relative;width:100%}.technologies{align-items:center;border-radius:20px;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));justify-items:center;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease-in-out;width:100%}.technologies.dark{background-color:#1a1a1a;border:2px solid #fff;color:var(--white);opacity:1}.technologies.dark h2{color:var(--white);opacity:1;text-shadow:0 0 10px #fff3}.technologies.dark:hover{animation:neon-border 1.5s infinite;box-shadow:0 0 20px #00ff001a;opacity:1;transform:translateY(-2px)}.technologies.light{background-color:#5c6d7a;border:2px solid #000;color:var(--white);opacity:1}.technologies.light h2{color:var(--white);opacity:1;text-shadow:0 0 10px #fff3}.technologies.light:hover{animation:light-border 1.5s infinite;box-shadow:0 0 20px #00aaff1a;opacity:1;transform:translateY(-2px)}.technologies h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;transition:all .3s ease-in-out}.icon-grid-view{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);width:100%}.icon-grid-view ul{flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.icon-grid-view li,.icon-grid-view ul{align-items:center;display:flex;justify-content:center}.icon-grid-view li{flex-direction:column;transition:all .3s ease-in-out}.icon-img-tech{border-radius:50%;filter:grayscale(20%);height:32px;opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.technologies.dark .icon-img-tech{filter:brightness(.9) grayscale(20%);opacity:1}.technologies.light .icon-img-tech{filter:brightness(1) grayscale(20%);opacity:1}.icon-img-tech:hover{box-shadow:0 0 15px #fff3;filter:grayscale(0);opacity:1;transform:scale(1.25) rotate(5deg)}.tools{margin-top:1rem}@keyframes neon-border{0%,to{border-color:#fff;box-shadow:0 0 10px #fff3}50%{border-color:#0af;box-shadow:0 0 20px #62268366}}@keyframes light-border{0%,to{border-color:#fff;box-shadow:0 0 10px #fff3}50%{border-color:#0af;box-shadow:0 0 20px #0af6}}.technologies:hover .icon-img-tech{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.tech-category{margin-bottom:1rem;position:relative;text-align:center;width:100%}.tech-category:after{background:currentColor;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease-in-out;width:50px}.technologies:hover .tech-category:after{opacity:1;width:100px}@media screen and (max-width:1105px){.icon-grid-view{gap:.75rem}.technologies h2{font-size:1.25rem}}@media screen and (max-width:880px){.topflex-technologies-section{flex-direction:column;margin:0}.technologies{max-width:100%}}@media screen and (max-width:480px){.technologies-section{display:flex;flex-direction:column;width:100%}.topflex-technologies-section{position:relative;right:-35px}.technologies{margin-right:50px;max-width:300px;position:relative;right:42px}.icon-grid-view{grid-template-columns:repeat(2,1fr)}}.technologies:focus-within{outline:2px solid var(--light-blue);outline-offset:2px}.icon-img-tech:focus{outline:2px solid currentColor;outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.technologies.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray) 25%,var(--light-gray) 50%,var(--gray) 75%);background-size:200% 100%}.footer{align-items:center;border-radius:25px;display:flex;flex-direction:row;height:150px;justify-content:space-between;padding:0 20px;position:relative;text-align:center;transition:all .3s ease-in-out;width:80%}.footer.dark{background-color:var(--gray);box-shadow:0 4px 6px #0000001a;color:var(--white)}.footer.dark p{color:var(--white);opacity:.8;transition:opacity .3s ease}.footer.dark:hover p{opacity:1}.footer.light{background-color:#374757;box-shadow:0 4px 6px #0000000d;color:var(--white)}.footer.light p{color:var(--white);opacity:.8;transition:opacity .3s ease}.footer.light:hover p{opacity:1}.footer-credits{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:center;max-height:100px}.footer-credits p{font-size:.9rem;margin:0;transform:translateY(0);transition:transform .3s ease}.footer-credits p:hover{transform:translateY(-2px)}.footer-contact{gap:20px}.footer-contact,.footer-icons{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-icons{gap:10px;width:100%}.footer .email-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:32px;justify-content:center;position:relative;width:32px}.footer .email-icon .email{background:none;border:none;cursor:pointer;padding:0;transition:transform .3s ease}.footer .email-svg{fill:#f9fafb;height:32px;transition:all .3s ease;width:32px}.footer.dark .email-svg{fill:var(--white)}.footer.dark .email-svg:hover{fill:#4bcffa;filter:drop-shadow(0 0 20px rgba(75,207,250,.5));transform:scale(1.1)}.footer.light .email-svg{fill:var(--white)}.footer.light .email-svg:hover{fill:#72e582;filter:drop-shadow(0 0 20px rgba(114,229,130,.5));transform:scale(1.1)}.copied,.copied-light{animation:fadeInOut 1.5s ease;font-size:10px;font-weight:700;opacity:0;position:absolute;top:-20px;transform:translateY(5px);transition:all .3s ease}.copied{color:var(--white)}.copied-light{color:#72e582}.updated{font-size:.8rem;margin-top:10px;opacity:.7;transition:opacity .3s ease}.updated:hover{opacity:1}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.footer:hover{transform:translateY(-2px);transition:transform .3s ease}.footer .email-icon:hover .email-svg{transform:scale(1.1)}@media screen and (max-width:768px){.footer{flex-direction:column;gap:20px;height:auto;padding:20px}.footer-contact,.footer-credits{width:100%}.footer-credits p{font-size:.8rem}.updated{font-size:.7rem}}.footer button:focus{outline:2px solid var(--light-blue);outline-offset:2px}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#374757cc}.work-experience-section{padding:2rem 0}.work-experience-title{font-size:2.5rem;margin-bottom:2rem;text-align:center}.work-experiences{display:flex;flex-direction:column;gap:2rem}.work-experience{border:1px solid #ccc;border-radius:5px;padding:1rem}.work-experience.dark{background-color:#1a1a1a;border-color:#f9fafb;color:#f9fafb}.work-experience.light{background-color:#f9fafb;border-color:#1a1a1a;color:#1a1a1a}.header-work-experience{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.image-work-experience{border-radius:10px;height:50px;object-fit:contain;width:50px}.image-light{background:#fff}.image-dark{background:#1a1a1a}.info-work-experience{display:flex;flex-direction:column}.company-work-experience{cursor:pointer;font-weight:700;margin-bottom:.25rem;transition:transform .2s}.company-work-experience:hover{transform:scale(1.05)}.role-work-experience{font-size:.9rem;margin-bottom:.25rem}.period-work-experience{color:#666;font-size:.8rem}.achievements-work-experience{margin-top:1rem}.achievements-title-work-experience{font-weight:700;margin-bottom:.5rem}.achievements-work-experience ul{list-style:disc;padding-left:2rem}.treasure-map-container{margin:0 auto;max-width:1200px;min-height:500px!important;overflow-x:hidden;padding:60px 20px;position:relative;width:100%}.treasure-map-container.dark{background:linear-gradient(135deg,#1a1a1af2,#333333d9 50%,#1a1a1af2)}.treasure-map-container.light{background:linear-gradient(135deg,#f9fafbf2,#5c6d7a26 50%,#f9fafbf2)}.treasure-map-path{height:100%;min-height:1200px;position:relative;width:100%}.curved-path{height:100%;left:50%;opacity:.8;position:absolute;top:0;transform:translateX(-50%);width:400px;z-index:1}.path-line{stroke-width:4;stroke-linecap:round;stroke-dasharray:10,5;animation:pathDraw 3s ease-in-out forwards,pathFlow 4s ease-in-out 3s infinite}.path-line.dark{stroke:#4bcffa;filter:drop-shadow(0 0 10px rgba(75,207,250,.6))}.path-line.light{stroke:#3b82f6;filter:drop-shadow(0 0 8px rgba(59,130,246,.4))}.path-point{animation:pointAppear .8s ease-out forwards;opacity:0}.end-point,.start-point{fill:#10b981;stroke:#065f46;stroke-width:2;animation-delay:1s}.experience-point{fill:#f59e0b;stroke:#92400e;stroke-width:2;animation:pointPulse 2s ease-in-out infinite,pointAppear .8s ease-out forwards}.experience-point:nth-child(3){animation-delay:1.5s}.experience-point:nth-child(4){animation-delay:2s}.experience-point:nth-child(5){animation-delay:2.5s}.treasure-map-experiences{position:relative;z-index:2}.treasure-map-start{left:25%;position:absolute;top:-20px;transform:translateX(-50%);z-index:3}.start-marker{align-items:center;animation:floatStart 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:15px}.start-marker.dark{background:#1a1a1ae6;border:2px solid #4bcffa;box-shadow:0 0 20px #4bcffa4d;color:#f9fafb}.start-marker.light{background:#f9fafbe6;border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f633;color:#1f2937}.start-icon{animation:bounceIcon 2s ease-in-out infinite;font-size:24px}.start-text{font-size:12px;font-weight:600;text-align:center}.treasure-map-experience{animation-delay:var(--delay);opacity:0;position:absolute;transform:translateY(50px) scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1)}.treasure-map-experience.animate-in{opacity:1;transform:translateY(0) scale(1)}.treasure-map-experience.position-0{right:20%;top:280px}.treasure-map-experience.position-1{left:10%;top:580px}.treasure-map-experience.position-2{right:15%;top:880px}.treasure-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .4s ease;width:300px}.treasure-card.dark{background:linear-gradient(135deg,#333333f2,#1a1a1ae6);border:2px solid #4bcffa;box-shadow:0 10px 30px #4bcffa33;color:#f9fafb}.treasure-card.light{background:linear-gradient(135deg,#f9fafbf2,#5c6d7a1a);border:2px solid #3b82f6;box-shadow:0 10px 25px #3b82f626;color:#1f2937}.treasure-card:hover{animation:treasureGlow 1.5s ease-in-out infinite;transform:translateY(-10px) scale(1.05)}.treasure-date{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:15px}.date-scroll{animation:scrollWave 2s ease-in-out infinite;font-size:18px}.company-treasure-logo{display:flex;justify-content:center;margin-bottom:15px}.company-logo-img{border-radius:10px;height:60px;object-fit:contain;padding:8px;transition:all .3s ease;width:80px}.company-logo-img.dark{background:#f9fafb1a;filter:brightness(1.1)}.company-logo-img.light{background:#1a1a1a0d;filter:brightness(.95)}.company-logo-img:hover{transform:scale(1.1) rotate(5deg)}.treasure-info{text-align:center}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4bcffa,#10b981);background-clip:text;-webkit-background-clip:text;font-size:18px;font-weight:700;margin:0 0 8px}.treasure-card.light .company-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3b82f6,#059669);background-clip:text;-webkit-background-clip:text}.role-name{font-size:14px;font-weight:500;margin:0 0 15px;opacity:.8}.achievements-preview{align-items:center;display:flex;font-size:12px;gap:6px;justify-content:center;opacity:.7}.achievement-icon{animation:starTwinkle 2s ease-in-out infinite}.treasure-connector{animation:connectorPulse 2s ease-in-out infinite;font-size:20px;left:50%;position:absolute;top:-15px;transform:translateX(-50%)}.treasure-effects{pointer-events:none;position:absolute;right:-10px;top:-10px}.effect-gem,.effect-sparkle,.effect-star{animation:effectFloat 3s ease-in-out infinite;font-size:12px;position:absolute}.effect-sparkle{animation-delay:0s;right:0;top:0}.effect-star{animation-delay:1s;right:20px;top:15px}.effect-gem{animation-delay:2s;right:15px;top:-5px}.treasure-map-end{bottom:-75px;position:absolute;right:25%;transform:translateX(50%);z-index:3}.end-marker{align-items:center;animation:floatEnd 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:15px}.end-marker.dark{background:#1a1a1ae6;border:2px solid #10b981;box-shadow:0 0 20px #10b9814d;color:#f9fafb}.end-marker.light{background:#f9fafbe6;border:2px solid #059669;box-shadow:0 0 15px #05966933;color:#1f2937}.end-icon{animation:trophyShine 2s ease-in-out infinite;font-size:24px}.end-text{font-size:12px;font-weight:600;text-align:center}@keyframes pathDraw{0%{stroke-dasharray:0,2000}to{stroke-dasharray:2000,0}}@keyframes pathFlow{0%,to{stroke-dasharray:10,5;stroke-dashoffset:0}50%{stroke-dasharray:10,5;stroke-dashoffset:15}}@keyframes pointAppear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pointPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes floatStart{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes floatEnd{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes bounceIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes trophyShine{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes treasureGlow{0%,to{box-shadow:0 10px 30px #4bcffa33}50%{box-shadow:0 15px 40px #4bcffa66}}@keyframes scrollWave{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes starTwinkle{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes connectorPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}@keyframes effectFloat{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-15px) rotate(180deg)}}@media screen and (max-width:768px){.treasure-map-container{min-height:40vh;padding:40px 10px}.curved-path{width:300px}.treasure-card{padding:20px;width:250px}.treasure-map-experience.position-0{right:5%}.treasure-map-experience.position-1{left:5%}.treasure-map-experience.position-2{right:5%}.company-name{font-size:16px}.role-name{font-size:13px}.treasure-map-start{left:20%}.treasure-map-end{right:20%}}@media screen and (max-width:480px){.treasure-map-container{min-height:30vh;padding:30px 10px}.treasure-card{padding:15px;width:220px}.curved-path{width:250px}.company-logo-img{height:45px;width:60px}.treasure-map-experience.position-0,.treasure-map-experience.position-1,.treasure-map-experience.position-2{left:50%;transform:translateX(-50%)}.treasure-map-start{left:15%;transform:translateX(0)}.treasure-map-end{right:15%;transform:translateX(0)}.end-text,.start-text{font-size:10px}.end-icon,.start-icon{font-size:20px}}.timeline-experience:hover .timeline-card{transform:translateY(-10px)}.timeline-date{background-color:#575fcf33;border-radius:15px;font-size:.9rem;font-weight:700;padding:5px 10px;position:absolute;top:-25px;transition:all .3s ease}.timeline-experience:nth-child(odd) .timeline-date{right:0}.timeline-experience:nth-child(2n) .timeline-date{left:0}.timeline-experience:hover .timeline-date{background-color:#575fcf66;transform:scale(1.1)}.timeline-card.dark{background-color:var(--gray);color:var(--white)}.timeline-card.light{background-color:#5c6d7a;color:var(--white)}.work-details{margin-top:10px}.work-title{font-size:1.8em;margin-bottom:5px;margin-top:0}.work-position{font-size:1.2em;font-style:italic;margin-bottom:10px;margin-top:0}.work-description{margin-bottom:15px}.work-technologies{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.work-tech img{border-radius:50%;height:32px;opacity:.7;transition:all .2s ease;width:32px}.work-tech:hover img{opacity:1;transform:scale(1.2)}.company-logo{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;height:60px;justify-content:center;overflow:hidden;padding:5px;position:absolute;right:20px;top:20px;width:60px}.company-logo img{max-height:100%;max-width:100%;object-fit:contain}@media screen and (max-width:880px){.timeline-container:before{left:30px}.timeline-experience,.timeline-experience:nth-child(2n),.timeline-experience:nth-child(odd){justify-content:flex-start;padding-left:60px}.timeline-node{left:30px}.timeline-card{width:100%}.timeline-experience:nth-child(2n) .timeline-card:before,.timeline-experience:nth-child(odd) .timeline-card:before{left:-10px;right:auto}.timeline-experience:nth-child(2n) .timeline-date,.timeline-experience:nth-child(odd) .timeline-date{left:0;right:auto}.company-logo{margin-bottom:15px;position:relative;right:0;top:0}}@media screen and (max-width:480px){.timeline-container{width:95%}.timeline-experience,.timeline-experience:nth-child(2n),.timeline-experience:nth-child(odd){padding-left:50px}.timeline-container:before{left:20px}.timeline-node{height:18px;left:20px;width:18px}}.milestone-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.milestone-icon.dark{background:#4bcffa1a;border:2px solid #4bcffa4d}.milestone-icon.light{background:#3b82f61a;border:2px solid #3b82f64d}.milestone-icon:hover{transform:scale(1.1) rotate(10deg)}.institution-name{font-size:12px;font-style:italic;margin:5px 0;opacity:.7;text-align:center}.current-studies .treasure-card{animation:studyPulse 3s ease-in-out infinite;border-style:dashed}@keyframes studyPulse{0%,to{border-opacity:.6;transform:scale(1)}50%{border-opacity:1;transform:scale(1.02)}}.studying-text{display:block;font-size:10px;font-style:italic;margin-top:5px;opacity:.8}.treasure-map-experience.position-dynamic{position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}.treasure-map-container,.treasure-map-path{min-height:auto}.curved-path{height:auto;min-height:100%}@media screen and (max-width:320px){.treasure-map-container{min-height:25vh;padding:20px 5px}.treasure-card{padding:12px;width:200px}.treasure-map-start{left:10%}.treasure-map-end{right:10%}.end-marker,.start-marker{gap:5px;padding:10px}.end-text,.start-text{font-size:9px}.studying-text{font-size:8px}}::-webkit-scrollbar{background:#0000;width:0!important}.loader-container{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s ease;width:100vw}.loading-text{animation:pulse 1.5s ease-in-out infinite;font-size:1.5rem;font-weight:500;letter-spacing:.1em;text-shadow:0 0 10px #0000001a;z-index:2}.container{--uib-size:120px;--uib-speed:1.75s;animation:rotate calc(var(--uib-speed)*4) linear infinite;height:var(--uib-size);position:relative;width:var(--uib-size)}.particle{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform-origin:center center;transition:transform .2s ease-out;width:100%}.particle:first-child{--uib-delay:0;transform:rotate(8deg)}.particle:nth-child(2){--uib-delay:-0.4;transform:rotate(36deg)}.particle:nth-child(3){--uib-delay:-0.9;transform:rotate(72deg)}.particle:nth-child(4){--uib-delay:-0.5;transform:rotate(90deg)}.particle:nth-child(5){--uib-delay:-0.3;transform:rotate(144deg)}.particle:nth-child(6){--uib-delay:-0.2;transform:rotate(180deg)}.particle:nth-child(7){--uib-delay:-0.6;transform:rotate(216deg)}.particle:nth-child(8){--uib-delay:-0.7;transform:rotate(252deg)}.particle:nth-child(9){--uib-delay:-0.1;transform:rotate(300deg)}.particle:nth-child(10){--uib-delay:-0.8;transform:rotate(324deg)}.particle:nth-child(11){--uib-delay:-1.2;transform:rotate(335deg)}.particle:nth-child(12){--uib-delay:-0.5;transform:rotate(290deg)}.particle:nth-child(13){--uib-delay:-0.2;transform:rotate(240deg)}.particle:before{--uib-d:calc(var(--uib-delay)*var(--uib-speed));animation:orbit var(--uib-speed) linear var(--uib-d) infinite;background-color:var(--particle-color);border-radius:50%;box-shadow:0 0 10px var(--particle-color);content:"";filter:blur(0);flex-shrink:0;height:25%;position:absolute;transition:all .3s ease;width:25%}.particle:hover:before{box-shadow:0 0 20px var(--particle-color);filter:blur(2px);transform:scale(1.5)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbit{0%{opacity:.85;transform:translate(calc(var(--uib-size)*.5)) scale(.8)}50%{opacity:.85;transform:translate(calc(var(--uib-size)*-.5)) scale(.8)}75%{opacity:1;transform:translate(0) scale(1.2)}to{opacity:.85;transform:translate(calc(var(--uib-size)*.5)) scale(.8)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media (max-width:768px){.container{--uib-size:90px}.loading-text{font-size:1.2rem}.particle:before{height:20%;width:20%}}@media (max-width:480px){.container{--uib-size:70px}.loading-text{font-size:1rem}}
/*# sourceMappingURL=main.b02b15f2.css.map*/