@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Quicksand:wght@400;600;700&display=swap);body{--trans-bg:hsla(var(--hue-2),var(--sat-2),var(--lig-2),.5);--color-1:hsl(var(--hue-1),var(--sat-1),var(--lig-1));--color-1-dark:hsl(var(--hue-1),calc(var(--sat-1)/1.3),calc(var(--lig-1)/1.3));--color-2-light:hsl(var(--hue-2),var(--sat-2),calc(var(--lig-2)/0.78));--color-2:hsl(var(--hue-2),var(--sat-2),var(--lig-2));--color-2-dark-1:hsl(var(--hue-2),calc(var(--sat-2)/0.7),calc(var(--lig-2)/1.23));--color-2-dark:hsl(var(--hue-2),calc(var(--sat-2)/0.71),calc(var(--lig-2)/1.39));--color-3:hsl(var(--hue-3),var(--sat-3),var(--lig-3));--color-3-dark:hsl(var(--hue-3),calc(var(--sat-3)/1.08),calc(var(--lig-3)/1.1));--color-4-light:hsl(var(--hue-4),var(--sat-4),calc(var(--lig-4)/0.94));--color-4:hsl(var(--hue-4),var(--sat-4),var(--lig-4));--color-4-dark:hsl(var(--hue-4),var(--sat-4),calc(var(--lig-4)/1.07));--color-5:hsl(var(--hue-1),calc(var(--sat-1)/1.3),calc(var(--lig-1)/0.75));--ilust-5:hsl(var(--hue-2),calc(var(--sat-2)/0.97),calc(var(--lig-2)/0.89));--ilust-6:hsl(var(--hue-2),calc(var(--sat-2)/0.97),calc(var(--lig-2)/0.78));--ilust-9:hsl(var(--hue-3),calc(var(--sat-3)/0.77),calc(var(--lig-3)/1.56));--ilust-7:hsl(var(--hue-4),var(--sat-4),calc(var(--lig-4)/1.19))}ul{list-style:none}a{text-decoration:none;color:currentColor}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito',sans-serif;color:var(--color-4-light);background-size:cover;background-attachment:fixed;text-align:center;font-size:20px}.btn{display:inline-block;cursor:pointer;white-space:nowrap;padding:.55rem 1.25rem;border-radius:2.25rem;font-size:1em;height:auto;transition:.3s}.btn:hover,.btn:focus,.icon:hover{opacity:.7}.btn-primary{background:linear-gradient(180deg,var(--color-1) 0%,var(--color-1-dark) 100%)}.btn-hollow{border:solid 2px var(--color-4-light)}.container{width:86.6vw;margin:0 auto}.icon{width:100%;height:auto;transition:.3s}.icon svg{width:100%;height:auto;transition:.3s}@media (min-width:650px){.container{width:82vw}}@media (min-width:1080px){.container{width:70.83vw}}@media (min-width:1450px){.container{width:61.8vw}}.nav-wrapper{position:fixed;top:0;z-index:10;width:100%;height:60px;background-color:var(--trans-bg)}.nav-container{display:flex;justify-content:space-between;height:100%;margin:auto}.navbar-logo,.nav-toggle{margin:auto 0}.navbar-logo{font-size:24px}.navbar-logo b{pointer-events:none}.menu-icon{display:none}.navbar-nav .nav-item{padding:1rem;display:block;cursor:pointer;transition:1s}.navbar-nav .nav-item:hover{background-color:rgba(255,255,255,.2)}@media (max-width:1079px){.nav-toggle,.menu-icon{display:block;height:40px;width:40px;position:relative}.menu-icon{display:block;background-repeat:no-repeat;background-position:center}.navbar-nav{opacity:0;position:absolute;top:70px;right:0;width:250px;border-radius:12px;background-color:var(--color-4-light);box-shadow:1px 3px 5px rgba(0,0,0,.2);color:var(--color-2-dark);pointer-events:none;transition:opacity .4s}.navbar-nav .nav-item{border-radius:12px;transition:.3s}.navbar-nav .nav-item:hover,.navbar-nav .active{background-color:rgba(0,0,0,.09)}}.nav-toggle:focus-within .navbar-nav{opacity:1;pointer-events:all}header{margin-top:60px;height:calc(100vh - 60px);min-height:560px;position:relative}@media (min-width:1080px){.nav-wrapper{height:80px}header{margin-top:80px;height:calc(100vh - 80px);min-height:900px}.navbar-nav{opacity:1;transition:none;display:flex;flex:1}.navbar-nav .nav-item{padding:1rem 0;margin:0 1rem}.nav-indicator{position:relative}.nav-indicator::after{content:' ';position:absolute;background-color:var(--color-4-light);display:block;margin-left:50%;width:0%;height:3px;border-radius:2px}.nav-indicator,.nav-indicator::after{transition:.6s .15s}.active::after{width:100%;margin-left:0}}.paralax-bg{position:absolute;top:0;left:0;width:100%;height:100vh;min-height:560px;background:linear-gradient(125deg,var(--color-2-light) 30%,var(--color-2-dark) 100%);z-index:-1}.global-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--color-2-dark)}.theme-toggle{position:fixed;display:flex;border-radius:10px 0 0 10px;right:0;top:110px;transform:translateX(calc(100% - 45px));background-color:rgba(0,0,0,.3);cursor:pointer;transition:.6s;z-index:2}.theme-toggle svg{display:block;width:40px;height:auto;padding:5px;pointer-events:none}.theme-toggle .current-theme{order:-6}@media (min-width:350px){.theme-toggle svg{width:60px;padding:10px}.theme-toggle{transform:translateX(calc(100% - 70px))}}@media (min-width:720px){.theme-toggle svg{width:70px}.theme-toggle{transform:translateX(calc(100% - 80px))}.theme-toggle::before{content:'◀';display:block;position:absolute;top:50%;left:-30px;transform:translateY(-50%);transition:.6s;font-size:1.2em}.theme-toggle:hover::before{transform:translateY(-50%) rotate(180deg)}}@media (min-width:1480px){.theme-toggle svg{width:80px}.theme-toggle{transform:translateX(calc(100% - 90px))}}@media (min-width:2040px){.theme-toggle svg{width:90px}.theme-toggle{transform:translateX(calc(100% - 100px))}}.theme-toggle:hover{background-color:rgba(0,0,0,.5);transform:translateX(0)}.link-panel{display:block;position:fixed;border-radius:0 10px 10px 0;left:0;top:50vh;transform:translateY(-50%);background-color:var(--trans-bg);width:60px}.link-panel a.icon{display:block;height:35px;width:35px;margin:20px auto}.link-panel a.icon svg{fill:var(--color-4-light)}@media (min-width:1080px){.link-panel{width:70px}.link-panel a.icon{height:40px;width:40px}.paralax-bg{background-position:center;min-height:900px}}@media (min-width:1440px){.link-panel{width:75px}.link-panel a.icon{height:45px;width:45px;margin:21px auto}}.hero-container{min-height:580px;display:flex;top:17%;left:50%;transform:translateX(-50%);justify-content:center;position:absolute}.hero-headline{margin:0 auto;margin-bottom:60px}.hero-headline>p{margin:auto}.hero-headline .titulo{line-height:120%;letter-spacing:.02em;font-weight:700}.hero-headline .subtitulo{font-family:'Quicksand';line-height:120%;letter-spacing:.02em;min-height:80px;margin-top:40px}.hero-text .btn{margin-right:10px;margin-bottom:10px;font-size:1.35em}.hero-text{font-size:12px}.hero-headline .titulo{font-size:4em}.hero-headline .subtitulo{font-size:2em}@media (min-width:1080px){.hero-container{top:22%}header{margin-top:80px}.hero-headline .subtitulo{margin-top:60px}}@media (min-width:320px){.hero-text{font-size:13px}}@media (min-width:500px){.hero-text .btn{font-size:1.45em}}@media (min-width:660px){.hero-text{font-size:14px}.hero-text .btn{font-size:1.45em}}@media (min-width:900px){.hero-text{font-size:16.5px}.hero-container{flex-wrap:nowrap;text-align:left}.hero-container>*{flex:1}.hero-container .img{display:block;min-height:300px;min-width:376.5px;position:relative}.hero-container .img svg{position:absolute;top:0;left:50px;height:auto;width:100%}}@media (min-width:1080px){.hero-container .img{min-height:340px;min-width:426.8px}}@media (min-width:1440px){.hero-text{font-size:18px}.hero-container .img{min-height:380px;min-width:477px}}@media (max-width:1079px){.proyectos-section{margin-top:-40px}}@media (min-width:1080px) and (min-height:900px){.proyectos-section{margin-top:-80px}}section{width:100%;padding:80px 0}.section-header::after{content:' ';background-color:var(--color-4-light);display:block;height:4px;width:250px;margin:auto;margin-top:1.2rem;border-radius:2px}.bg-primary{background:var(--color-4-light);color:var(--color-2-dark)}.bg-light{background:var(--color-4);color:var(--color-2)}.bg-primary .icon svg,.bg-light .icon svg{fill:var(--color-2-dark)}.bg-primary .section-header::after,.bg-light .section-header::after{background-color:var(--color-2)}@media (min-width:860px){section{padding:110px 0}}@media (min-width:1400px){section{padding:140px 0}}section .section-header{font-family:'Quicksand';font-size:36px;font-weight:700}section .section-body{margin:50px auto}section .section-link{width:260px;padding:1rem;margin:0 auto;display:flex;justify-content:center;font-weight:600;transition:.3s}section .section-link svg{fill:var(--color-2-dark)}.section-link:hover,.section-link:focus{text-decoration:underline;background-color:rgba(0,0,0,.05)}.section-link svg{margin-right:10px;min-width:25px;min-height:25px}.project-list{margin:50px auto;justify-content:center}.project-info{margin-top:1em}.project-item{display:inline-block;position:relative;height:250px;width:250px;margin-right:10px;background-size:100%;background-position:center;background-repeat:no-repeat;border-radius:10px;box-shadow:3px 3px 6px rgba(0,0,0,.25);transition:.6s .3s;scroll-snap-align:center}.project-item:hover{background-size:115%}.project-item::before{content:'+';display:flex;position:absolute;align-items:center;justify-content:center;height:100%;width:100%;background-color:rgba(0,0,0,.3);color:var(--color-4-light);border-radius:10px;font-size:150px;text-shadow:3px 3px 5px rgba(0,0,0,.24);transition:.6s .3s;opacity:0;cursor:pointer}.project-item:hover::before{opacity:1}@media (max-width:1059px){.project-list{overflow-x:auto;scroll-snap-type:x proximity;white-space:nowrap}}@media (min-width:600px){.project-item{height:300px;width:300px}}@media (min-width:1060px){.project-list{display:grid;grid-template-columns:repeat(2,350px);grid-template-rows:repeat(3,350px);grid-gap:20px;margin:50px auto}.project-item{width:100%;height:100%}}@media (min-width:1200px){.project-list{grid-template-columns:repeat(2,412px);grid-template-rows:repeat(3,412px)}}#sobre-mi{padding-bottom:180px}@media (max-width:360px){#sobre-mi+section .section-header{padding-top:40px}}.card-quote{max-width:550px;min-height:110px;overflow:hidden;box-shadow:1px 3px 5px rgba(0,0,0,.2);border-radius:12px;font-size:1.2em;margin:90px auto;padding:.75em .5em}.sobre-mi-content{margin-top:50px}.bottom-text>*{margin:15px 30px}.small-p{margin:50px auto;width:250px}@media (min-width:860px){.top-text{display:flex;justify-content:center}.bottom-text{margin-top:30px}.sobre-mi-content .small-p{margin:0 20px;margin-top:20px}#sobre-mi{padding-bottom:100px}}#conocimientos{padding-bottom:80px}.tab-container{width:310px;margin:50px auto}.tab-container a{font-weight:700}.tab-container a:hover{text-decoration:underline}.tab-container .tab-list{display:grid;grid-gap:10px;grid-template-columns:repeat(6,calc(50% - 40px));grid-template-rows:50px;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-padding:100px;user-select:none}.tab-list li{scroll-snap-align:center;cursor:pointer;font-size:22px;opacity:.8}.tab-list li:hover,.tab-list li.active{opacity:1;font-weight:700}.tab-content{height:340px}.tab-content .header{font-weight:700;font-size:1.2em;margin:.5em 0}.tab-content>a{text-decoration:underline}.tab-content>a:hover{font-weight:700}@media (max-width:649px){.tab-content{background-color:var(--color-4);padding-bottom:1rem;border-radius:0 0 8px 8px}.tab-content::before{content:' ';background-color:var(--color-2-dark);display:block;margin:auto;border-radius:2px;height:3px;width:310px;margin-bottom:1.2rem}}@media (min-width:650px){.tab-container{width:100%;display:flex;justify-content:center;text-align:left}.tab-container .tab-list{grid-template-columns:calc(50% - 40px);grid-template-rows:repeat(6,42px);overflow-x:auto;padding-right:20px;scroll-snap-type:y mandatory;border-right:3px solid var(--color-2-dark)}.tab-list li{width:120px}.tab-content{width:370px;margin-left:25px}}.highlight{color:var(--color-3);font-weight:700;margin:1rem 0}#contacto{margin-bottom:0;padding-top:100px;padding-bottom:0}#contacto .section-body{margin-bottom:0}.icon-list{display:flex;width:250px;height:50px;margin:0 auto;justify-content:space-between}.icon-list .icon{width:55px;height:55px}.contact-form{display:block;margin-top:40px;border-radius:12px;padding:20px;text-align:left;background-color:var(--color-4-light);color:var(--color-2-dark);width:min-content}.contact-form .form-header{font-weight:700;font-size:1.6em;padding:.25em}.contact-form .form-element{margin:30px auto;width:100%}.form-element>label,.form-element>input,.form-element>textarea{display:block;margin:0 auto;font-size:20px;padding:.5em}.contact-form input,.contact-form textarea{display:block;border-radius:8px;border:2px solid var(--color-2);background-color:var(--color-4-light);font-size:18px;font-family:'Nunito';padding:.5em;transition:.3s;width:100%;opacity:.7}.contact-form textarea{resize:vertical}.contact-form input[type='submit']{background-color:var(--color-2-dark);border:none;transition:.3s;color:var(--color-4-light);cursor:pointer;font-weight:700;width:min-content;padding:.75em 1em;margin:30px 0}.contact-form input[type='submit']:hover{opacity:1}.contact-form input[type='text']:hover,.contact-form textarea:hover,.contact-form input[type='text']:focus,.contact-form textarea:focus{border:2px solid var(--color-3);opacity:1}.email{display:block;font-weight:700}.email:hover{text-decoration:underline}@media (min-width:890px){.info-block{width:250px}.form-block{display:flex;justify-content:center}.form-block>*{margin:50px 40px}.contact-form{padding:20px;flex:1}.contact-form .form-element{margin:10px auto}}@media (max-width:889px){.contact-form{width:100%}}footer{height:100px;background-color:rgba(0,0,0,.2);color:var(--color-4-light);display:flex}.copyright{margin:auto;font-weight:600}.overlay{position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.6s;font-size:21px;overflow-y:scroll}.mostrar{opacity:1;pointer-events:all}.project-card{padding:10px;width:95%;max-width:550px;margin:20px auto;border-radius:12px;font-size:20px;position:relative;background-color:var(--color-4-light);color:var(--color-2-dark);text-align:center}.project-card .close{cursor:pointer;position:absolute;top:0;right:0;width:35px;height:35px;margin:10px;stroke:var(--color-2-dark)}.project-card .header{font-size:1.6em;font-weight:700;width:calc(100% - 60px);margin:1.5em auto}.project-card .tags{font-size:.85em;margin:1em auto}.project-card .body{font-size:.9em;margin:2em auto}.project-card .close-btn{background-color:var(--color-2-dark);color:var(--color-4-light);width:min-content}.project-card .close-btn:hover{background-color:var(--color-2);transform:none}.project-card .video-wrapper{position:relative;object-fit:contain;background-color:var(--color-2-dark)}.video-wrapper video{width:100%;height:100%}.video-wrapper .project-links{position:absolute;top:0;left:0;display:flex;background-color:var(--color-1);border-radius:0 0 12px 0}.video-wrapper .project-links a{margin:5px 10px;width:47.5px;height:47.5px;background-size:40px;background-position:center;background-repeat:no-repeat;display:inline-block;border-radius:50%;transition:.4s}@media (max-width:600px){.video-wrapper .project-links a{margin:2.5px 7px;width:40px;height:40px;background-size:35px}.project-card .header{margin:1em auto}}.video-wrapper .project-links a:hover{background-color:var(--color-1-dark);background-size:47.5px}.video-wrapper .project-links .gh-icon{background-image:url(../resources/img/icon/github.svg)}.video-wrapper .project-links .lv-icon{background-image:url(../resources/img/icon/eye.svg)}@media (max-width:1079px){.ocultar-movil{display:none}}