.logo{padding:20px 0;display:flex;justify-content:center;border-bottom:1px dashed var(--dr-white2)}.logo img{width:200px}.bio{border-bottom:1px dashed var(--dr-white1)}.bio--container{padding:20px 20px 50px}.bio section{margin-top:2rem}.bio h2{color:var(--dr-orange1)}.bio--profile{margin:2rem auto;position:relative;padding:50px 20px 15px;width:fit-content;overflow:hidden;border-radius:20px;color:var(--dr-orange1);background-color:var(--dr-black1)}.bio--profile span{color:var(--dr-white1)}.bio--header{position:absolute;top:0;left:0;width:100%;height:30px;display:flex;align-items:center;gap:8px;padding-left:20px;background-color:var(--dr-black2)}.bio--header div{width:15px;height:15px;border-radius:50%;background-color:var(--dr-orange1)}.bio--data{margin-left:25px;line-height:1.5}.bio--contact{margin:0 auto;width:fit-content}.bio--contact h4{color:var(--dr-orange1)}.bio--rrss{max-width:400px;display:grid;grid-template-columns:repeat(5,1fr)}.bio--rrss a{width:100%;padding:10px 20px;display:flex;justify-content:center;border:1px solid var(--dr-white3);background-color:transparent;transition:.3s ease}.bio--rrss a:nth-of-type(1){border-radius:10px 0 0 10px}.bio--rrss a:nth-of-type(5){border-radius:0 10px 10px 0}.bio--rrss img{height:25px}@media (width >= 768px){.bio--profile{padding:50px 40px 15px 30px}}@media (width >= 1024px){.bio--profile{padding:70px 60px 30px}.bio--rrss a:hover{background-color:var(--dr-purple2)}}.html{border-bottom:1px dashed var(--dr-white1)}.html h2{color:var(--dr-orange1)}.html--container{padding:50px 20px}.html--webs{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.html--web{position:relative;border:1px solid var(--dr-white3);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;overflow:hidden;border-radius:10px}.html--photo{margin:0 auto;padding:15px 35px}.html--info{width:100%;padding:1rem}.html--info h4{color:var(--dr-orange1);text-transform:uppercase}.html--techs{display:flex;flex-wrap:wrap;gap:5px}.html--tech{padding:0 10px;font-size:.75rem;text-transform:uppercase;font-family:title;border-radius:3px;border:1px solid var(--dr-white3)}.html--btn{padding:10px 0;margin-top:5px;font-family:title;display:flex;justify-content:center;background-color:transparent;border:1px solid var(--dr-white3);border-radius:10px;transition:.3s ease}@media (width >= 1024px){.html--web{opacity:.6;transition:.3s ease}.html--web:hover{opacity:1;box-shadow:0 12px 8px -7px #00000080}.html--web:hover .html--info{bottom:0}.html--photo{padding:20px 35px}.html--btn:hover{background-color:var(--dr-purple2)}}.animate{border-bottom:1px dashed var(--dr-white1)}.animate h2{color:var(--dr-orange1)}.animate--container{margin:0 auto;padding:50px 20px}.animate--banners{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));place-items:center;gap:1rem}.animate--banner{position:relative;width:250px;height:300px;border-radius:10px;overflow:hidden;transition:.3s ease}.animate--banner:hover{box-shadow:0 12px 8px -7px #00000080}.dexter img{position:absolute}.dexter--letter{z-index:2}.dexter--bkg{z-index:1}.evotech{width:100%;height:100%;background-color:snow}.evotech img{position:absolute}.evotech--treinta{transform:scale(.8);z-index:2}.evotech--descuento{transform:scale(.8);z-index:3}.evotech--spin{transform:scale(1.5);z-index:1}.gamer img{position:absolute}.gamer--pipe{z-index:3}.gamer--mario{z-index:2}.gamer--bkg{z-index:1}.starwars{width:100%;height:100%}.starwars img{position:absolute}.starwars--falcon{z-index:2}.starwars--ship{z-index:1}.js{border-bottom:1px dashed var(--dr-white1)}.js--container{padding:50px 20px}.js--container h2{color:var(--dr-orange1)}.js--wrapp{max-width:600px;margin:0 auto}.js--code{padding:1rem;margin-top:1rem;border-radius:10px;border:1px solid var(--dr-white3);transition:.3s ease}.js--code summary{font-size:1.125rem;font-family:title;text-transform:uppercase;color:var(--dr-orange1);cursor:pointer}.js--items{display:flex;flex-wrap:wrap;justify-content:center}.js--items p,.js--items input,.js--items button{margin-top:1rem}.js--items p{width:100%;text-align:center}.js--items input{width:50%;font-family:text;font-size:1.125rem;text-align:center}.js--items button{font-family:text;font-size:1.125rem;border-radius:4px;color:var(--dr-white1);background-color:var(--dr-orange1)}.js--calificar input{width:90%}.js--canvas-container{width:100%}.js--canvas{width:250px;height:100px;margin:10px auto;background-color:#fff}.design{border-bottom:1px dashed var(--dr-white1)}.design--container{padding:50px 20px}.design h2{color:var(--dr-orange1)}.design--logos{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.design--logos img{border-radius:10px}@media (width >= 768px){.design--logos{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}}@media (width >= 1024px){.design--logos img{opacity:.6;transition:.3s ease}.design--logos img:hover{opacity:1;box-shadow:0 12px 8px -7px #00000080}}.exp,.courses{margin:50px 20px}.exp h2,.courses h2{color:var(--dr-orange1)}.exp--container,.courses--container{margin-top:1rem}.exp--jobs{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.exp--job,.course{max-width:600px;padding:20px;border-radius:10px;border:1px solid var(--dr-white3)}.exp--job h4{color:var(--dr-orange1)}.exp--logo{height:30px}.exp--position{margin-top:1rem;text-transform:uppercase}.exp--dates{font-size:.9rem}.exp--goals{margin-top:1rem}.courses--list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px}.course{display:flex;align-items:center;justify-content:space-between;gap:10px;transition:.3s ease}.course img{width:60px}.course--name{font-size:.999rem;color:var(--dr-orange1);text-transform:uppercase}@media (width >= 1024px){.exp--jobs{display:grid;justify-items:center;grid-template-columns:repeat(2,1fr)}.exp--job{display:flex;flex-direction:column;justify-content:space-between;transition:.3s ease}.exp--job:hover,.course:hover{background-color:var(--dr-purple2)}}.main__container{width:100%;height:100%;margin:0 auto}@media (width >= 768px){.main__container{padding:0}}.nav__container{border-top:1px dashed var(--dr-white2);display:grid;grid-template-columns:repeat(5,1fr)}.nav__link{padding:10px 0 5px;border-right:1px dashed var(--dr-white2);display:flex;flex-direction:column;align-items:center}.nav__link:last-child{border-right:none}.nav__icon{height:25px;margin-bottom:5px}.nav__title{font-size:.7rem}.faces{display:none}@media (width >= 768px){.nav__container{height:100%;display:flex;flex-direction:column;justify-content:center;border-top:none;border-right:1px dashed var(--dr-white2)}.nav__link{padding:15px 0 15px 30px;flex-direction:row;border-top:1px dashed var(--dr-white2);border-right:none;justify-content:start;align-items:center;transition:.3s ease}.nav__link:last-child{border-bottom:1px dashed var(--dr-white2)}.nav__link:hover{background-color:var(--dr-purple2)}.nav__icon{width:20px;height:auto;margin-right:10px}.nav__title{font-size:inherit}.faces{display:flex;justify-content:center;align-items:baseline;padding-left:0;height:210px}}.face{width:150px;max-width:200px;height:150px;max-height:200px}.face__container{width:100%;height:100%;display:flex;align-items:center;position:relative}.face__1{opacity:0;z-index:5}.face__2{opacity:0;z-index:4}.face__3{opacity:0;z-index:3}.face__4{opacity:0;z-index:2}.face__5{opacity:0;z-index:1}.face__item{position:absolute}.app__container{height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"head" "main" "nav"}header{grid-area:head}main{grid-area:main;overflow-y:scroll}nav{grid-area:nav}@media (width >= 768px){.app__container{grid-template-rows:1fr;grid-template-columns:repeat(12,1fr);grid-template-areas:"nav nav nav main main main main main main main main main"}}@media (width >= 1024px){.app__container{grid-template-rows:1fr;grid-template-columns:repeat(12,1fr);grid-template-areas:"nav nav main main main main main main main main main main"}}:root{--dr-white1: hsl(0, 0%, 93%);--dr-white2: hsl(0, 0%, 82%);--dr-white3: hsla(0, 0%, 82%, .4);--dr-black1: hsl(0, 0%, 20%);--dr-black2: hsl(0, 0%, 35%);--dr-purple1: hsl(288, 48%, 26%);--dr-purple2: hsl(288, 46%, 38%);--dr-purple3: hsl(288, 45%, 48%);--dr-orange1: hsl(30, 100%, 50%);--dr-orange2: hsl(27, 100%, 42%);--dr-orange3: hsl(27, 100%, 35%);--dr-html: hsl(18, 87%, 55%);--dr-css: hsl(228, 77%, 52%);--dr-js: hsl(53, 92%, 54%);--dr-react: hsl(195, 91%, 34%);--dr-worpress: hsl(201, 57%, 39%);--dr-bem: hsl(0, 0%, 95%);--dr-sass: hsl(331, 52%, 61%);--dr-gsap: hsl(88, 60%, 51%);color:var(--dr-white1);background-color:var(--dr-purple1);font-family:text,sans-serif;font-size:16px;font-synthesis:none;line-height:1.3;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@font-face{font-family:text;src:url(/portfolio/assets/Dosis-Regular-17f2061a.ttf)}@font-face{font-family:title;src:url(/portfolio/assets/Dosis-Bold-a5b28c75.ttf)}*,:before,:after{margin:0;box-sizing:border-box}main{scroll-behavior:smooth}h1,h2{font-family:title;font-size:2.5rem}h3{font-family:title;font-size:2rem}h4{font-family:title}h4,p,b,a,li,span{font-size:clamp(1rem,1.125rem,1.5rem)}b{font-family:title}i,span{font-style:italic}a{color:var(--dr-white1);text-decoration:none}img{max-width:100%;height:auto}#root{overflow-x:hidden;width:100%;max-width:1920px;height:100dvh;margin:0 auto}@media (width >= 480px){header{display:none}}