@import "https://fonts.googleapis.com/css2?family=DM+Sans&family=Hedvig+Letters+Sans&family=Ubuntu+Mono&family=Rethink+Sans&display=swap";html,body{border:0;width:100%;margin:0;padding:0;overflow-x:hidden}:root{--clr-primary-1:#063351;--clr-primary-3:#1a6ca2;--clr-primary-4:#2d8cc8;--clr-primary-5:#49ace9;--clr-primary-6:#6ec0f7;--clr-primary-7:#8bcdf9;--clr-primary-8:#a5d4f8;--clr-primary-9:#c5e4fc;--clr-primary-10:#ebf6ff;--clr-grey-1:#102a42;--clr-grey-5:#617d98;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-black:#000;--ff-secondary:"Open Sans", sans-serif;--ff-terciary:"DM Sans", sans-serif;--ff-quaternary:"Hedvig Letters Sans", sans-serif;--transition:all .3s linear;--spacing:.25rem;--radius:.5rem;--light-shadow:0 5px 15px #0000001a;--max-width:1170px}:root[data-lang=en]{--bg:#0c0c0c;--fg:white;--ff-primary:"Ubuntu Mono", sans-serif}:root[data-lang=es]{--bg:white;--fg:black;--ff-primary:"Rethink Sans", sans-serif}.project-preview{object-fit:cover}:after,:before{margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{font-family:var(--ff-primary);background:var(--bg);color:var(--fg);width:100vw;height:100%;transition:var(--transition);font-size:.875rem;line-height:1.5}ul{list-style-type:none}a{transition:var(--transition);color:var(--fg);font-weight:700;text-decoration:none}a:hover{color:var(--clr-primary-5)}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;font-family:var(--ff-primary);margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:var(--fg);margin-bottom:1.25rem}.btn{text-transform:uppercase;color:var(--fg);letter-spacing:var(--spacing);transition:var(--transition);border:2px solid var(--fg);cursor:pointer;border-radius:var(--radius);background:0 0;padding:.375rem .75rem;font-size:.875rem;font-weight:700;display:inline-block;box-shadow:0 1px 3px #0003}.btn:hover{color:var(--bg);background:var(--fg)}.btn-idioma{font-weight:100;font-family:var(--ff-terciary);border:solid 1px var(--fg);color:var(--fg);z-index:5;white-space:nowrap;background-color:#0000;padding:1rem;transition:background-color .3s;position:fixed;bottom:2rem;right:2rem}.btn-idioma:hover{background-color:var(--fg);color:var(--bg)}.btn-idioma.on-contact-panel{border-color:var(--bg);color:var(--bg)}.btn-idioma.on-contact-panel:hover{background-color:var(--bg);color:var(--fg)}.section{opacity:0;width:100%;min-height:100vh;padding:3rem 0;transition:opacity 6s}.section.show{opacity:1}#about-description-container{vertical-align:middle;width:50%;font-size:1rem;line-height:1.6rem;display:inline-block}.section-center{width:90vw;max-width:1170px;max-height:none;margin:0 auto}.underline{background:var(--clr-primary-5);width:5rem;height:.25rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto}.section-title{text-align:center;margin-bottom:4rem}.personal-projects-title{margin:5rem}.rem1{font-size:1rem}.text-center{text-align:center}nav{z-index:2}section,header{z-index:1}nav#navbar-container{width:100%;height:4.5rem;transition:var(--transition);justify-content:flex-end;align-items:center;margin:0;padding:0 1rem;display:flex;position:fixed}.nav-btn{color:var(--fg);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:2rem;line-height:1;display:inline-flex}.navbar-fixed{background:var(--bg);z-index:2;width:100%;box-shadow:var(--light-shadow);position:fixed;top:0;left:0}.navbar-fixed .nav-btn{color:var(--fg)}.sidebar{background:var(--bg);z-index:-1;opacity:0;width:100%;height:100%;transition:var(--transition);place-items:center;display:grid;position:fixed;top:0;left:0}.show-sidebar{transition:var(--transition);opacity:1;z-index:4}.sidebar-links{text-align:center}.sidebar-links a{text-transform:capitalize;transition:var(--transition);color:var(--fg);letter-spacing:var(--spacing);margin-bottom:1.5rem;font-size:2rem;display:inline-block}.sidebar-links a:hover{color:var(--clr-primary-5)}.close-btn{transition:var(--transition);color:var(--fg);cursor:pointer;background:0 0;border:#0000;font-size:2rem;position:absolute;top:3rem;right:4rem}.close-btn:hover{color:var(--clr-primary-5)}.header-icon{opacity:0;transition:opacity 2.5s steps(10,end)}.header-icon.visible{opacity:1}.social-icons{grid-template-columns:repeat(3,1fr);justify-items:center;width:20rem;margin-top:3rem;padding:0;display:grid}.header-arrow{color:var(--fg);transition:var(--transition);margin:2rem;font-size:2rem}.header-arrow:hover{color:var(--clr-primary-5)}.arrow-down{text-align:center;margin:0 auto;display:block}.skills .arrow-down{margin-top:3rem}.social-icon{color:var(--fg);transition:var(--transition);font-size:2rem}.social-icon:hover{color:var(--clr-primary-5)}.typewriter-text{white-space:nowrap;display:inline-block;overflow:hidden}.hidden{display:none}.hero-title{text-align:left;width:100%;margin:1rem;font-size:3rem}#hero-title1,#hero-title2 span,#hero-subtitle span{white-space:normal;margin:.2rem}#hero-subtitle{text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin:1rem;font-size:1.5rem;display:flex}.hero{background:0 0;padding-top:5rem}.hero-center{height:100vh;color:var(--fg);flex-direction:column;justify-content:center;align-items:center;display:flex}.text-background{background-color:var(--fg);color:var(--bg);padding:.5rem}.about-title{text-align:right;vertical-align:middle;width:40%;margin-bottom:2rem;padding-right:5rem;display:inline-block}.about-title>*{line-height:3rem}#skills-title,#projects-title{margin-bottom:2rem}.skills .section-center{max-width:1500px}.technologies{flex-wrap:wrap;display:flex}.tech-type{box-sizing:border-box;flex:1 0 calc(32.33% - 12px);margin:6px 6px 2.5rem}.tech-type:first-child{flex-basis:calc(40% - 12px)}.tech-type:nth-child(2){flex-basis:calc(22% - 12px)}.tech-type:nth-child(3){flex-basis:calc(36% - 12px)}.tech-type:nth-child(n+4){flex-basis:calc(25% - 12px)}.tech-type h3{text-align:center;margin:.5rem 0}.logos-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;min-height:2.2rem;display:flex}.tech-logo-link{transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tech-logo-link:hover{opacity:.7}.tech-logo{object-fit:contain;flex-shrink:0;width:3rem;height:3rem}#projects{margin-bottom:2rem}#projects-subtitle{text-align:center;padding:0 1rem;line-height:2}.projects-center{flex-direction:column;justify-content:center;align-items:center;display:flex;max-width:85vw!important}.ai-projects-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;display:flex;max-width:85vw!important}.ai-project-card{max-width:calc(480px - 2rem);transition:var(--transition);border:2px solid #0000;border-radius:.75rem;flex-direction:column;flex:320px;display:flex;overflow:hidden}.ai-project-card:hover{border-color:var(--clr-primary-5)}.ai-project-video{aspect-ratio:16/9;background:#000;width:100%;position:relative}.ai-project-video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ai-project-video-trigger{cursor:pointer;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.ai-project-video-trigger img{object-fit:cover;width:100%;height:100%;display:block}.ai-project-play-icon{color:#fff;width:3.5rem;height:3.5rem;transition:var(--transition);background:#0009;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-project-video-trigger:hover .ai-project-play-icon{background:var(--clr-primary-5);color:#000}.ai-project-info{padding:1.25rem 1.5rem}.ai-project-info h3{margin:0 0 .5rem}.ai-project-info h3 a{color:var(--fg);text-decoration:none}.ai-project-info h3 a:hover{color:var(--clr-primary-5)}.ai-project-repo-link{color:var(--fg);transition:var(--transition);margin-top:.75rem;font-size:1.5rem;display:inline-flex}.ai-project-repo-link:hover{color:var(--clr-primary-5)}.featured-client{flex-wrap:wrap;align-items:center;gap:3rem;margin:0 0 4rem;display:flex}.featured-client-info{flex:320px}.featured-client-info p{line-height:1.8}.featured-client-window{max-width:560px;transition:var(--transition);background:#1c1c1c;border:2px solid #0000;border-radius:.5rem;flex:420px;display:block;overflow:hidden}.featured-client-window:hover{border-color:var(--clr-primary-5)}.featured-client-window img{width:100%;display:block}.work-projects-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;display:flex;max-width:85vw!important}.work-project-card{max-width:360px;transition:var(--transition);border:2px solid #0000;border-radius:.75rem;flex-direction:column;flex:280px;display:flex;overflow:hidden}.work-project-card:hover{border-color:var(--clr-primary-5)}.work-project-preview{aspect-ratio:16/9;background:#000;width:100%;display:block;position:relative}.work-project-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block;position:absolute;inset:0}.work-project-info{padding:1.25rem 1.5rem}.work-project-info h3{margin:0 0 .5rem;font-size:1.1rem}.work-project-info h3 a{color:var(--fg);text-decoration:none}.work-project-info h3 a:hover{color:var(--clr-primary-5)}.work-project-info #clients-logos-container{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:.75rem}.work-project-info .client-logo{height:1.5rem}.project-horizontal{justify-content:space-around;align-items:center;width:100%;height:50vh;margin:2rem 0 1rem;display:flex}.project-vertical{justify-content:space-between;align-items:center;width:90%;height:70vh;margin:3rem 0;display:flex}.project-horizontal .project-display{width:50%}.project-vertical .project-display{width:40%}.project-info>*{line-height:2}#taxit-support,.project-display#reuma{background:#f6f6f6}.project-display#taxit{background:var(--clr-primary-5)}.project-display#taxit-cloud{background:linear-gradient(to bottom right,#adaef6,#7477de)}.project-display#ai-hub{background:var(--clr-primary-1)}.project-display#finance-rag{background:linear-gradient(to bottom right,#1a4d6d,#2f8fc4)}#clients-logos-container{justify-content:space-between;display:flex}.client-logo{width:auto;height:2rem}.project-display{justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.project-logo{width:auto;height:5rem;transition:opacity .5s}#taxit-support-logo{width:50%}.project-preview{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.project-display:hover .project-logo{opacity:0}.project-display:hover .project-preview{opacity:1}.demo-link{margin-top:.5rem;display:inline-block}#contact{background:var(--fg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin-bottom:0;padding:4rem 6rem;display:flex;opacity:1!important}#contact-text{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:40rem;display:flex}#contact-text>*{color:var(--bg)}#contact-text>h1{margin:2rem}.availability{background-color:var(--clr-grey-1);z-index:2;cursor:pointer;border-radius:3rem;justify-content:center;align-items:center;width:14rem;margin:1rem;padding:1rem;display:flex}.availability>span{color:#fff}.availability:hover{background-color:var(--clr-grey-5);transition:background-color .3s}#email-label{margin-bottom:1rem}#email-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}#email-value{text-transform:none;margin:0;display:block}#email-copy-icon{color:var(--bg);cursor:pointer;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;margin:0;padding:.3rem;font-size:1.2rem;transition:color .3s;display:flex}#email-copy-icon:hover{color:var(--clr-primary-5)}#back-to-top{color:#fff;cursor:pointer}.footer-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:3rem;display:flex}.footer-icons{flex-direction:row;justify-content:center;align-items:start;width:15rem;margin:0 auto;padding:0;display:flex}.footer-icons>li{margin:1rem 1.5rem}.footer-icons .social-icon{color:var(--bg)}#copyright{color:var(--bg);margin-top:1rem}@media only screen and (width<=1200px){#email-label{margin-bottom:0}.hero-title{text-align:center}nav#navbar-container{padding:0 2rem}#hero-subtitle{justify-content:center;min-height:1.5rem;font-size:1.2rem}.project-logo{width:50%;height:auto}#contact-text{width:100%}#contact{min-height:90vh;padding:3rem}.project-horizontal>.project-display{width:100%;height:45%}.project-vertical>.project-display{width:70%;height:100%}.project-horizontal,.project-vertical{flex-direction:column;justify-content:center;height:90vh}.project-display{order:-1}.footer-container{align-items:center;padding:0}.footer-icons{margin-left:auto;margin-right:auto}.footer-icons>li{margin:1rem auto}#contact-text>h1{font-size:2.5rem;line-height:3rem}#email-label,#email-value{font-size:2rem}#email-value{margin-bottom:3rem}}@media screen and (width<=992px){#hero-subtitle>span{line-height:2}.text-background{padding:.3rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1rem}body{font-size:.8rem}h1,h2,h3,h4{line-height:1}#hero-subtitle{font-size:1.2rem}.about-title,#about-description-container{text-align:center;width:100%;margin-bottom:2rem;padding:1rem;display:block}.project-logo{width:80%;height:auto}}@media screen and (width<=768px){.hero-title,#hero-subtitle{text-align:center;justify-content:center}nav#navbar-container{padding:0 1rem}.technologies{flex-direction:column;align-items:center}.tech-type,.tech-type:nth-child(n+4){flex-basis:100%;width:100%}.section{padding:5rem .5rem}.project-logo{width:90%;height:auto}#contact-text>*{text-align:center}.footer-container{align-items:center;padding-left:0}#back-to-top{margin:3rem auto;padding:.5rem}.availability{margin:0 auto}#email-label,#email-value{margin:.7rem auto;font-size:1.5rem}#email-label{margin-top:0;margin-bottom:0}#hero-subtitle{font-size:1.5rem}}@media screen and (width<=576px){nav#navbar-container{height:3.5rem}#email-label,#email-value{margin:.7rem auto;font-size:1rem}#contact-text>h1{margin:2rem .7rem;font-size:1.6rem}h1{font-size:2rem}#contact{padding:1rem}.personal-projects-title{margin:3rem 1rem 0;font-size:1.8rem}#clients-logos-container{flex-wrap:wrap;justify-content:space-evenly;width:100%;margin-top:2rem;display:flex}.client-logo{box-sizing:border-box;flex-basis:calc(33.33% - 10px);width:auto;height:2.3rem;margin:.6rem}.project-vertical>.project-display{width:100%;height:100%}.project-info{width:100%;padding:0 1rem}h3{font-size:1.1rem}section>.section-center>.scroll-link{display:none}header.hero{height:100vh}.hero-title{margin:.6rem;font-size:2rem}#hero-subtitle{margin:.6rem;font-size:1rem}.social-icons{margin:.7rem}.social-icon{font-size:1.8rem}.header-arrow{margin:.5rem}.hero-center{height:80vh}.close-btn{top:2rem;right:2rem}.section{padding:.5rem}.section-title{padding:1rem 0}.about-title,#about-description-container,#skills-title,#projects-title{margin-bottom:0}#about-description-container{font-size:1rem}.section-title>h2{margin:.4rem}h2{font-size:1.8rem}.tech-type{width:80%;margin:.3rem 0}.tech-logo{width:3rem;height:3rem}.logos-container{justify-content:center}.technologies{flex-direction:column;justify-content:center;align-items:center}#contact{min-height:89vh!important}}@media screen and (width<=320px){#contact-text>h1{font-size:1rem;line-height:1.5rem}#email-label,#email-value{margin:.2rem;font-size:.7rem}#hero-subtitle>span{line-height:1}#hero-subtitle{font-size:.9rem}}