*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;color:inherit}input{border:none;box-sizing:border-box;outline:none}.header{display:flex;padding-top:20px;padding-left:20px}.header__logo{max-width:50px;object-fit:contain}.header__logo-name{color:#fff;font-family:Sora,sans-serif;font-size:25px;letter-spacing:3px;padding-left:20px}@media (min-width: 768px){.header__logo{max-width:70px;object-fit:contain}.header__logo-name{font-size:35px}}.hero{background:linear-gradient(to right,#27385d,#010e29)}.hero__logo-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;padding-top:100px}.hero__landing-logo{max-width:100px;height:auto;object-fit:contain}.hero__landing-logo-name{display:flex;flex-direction:column;justify-content:center;color:#fff;font-family:Sora,sans-serif;font-size:35px}.hero__text{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:60px;color:#fff;font-family:Sora,sans-serif;font-size:35px;gap:25px}.hero__options{display:flex;gap:30px;padding:20px 0}@media (min-width: 768px){.hero__landing-logo{max-width:180px}.hero__landing-logo-name{font-size:55px}.hero__text{margin-top:60px;font-size:45px}.hero__options{gap:60px;padding:20px auto}}.link-container{display:flex;justify-content:center;align-items:center;margin-top:100px}.startLink{position:relative;border:0;outline:none;background:none;color:#a3b1c6;text-transform:uppercase;font-family:Sora,sans-serif;font-size:2rem;letter-spacing:3px;font-weight:500;cursor:pointer}.startLink .hover-link{position:absolute;content:"";color:#f5a623;width:0%;top:0;right:0;bottom:0;left:0;overflow:hidden;border-right:6px solid #f5a623;transition:width .4s ease}.startLink:hover .hover-link{width:100%;filter:drop-shadow(0 0 23px #f5a623)}.form{display:flex;flex-direction:column;width:100%}.form__form-main{background-color:#e0e5ec;display:flex;flex-direction:column;justify-content:center;width:90vw;border-radius:10px;padding:20px;font-family:Nunito,sans-serif;margin:10px auto}.form__reset{display:flex;justify-content:center;margin-top:20px}.form__reset-btn{width:50%;font-size:18px;background-color:#27385d;text-align:center;border-radius:10px;padding:10px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:3px 3px 6px #6d7582,-3px -3px 6px #fff}.form__reset-btn:active{box-shadow:inset 3px 3px 6px #07004a,inset -3px -3px 6px #354a64}.form__card-main{background-color:#a3b1c6;display:flex;flex-direction:column;width:90vw;border-radius:10px;font-family:Nunito,sans-serif;margin:10px auto}.bg-grey{background-image:url(../bg-grey.webp);background-size:cover;background-position:center}.bg-orange{background-image:url(../bg-orange.webp);background-size:cover;background-position:center}.bg-green{background-image:url(../bg-green.webp);background-size:cover;background-position:center}.bg-neutro{background-color:#a3b1c6}@media (min-width: 768px){.form__reset-btn{width:30%;font-size:25px;background-color:#27385d;text-align:center;border-radius:10px;padding:10px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:3px 3px 6px #6d7582,-3px -3px 6px #fff}.form__reset-btn:active{box-shadow:inset 3px 3px 6px #07004a,inset -3px -3px 6px #354a64}}@media (min-width: 1024px){.form{flex-direction:row;align-items:flex-start}.form__form-main{width:50vw}.form__reset-btn{width:50%;font-size:20px;background-color:#27385d;text-align:center;border-radius:10px;padding:10px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:3px 3px 6px #6d7582,-3px -3px 6px #fff}.form__reset-btn:active{box-shadow:inset 3px 3px 6px #07004a,inset -3px -3px 6px #354a64}.form__card-main{width:45vw}}.collapsed{display:none}.title{color:#27385d;height:30px;font-size:20px;display:flex;justify-content:space-between;padding:0 10px}.fa-solid{font-size:20px}.design{width:100%;border-radius:10px;box-shadow:5px 5px 10px #a3b1c6,-5px -5px 10px #fff;padding:10px}.design__hiddenField{display:none}.design__fieldset{display:flex;flex-direction:column;gap:20px}.design__color-section{display:flex;justify-content:space-between;border-radius:10px;padding-top:20px;font-size:15px;color:#27385d;position:relative;border:solid 2px transparent}.design__color-section:before{content:"";position:absolute;top:0;right:0;bottom:100%;left:0;width:100%;margin-bottom:-2px;background-color:transparent;background-image:linear-gradient(to left,transparent,#a3b1c6 25%,#27385d 50%,transparent)}.design__text{font-size:15px;color:#27385d}.design__inputs{display:flex;align-items:center;gap:40px}.design__input{opacity:0;position:absolute}.design__color{width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff;transition:transform .1s ease}.design__color:hover{transform:scale(1.2)}.design__color--grey{background-color:#a3b1c6}.design__color--orange{background-color:#f5a623}.design__color--green{background-color:#8bc34a}.design__input:checked+.design__color{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff;transform:scale(1.2)}.design__photo-section{display:flex;justify-content:space-between;border-radius:10px;padding-top:20px;font-size:15px;color:#27385d;position:relative;border:solid 2px transparent}.design__photo-section:before{content:"";position:absolute;top:0;right:0;bottom:100%;left:0;width:100%;margin-bottom:-2px;background-color:transparent;background-image:linear-gradient(to left,transparent,#a3b1c6 25%,#27385d 50%,transparent)}.design__photo{width:58px;height:58px;border-radius:10px;font-size:12px;color:#6d7582;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff;margin-right:20px}.design__photo-button{width:80px;font-size:15px;background-color:#e0e5ec;text-align:center;border-radius:10px;padding:10px;color:#6d7582;border:none;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.design__photo-button:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}@media (min-width: 768px){.title{color:#27385d;height:40px;font-size:30px;display:flex;justify-content:space-between;padding:0 10px}.fa-solid{font-size:30px}.design{width:100%;border-radius:10px;box-shadow:10px 10px 20px #a3b1c6,-10px -10px 20px #fff;padding:10px}.design__text{font-size:22px}.design__inputs{display:flex;align-items:center;gap:80px;padding-right:10px}.design__color{width:50px;height:50px}.design__photo-section{display:flex;justify-content:space-between;padding-right:30px}.design__photo{width:80px;height:80px;border-radius:10px;color:#6d7582;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff;margin-right:30px}.design__photo-button{width:100px;font-size:20px;background-color:#e0e5ec;text-align:center;border-radius:10px;padding:10px;color:#6d7582;border:none;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.design__photo-button:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}}@media (min-width: 1024px){.design__color-section{gap:20px}}.fill{width:100%;border-radius:10px;box-shadow:5px 5px 10px #a3b1c6,-5px -5px 10px #fff;padding:10px;margin-top:20px}.fill__fieldset{display:flex;flex-direction:column;gap:8px}.fill__legend{font-family:Sora,sans-serif;font-size:12px;color:#27385d;margin-top:20px;display:flex;align-items:center;gap:1rem;text-transform:uppercase}.fill__legend:after{content:"";flex-grow:1;height:1px;background-color:#27385d}.fill__input{padding:8px;font-size:15px;color:#27385d;border:none;outline:none;margin-bottom:5px;border-radius:10px;box-shadow:2px 2px 4px #a3b1c6,-2px -2px 4px #e0e5ec;background-color:#fff}.fill__textarea{padding:8px;font-size:15px;border:none;outline:none;margin-bottom:5px;border-radius:10px;box-shadow:2px 2px 4px #a3b1c6,-2px -2px 4px #e0e5ec;background-color:#fff;color:#27385d;field-sizing:content}.fill .fill__input::placeholder,.fill .fill__textarea::placeholder{color:#a3b1c6;opacity:1}@media (min-width: 768px){.fill .fill__legend,.fill .fill__input,.fill .fill__textarea{font-size:20px}}.fa-whatsapp,.fa-twitter,.fa-instagram,.fa-linkedin-in{font-size:30px;font-weight:700}.nav-container{display:flex;justify-content:center;align-items:center;margin-top:50px}.nav{position:relative;width:300px;height:70px;background-color:#e0e5ec;display:flex;justify-content:center;align-items:center;border-radius:10px;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff;cursor:pointer;transition:all .3s ease}.nav__list{display:flex;width:320px;padding:0}.nav__item{position:relative;width:70px;height:70px;z-index:1;display:flex;justify-content:center;align-items:center}.nav__item:before{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;background-color:#f5a623;border-radius:50%;border:6px solid #e0e5ec;box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff;box-sizing:border-box;transform:translate(-50%,-50%) translateY(0);transition:transform .3s ease,opacity .3s ease;opacity:0;z-index:-1}.nav__item:hover:before{opacity:1;transform:translate(-50%,-50%) translateY(-35px)}.nav__item .nav__icon{color:#27385d;font-size:25px;transition:transform .3s ease}.nav__item:hover .nav__icon{transform:translateY(-35px)}.nav__link{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;text-align:center;color:#27385d}.nav__indicator{display:none}.share{width:100%;border-radius:10px;box-shadow:5px 5px 10px #a3b1c6,-5px -5px 10px #fff;padding:10px;margin-top:20px}.share__fieldset{margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border-radius:10px;padding-top:20px;font-size:15px;color:#27385d;position:relative;border:solid 2px transparent}.share__fieldset:before{content:"";position:absolute;top:0;right:0;bottom:100%;left:0;width:100%;margin-bottom:-2px;background-color:transparent;background-image:linear-gradient(to left,transparent,#a3b1c6 25%,#27385d 50%,transparent)}.share__button{width:50%;font-size:18px;background-color:#e0e5ec;text-align:center;border-radius:10px;padding:10px;color:#6d7582;border:none;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.share__button:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}.share__section{display:flex;flex-direction:column;align-items:center}.share__text{font-family:Sora,sans-serif;font-size:20px;color:#27385d}.share__link{color:#f5a623}@media (min-width: 768px){.fa-whatsapp,.fa-twitter,.fa-instagram,.fa-linkedin-in{font-size:35px;font-weight:700}.nav{width:500px}.nav__list{gap:70px}.nav__item:before{width:80px;height:80px}.share__text,.share__link{font-size:30px}.share__button{width:50%;font-size:25px;background-color:#e0e5ec;text-align:center;border-radius:10px;padding:10px;color:#6d7582;border:none;cursor:pointer;transition:all .3s ease;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.share__button:active{box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}}@media (min-width: 1024px){.nav{width:400px}.nav__list{gap:50px}.nav__item:before{width:80px;height:80px}}.backLink{position:relative;border:0;outline:none;background:none;color:#a3b1c6;text-transform:uppercase;font-family:Sora,sans-serif;font-size:1.5rem;letter-spacing:3px;font-weight:500;cursor:pointer}.backLink .hover-link{position:absolute;content:"";color:#f5a623;width:0%;top:0;right:0;bottom:0;left:0;overflow:hidden;border-right:6px solid #f5a623;transition:width .4s ease}.backLink:hover .hover-link{width:100%;filter:drop-shadow(0 0 23px #f5a623)}.fa-linkedin{font-size:40px;color:#27385d;margin-left:5px;border-radius:10px;padding:10px}.preview{margin:20px 0}.preview__profile{display:flex;align-items:center;color:#27385d}.preview__photo{aspect-ratio:1;width:100px;border-radius:50%;margin-left:10px}.preview__personal-data{background-color:#fff;color:#6d7582;margin:10px;border-radius:20px;display:flex;flex-direction:column;padding:10px;width:100%;box-shadow:inset 3px 3px 6px #6d7582,inset -3px -3px 6px #e0e5ec}.preview__cv-data{display:flex;align-items:center;gap:10px;margin:5px}.preview__cv-data--full{width:100%;background-color:#fff;color:#6d7582;border-radius:20px;display:flex;padding:10px;field-sizing:content;box-shadow:inset 3px 3px 6px #6d7582,inset -3px -3px 6px #e0e5ec}.preview__cv-data--half{width:50%;background-color:#fff;color:#6d7582;border-radius:20px;display:flex;padding:10px;field-sizing:content;box-shadow:inset 3px 3px 6px #6d7582,inset -3px -3px 6px #e0e5ec}.preview__reset{display:flex;flex-direction:column;align-items:center;justify-content:center}.preview__reset-btn{position:relative;display:inline-block;padding:10px 20px;border:none;border-radius:10px;background-color:#e0e5ec;color:#6d7582;cursor:pointer;transition:all .3s ease}.preview__reset-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:#fff;border-radius:10px;z-index:-1}.preview__reset-btn:hover{background-color:#fff;color:#6d7582}.preview__reset-btn:hover:before{background-color:#e0e5ec}.preview__reset-btn:active{background-color:#e0e5ec;color:#6d7582}.preview__reset-btn:active:before{background-color:#fff}@media (min-width: 768px){.fa-linkedin{font-size:60px;color:#27385d;margin-left:5px}.preview{font-size:20px}.preview__photo{aspect-ratio:1;width:180px;border-radius:50%;margin-left:30px}.preview__personal-data{display:flex;flex-direction:column;justify-content:space-around;height:180px;margin-right:30px}.preview__cv-data{margin:15px}.preview__cv-data--full,.preview__cv-data--half{padding:15px 10px}}@media (min-width: 1024px){.preview{width:45vw}}.back-btn{display:flex;justify-content:center;align-items:center;margin-top:100px;margin-bottom:100px}.footer{color:#fff;font-family:Nunito,sans-serif;font-size:10px;padding:20px}.footer__copy{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-links{color:#f5a623;text-decoration:underline}body{display:grid;min-height:100dvh;grid-template-rows:auto 1fr auto;background:linear-gradient(to right,#27385d,#010e29)}.page-wrapper{flex:1;display:flex;flex-direction:column}