.themes{background-color:var(--bg-fondo-2);position:relative;border-radius:10px;transition:.3s cubic-bezier(.165,.84,.44,1);outline:1.5px solid transparent}.themes:hover{outline-color:#5104d3}.themes-items{display:flex;flex-direction:column;align-items:center;gap:15px;background:linear-gradient(var(--bg-fondo-1),var(--bg-fondo-1)) padding-box,conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8) border-box;border:1.7px solid transparent;width:100%;visibility:hidden;transition:.3s cubic-bezier(.165,.84,.44,1);top:80%;position:absolute;padding:15px 0;opacity:0;margin-top:15px;left:0;border-radius:10px;background-color:var(--bg-fondo-2)}.themes-items.select-theme{visibility:visible;top:100%;opacity:1}.themes__item{width:calc(var(--icon-size) * 1.5);overflow:hidden;height:calc(var(--icon-size) * 1.5);border-radius:50%}.themes__item>button{width:100%;height:100%;background-image:var(--theme-color)}.filters{width:100%;display:flex;flex-direction:row;align-items:normal;gap:15px;flex-wrap:wrap}.filters-action{background-color:var(--bg-fondo-2);box-shadow:0 10px 15px -3px #31174a1a}.filters-action.active{background-color:#5104d3}.filters-action.active h4{color:#fff}@media screen and (max-width: 992px){.filters{width:100%;justify-content:center}}.skills-technologies::-webkit-scrollbar-thumb{display:none}.skills-technologies::-webkit-scrollbar{display:none}.skills{align-items:inherit;justify-content:center;min-height:70vh;height:auto}.skills,.skills-technologies{display:flex;flex-direction:row;align-items:normal;gap:15px}.skills-filters{display:flex;flex-direction:column;align-items:normal;gap:15px;width:65%}.skills-technologies,.skills-technology{padding:15px;border-radius:10px}.skills-technologies{background-color:#5104d3;justify-content:center;align-content:flex-start;width:40%;overflow-y:auto;flex-wrap:wrap;height:100%;display:flex;min-height:60vh;max-height:60vh}.skills-technology{display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center;background-color:var(--bg-fondo-1);width:90px;height:110px;overflow:hidden}.skills-technology__description{display:none}.skills-technology p{display:block;background-color:var(--color-skill);padding:5px 10px;border-radius:5px;font-size:var(--span-font-size)}.skills-technology img{width:30px;height:30px}@media screen and (max-width: 992px){.skills{flex-direction:column;align-items:center}.skills-filters,.skills-technologies{width:100%;height:auto;min-height:auto}.skills-filters p{text-align:center}.skills-filters h3{margin:auto}}li[role=option]{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;background-color:var(--bg-fondo-1);padding:15px;border-radius:10px;border:1.7px solid transparent;cursor:pointer;user-select:none}li[role=option][aria-selected=true]{border-color:#5104d3}.suggestion-image{width:30px;height:30px;border-radius:50%;object-fit:cover}.suggestion-info{width:100%}.suggestion-title{width:90%}@media screen and (max-width: 820px){.suggestion-title{font-size:var(--span-font-size)}.suggestion-shortDescription{display:none;width:100%}}.social{display:flex;flex-direction:row;align-items:center;gap:15px;width:100%;flex-wrap:wrap}.social a{display:flex;flex-direction:row;align-items:center;gap:5px;transition:.3s cubic-bezier(.165,.84,.44,1);outline:1.5px solid transparent;max-width:150px;padding:5px;width:auto;border-radius:5px;justify-content:center;background-color:var(--bg-fondo-2)}.social a:hover{outline-color:#5104d3}@media screen and (max-width: 992px){.social{width:100%}}.projects{display:flex;flex-direction:column;align-items:normal;gap:30px;overflow:hidden}.projects-title{display:flex;flex-direction:row;align-items:normal;gap:30px;width:100%;justify-content:center}.projects-title>div{max-width:60%}.projects-title h2,.projects-title p{text-align:right}.projects-readMore{display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px 10px;border-radius:10px;background-image:conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8);justify-content:center;width:110px}.projects-readMore h4{font-size:var(--h2-font-size);color:#ffffffe4;text-align:center;font-family:Tourney Variable,Lexend Variable,sans-serif,"Segoe UI Emoji"}.projects-readMore div{padding:0}.projects-readMore img{width:50px;height:50px}.projects-list{display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}@media screen and (max-width: 992px){.projects-title{flex-direction:column}.projects-title div{max-width:100%}.projects-title h2,.projects-title p{text-align:center}.projects-readMore{justify-content:space-evenly;width:auto;margin:auto;padding:5px 10px;flex-direction:row;background-image:none;background-color:#5104d3}.projects-readMore img{width:30px;height:30px}.projects-list{justify-content:center}}.project{overflow:hidden;width:450px;height:200px;position:relative;border-radius:10px;background-color:var(--bg-fondo-2);transition:.3s cubic-bezier(.165,.84,.44,1);outline:1.5px solid transparent}.project:hover{outline-color:#5104d3}.project-anchor{width:100%;height:100%;display:flex;flex-direction:row;align-items:normal;gap:0}.project.progress:after{color:#6d5e14;background-color:#ffd815c8}.project.finish:after{color:#ffc3ce;background-color:#ef1742e7}.project:after{content:attr(data-state);position:absolute;padding:5px 10px;top:0;left:0;margin:5px;border-radius:5px}.project-background{width:200px;height:100%}.project-background img{width:100%;height:100%;object-fit:cover}.project-description{display:flex;flex-direction:column;align-items:normal;gap:10px;width:calc(100% - 200px);height:100%;padding:10px;position:relative;background-color:var(--bg-fondo-2)}.project-description:before{content:"";position:absolute;width:20px;height:100%;top:0;left:-20px;background-image:linear-gradient(90deg,transparent,var(--bg-fondo-2) 60%)}.project-description h4{font-weight:500}.project-description p{font-size:var(--span-font-size)}.project-links{display:flex;flex-direction:row;align-items:normal;gap:15px;justify-content:start}.project-links .icon{background-color:var(--bg-fondo-2);padding:10px;background:linear-gradient(var(--bg-fondo-1),var(--bg-fondo-1)) padding-box,conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8) border-box;border-radius:10px;border:1px solid transparent}@media screen and (max-width: 992px){.project{height:auto;width:300px}.project-anchor{flex-direction:column}.project-background{width:100%;height:100px}.project-description{width:100%}.project-description:before{width:100%;height:20px;left:0;top:-20px;background-image:linear-gradient(180deg,transparent,var(--bg-fondo-2) 60%)}}nav{display:flex;justify-content:space-between;align-items:center;background-color:transparent;backdrop-filter:blur(10px);width:100%;position:sticky;top:15px;z-index:15;margin-top:30px;margin-bottom:15px;border-radius:10px}.nav-items{display:flex;position:relative}.nav-border{width:calc(var(--icon-size) * 3);height:calc(var(--icon-size) * 3);z-index:-1;position:absolute;top:0;left:calc(var(--icon-size) * 3 * 2);background:linear-gradient(var(--bg-fondo-1),var(--bg-fondo-1)) padding-box,conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8) border-box;border-radius:10px;border:1.7px solid transparent;transition:.3s cubic-bezier(.165,.84,.44,1)}.header{--s: 25vmin;--p: calc(var(--s) / 2);--c1: rgba(255, 192, 203, .3);--c2: rgba(90, 30, 255, .3);--bg: var(--bg-fondo-1);--d: 20s;--e: cubic-bezier(.76, 0, .24, 1);background-color:var(--bg);background-image:linear-gradient(45deg,var(--c1) 25%,transparent 25%),linear-gradient(-45deg,var(--c1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c2) 75%),linear-gradient(-45deg,transparent 75%,var(--c2) 75%);background-size:var(--s) var(--s);background-position:calc(var(--p) * 1) calc(var(--p) * 0),calc(var(--p) * -1) calc(var(--p) * 1),calc(var(--p) * 1) calc(var(--p) * -1),calc(var(--p) * -1) calc(var(--p) * 0);animation:position var(--d) var(--e) infinite}@media (prefers-reduced-motion){.header{animation:none}}.header{display:flex;flex-direction:column;align-items:normal;gap:15px;justify-content:center;min-height:50vh}.header-greeting,.header-name,.header-info{text-align:center}.header-greeting,.header-info{color:var(--txt-letra-1)}.header-info{width:50%;margin:auto}.header aside{margin:auto;width:auto}.header-name{text-shadow:0 0 2px pink;font-family:Tourney Variable,Lexend Variable,sans-serif,"Segoe UI Emoji";color:#5104d3;font-size:var(--xl-font-size);font-weight:900;display:block;width:100%}@media screen and (max-width: 992px){.header-info{width:80%}}@media screen and (max-width: 576px){.header-info{width:100%}}footer p{color:var(--bg-normal);font-weight:400;text-align:center;padding:15px}.experience{min-height:60vh;height:auto;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px}.experience:after{content:"";top:45px;position:absolute;background-color:var(--bg-fondo-2);height:100%;width:100dvw;z-index:-1}.experience-description{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.experience-description .btn{background-color:var(--bg-fondo-1);background:linear-gradient(var(--bg-fondo-1),var(--bg-fondo-1)) padding-box,conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8) border-box;border-radius:10px;border:1.7px solid transparent}.experience-histories{display:flex;flex-direction:row;align-items:normal;gap:30px;flex-wrap:wrap;border-left:2px solid #5104d3;border-radius:20px;padding:15px;justify-content:center}@media screen and (max-width: 992px){.experience:after{width:100%;border-radius:10px}.experience-histories{border:none;padding:15px 0 0}}@media screen and (max-width: 576px){.experience-description p{text-align:center}.experience-description a{margin:auto}}.experience-history{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:15px;position:relative;border-radius:10px}.experience-history:after{content:attr(data-index);width:30px;height:30px;position:absolute;top:50%;transform:translateY(-50%);left:-31.5px;border-radius:50%;background-image:conic-gradient(from 45deg at 50% 50%,#a46bf8,#ab7ef7,#a46bf8 20%,#5e0bd9,#5104d3 80%,#a46bf8);z-index:2;color:#fff;font-weight:900;display:grid;place-content:center}.experience-history span{font-size:var(--p-font-size);font-weight:400;color:var(--bg-normal)}.experience-history h3{font-size:calc(var(--h4-font-size) + 1px)}.experience-history p{color:var(--txt-letra-2)}.experience-history a{background-color:var(--bg-fondo-1)}.experience-history__images{display:inline-flex;gap:15px}.experience-history__images div{display:flex}.experience-history__images div img{width:var(--icon-size);height:var(--icon-size);object-fit:cover;border-radius:5px}.experience-history__images div img:last-child{position:relative;left:-10px}@keyframes position{0%{background-position:calc(var(--p) * 1) calc(var(--p) * 0),calc(var(--p) * -1) calc(var(--p) * 1),calc(var(--p) * 1) calc(var(--p) * -1),calc(var(--p) * -1) calc(var(--p) * 0)}25%{background-position:calc(var(--p) * 1) calc(var(--p) * 4),calc(var(--p) * -1) calc(var(--p) * 5),calc(var(--p) * 1) calc(var(--p) * 3),calc(var(--p) * -1) calc(var(--p) * 4)}50%{background-position:calc(var(--p) * 3) calc(var(--p) * 8),calc(var(--p) * -3) calc(var(--p) * 9),calc(var(--p) * 2) calc(var(--p) * 7),calc(var(--p) * -2) calc(var(--p) * 8)}75%{background-position:calc(var(--p) * 3) calc(var(--p) * 12),calc(var(--p) * -3) calc(var(--p) * 13),calc(var(--p) * 2) calc(var(--p) * 11),calc(var(--p) * -2) calc(var(--p) * 12)}to{background-position:calc(var(--p) * 5) calc(var(--p) * 16),calc(var(--p) * -5) calc(var(--p) * 17),calc(var(--p) * 5) calc(var(--p) * 15),calc(var(--p) * -5) calc(var(--p) * 16)}}.contact{min-height:60dvh;height:auto}.contact-container{display:flex;flex-direction:column;align-items:normal;gap:15px;width:90%;margin:auto;height:100%;border-radius:10px;padding:15px;background-color:var(--bg-fondo-2)}.contact .btn{background-image:linear-gradient(45deg,#5104d3,#7526ec,#9e43ff);width:100%;color:#fff;font-weight:600}.contact-message{display:flex;flex-direction:row;align-items:normal;gap:15px}.contact-social,.contact-form{width:50%}.contact-social,.contact-social__info{display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center}.contact-social__info{background-image:linear-gradient(45deg,#5104d3,#7526ec,#9e43ff);border-radius:10px;width:100%;min-height:230px;height:100%;padding:15px;position:relative;overflow:hidden}.contact-social__info:after,.contact-social__info:before{content:"";position:absolute;transform:translate(-50%,-50%);border-radius:50%}.contact-social__info:after{background-image:linear-gradient(67deg,transparent 20%,rgba(198,166,253,.1) 30%,#c6a6fd);top:30%;left:90%;width:300px;height:300px}.contact-social__info:before{background-image:linear-gradient(45deg,transparent 20%,rgba(198,166,253,.35) 80%,#c6a6fd);top:70%;left:40%;width:50px;height:50px}.contact-social__info h3,.contact-social__info p{z-index:1;position:relative;text-align:center}.contact-social__info h3{font-family:"Baloo Da 2 Variable",Lexend Variable,sans-serif,"Segoe UI Emoji";text-transform:uppercase;color:#fff}.contact-social__info p{color:#c6a6fd}.contact-form{display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center;padding:15px;border-radius:10px;outline:1.5px solid transparent}.contact-form.invalidate{outline-color:#ef1746}.contact-form.invalidate .contact-validate{opacity:1;top:0}.contact-form.valid{outline-color:#00a671}.contact-form__field{display:flex;flex-direction:row;align-items:normal;gap:0;justify-content:space-around;width:100%;background-color:var(--bg-fondo-1);border-radius:10px;padding-left:15px;transition:.3s cubic-bezier(.165,.84,.44,1);outline:1.5px solid transparent}.contact-form__field:hover{outline-color:#5104d3}.contact-form__field input,.contact-form__field textarea{width:100%}.contact-form__field textarea{padding-top:15px}.contact-validate{position:relative;width:100%;opacity:0;border-radius:10px;max-height:250px}.contact-validate,.contact-validate p{padding:15px}.contact-validate p{font-size:var(--span-font-size)}@media screen and (max-width: 820px){.contact-container{width:100%}.contact-message{flex-direction:column}.contact-social,.contact-form{width:100%}}.about{display:flex;flex-direction:row;align-items:normal;gap:15px;align-items:stretch;height:auto}.about-info,.about-image,.about-data{display:flex;flex-direction:column;align-items:normal;gap:15px}.about-info{width:calc(100% - 310px)}.about-image{overflow:hidden;border-radius:10px;justify-content:flex-end;width:300px;min-height:100%;background-color:#5104d3}.about-image img{max-width:100%}.about-data{width:100%;background-color:var(--bg-fondo-2);border-radius:10px;padding:15px}.about-data__item{width:100%;display:flex;flex-direction:row;align-items:normal;gap:15px}.about-data__item a{text-decoration:underline}.about-data__item h4,.about-data__item a,.about-data__item p{font-family:Lexend Variable,sans-serif,"Segoe UI Emoji";font-weight:300;font-size:var(--p-font-size)}.about-data__item h4{display:block;width:150px}.about-data__item p,.about-data__item a{width:calc(100% - 170px)}@media screen and (max-width: 992px){.about{flex-direction:column;justify-content:center;align-items:center}.about-image{width:200px;height:200px;border-radius:50%}.about-info{width:100%}.about-history{text-align:center}.about-history,.about-data{margin:auto;width:80%}.about-data__item{flex-direction:column}.about-data__item h4,.about-data__item p{width:100%}.about-data__item p,.about-data__item a{padding-left:10px}}@media screen and (max-width: 576px){.about-data,.about-history{width:100%}}.experienceItem{width:230px;padding:15px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:15px;justify-content:center;background-color:var(--bg-fondo-2)}.experienceItem h3,.experienceItem p{text-align:center}.experienceItem h3{display:grid;place-content:center;height:50px}.experienceItem aside{display:flex}.experienceItem aside img{width:var(--icon-size);height:var(--icon-size);object-fit:cover;border-radius:5px}.experienceItem aside img:last-child{position:relative;left:-10px}:root{--global-family-size: 12px;--xl-font-size: 4.8em;--h1-font-size: 3em;--h2-font-size: 1.8em;--h3-font-size: 1.6em;--h4-font-size: 1.4em;--p-font-size: 1.2em;--span-font-size: 1.1em;--small-font-size: 1em;--smaller-font-size: .8em}@media (prefers-color-scheme: light){:root{--bg-fondo-1: #f5faff;--bg-fondo-2: #ebf5ff;--txt-letra-1: #000000;--txt-letra-2: #38394a;--bg-normal: #6680db}}@media (prefers-color-scheme: dark){:root{--bg-fondo-1: #07090e;--bg-fondo-2: #0f121a;--txt-letra-1: #d5defb;--txt-letra-2: #a1acce;--bg-normal: #6680db}}@media screen and (max-width: 992px){.experience-history{width:350px;border-top:1.2px solid #5104d3;box-shadow:0 10px 15px -3px #31174a1a}.experience-history:after{top:-15px;left:50%;transform:translate(-50%)}.experience-history h3,.experience-history aside h4,.experience-history>p{width:100%;text-align:center}.experience-history aside{flex-direction:column;align-items:center}.experience-history a.btn{margin:auto}}@media screen and (max-width: 450px){.experience-history{width:100%}}
