*{margin:0;padding:0;vertical-align:baseline}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box}body{scroll-behavior:smoth;text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}ul,ol{list-style:none}a{text-decoration:none;display:block;font-family:inherit;font-size:inherit;color:inherit}html{scroll-behavior:smooth}p a{display:inline}img,video,iframe,picture,figure{max-width:100%;display:block}font,input,select,textarea,button,label{display:block;font-family:inherit;font-size:inherit;color:inherit}:root{--color-principal: #ffeedb;--color-secundario: #355c7d;--color-terciario: #ffeedb;--color-letras_bkg_claro: #355c7d;--color-letras_bkg_degradado: #324656;--color-letras_bkg_oscuro: #f8f8f8;--color-background: #f8f8f8;--color-letras_portfolio: black;--color-letras_contraste: #F67280;--color-letras_description: #d3d3d3}html{font-size:10px;scroll-behavior:smooth}html,body{margin:0;padding:0;box-sizing:border-box;height:100%}body{background-color:var(--color-background)}section{scroll-margin-top:60px}.nav__toolbar{position:fixed;top:0;left:0;width:100%;background-color:var(--color-secundario);display:flex;flex-direction:column;justify-content:center;z-index:1000;height:60px;opacity:1;transition:opacity .3s ease-in-out}.buttom_link{z-index:3000}.toolbar{display:flex;flex-direction:row;position:absolute;right:10px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.sectionbar{position:fixed;left:2rem;top:12rem;background-color:var(--color-letras_bkg_claro);height:100%;justify-content:center}.toolbar__option{padding:2rem}.navbar_baner{position:absolute;top:0;left:0;margin-left:1.5rem;margin-top:2rem}.navbar_banertext{font-size:1.7rem;color:var(--color-letras_bkg_oscuro);font-family:Poppins,sans-serif}.toolbar__text{font-size:1.9rem;color:var(--color-letras_bkg_oscuro);cursor:pointer;font-family:Lato,sans-serif;font-weight:350;transition:all .2s ease-in-out}.toolbar__text:hover{opacity:70%}.nav__sectionbar{position:fixed;top:0;left:0;width:300px;display:flex;flex-direction:column;z-index:2000;height:100%;background-color:var(--color-letras_bkg_claro);opacity:1;transition:opacity .3s ease-in-out}.sectionbar__option{display:flex;flex-direction:row;padding:.5rem;left:0}.sectionbar__text,.sectionbar__subsection{font-family:Inter,sans-serif;font-size:1.4rem;font-weight:300;color:#fff;cursor:pointer;opacity:.7;padding:.05rem 1rem;transition:all .3s ease-in-out}.sectionbar__text{font-size:1.6rem;font-weight:400;opacity:1}.sectionbar__text.active,.sectionbar__subsection.active{opacity:1;font-weight:500;border-left:4px solid var(--color-letras_bkg_claro);background-color:#ffffff0d}.sectionbar__text:hover,.sectionbar__subsection:hover{opacity:1;color:#fff}.active{opacity:1}.toolbar__option a h1.active{opacity:.5}.toolbar__option a h1{opacity:1;transition:opacity .3s ease,color .3s ease}.toolbar__text{opacity:.5;transition:opacity .3s ease-in-out}.intro-part{align-items:center;align-content:center;text-align:center;height:100vh}.montserrat{font-family:Montserrat,sans-serif;font-optical-sizing:auto}.text__name{font-size:6rem}.text__profesion{font-size:2.5rem;opacity:80%}.text__name,.text__profesion{color:var(--color-letras_bkg_claro);font-family:"Montserrat",Sans-serif;font-weight:550;font-style:normal}.intro__icon{display:inline-flex;flex-direction:row;align-items:center;text-align:center}.icon__link{margin:3rem 1.5rem 1.5rem}.icon__image{font-size:4rem;color:var(--color-letras_bkg_claro);transition:all .2s ease-in-out}.icon__image:hover{color:var(--color-letras_bkg_claro);opacity:50%}.about-me{background-color:var(--color-secundario);margin-top:10rem;width:100%;height:70rem}.projects__title{padding-top:4rem;font-size:3rem;color:var(--color-letras_bkg_claro);text-align:center;margin-bottom:3rem}.about-me__title,.contact__title{padding-top:4rem;font-size:3rem;color:var(--color-letras_bkg_oscuro);text-align:center;margin-bottom:3rem}.contact__title{padding-top:7rem;margin-bottom:5rem}.about-me__text-image-container{display:flex;flex-direction:row;padding-bottom:5rem}.about-me__text-container{margin-left:10rem;font-size:2rem;text-align:justify;width:50%}.about-me__image-container{display:none;background-color:var(--color-letras_bkg_oscuro);min-height:auto;min-width:auto;width:30rem;height:30rem;margin-left:10rem;text-align:center;align-content:center}.normal__text{color:var(--color-letras_bkg_oscuro);font-family:Lato,sans-serif;font-weight:200;margin-bottom:2rem;font-size:2rem}.skills{width:100%;height:20rem}.portfolio__gallery{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px;justify-content:center;align-items:center;margin:7rem 2rem 30rem}.gallery__element{display:flex;text-align:center;background-color:var(--color-background);height:25rem;width:320px;border:solid 1px var(--color-secundario);cursor:pointer;z-index:0;justify-content:center;align-items:center;transition:all .3s ease-in-out;overflow:hidden}.gallery__container{display:flex;flex-direction:column;width:320px;background-color:var(--color-letras_bkg_claro);border-radius:10px;box-shadow:2px 2px 5px #0000001a}.gallery__desctext--title{color:var(--color-letras_bkg_oscuro);font-family:Lato,sans-serif;font-weight:700;margin-bottom:2px;font-size:1.7rem;padding-left:10px}.gallery__labels--container{display:flex;flex-direction:row}.gallery__labels{display:flex;border-radius:15px;background-color:var(--color-background);width:auto;height:25px;margin-top:10px;margin-left:10px;margin-bottom:10px;padding-bottom:4px;justify-content:center;align-items:center}.gallery__desctext--labels-tools{color:var(--color-background);font-family:Lato,sans-serif;font-weight:700;margin-left:12px;margin-top:12px;font-size:1.5rem}.gallery__desctext--labels{color:var(--color-letras_bkg_claro);font-family:Lato,sans-serif;font-weight:700;padding-left:12px;padding-bottom:2px;margin-top:5px;padding-right:12px;font-size:1.4rem}.gallery__desctext{color:var(--color-letras_bkg_oscuro);font-family:Lato,sans-serif;font-weight:200;margin-bottom:2rem;padding-left:12px;padding-right:12px;font-size:1.7rem;text-align:justify}.gallery__text{position:absolute;z-index:1;font-size:2rem;opacity:0%;transition:all .3s ease-in-out}.gallery__container:hover .gallery__element{opacity:80%}.gallery__container:hover .gallery__text{color:var(--color-letras_bkg_claro);opacity:100%}.gallery__image{width:100%;transition:all .3s ease-in-out}.gallery__container:hover .gallery__image{transform:scale(1.1)}.contact{background-color:var(--color-secundario);height:80rem;width:100%}.contact-form-box-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10rem}.contact__form{display:flex;align-items:center;justify-content:center;flex-direction:column}.form__container{display:flex;flex-direction:column}.form__group{margin-bottom:1rem}.form__input{display:block;font-family:Lato,sans-serif;font-weight:405;background-color:var(--color-secundario);border:solid 2px var(--color-background);color:var(--color-background);border-radius:2rem;font-size:1.5rem;outline:none;padding-left:1rem;margin-bottom:1.5rem;height:4rem;width:40rem;box-shadow:.1rem 1rem -8px #0000001a;line-height:2.1rem;background-color:transparent}.form__input--textarea{padding-top:1rem;display:block;resize:none;height:20rem;width:40rem}.form__button{background-color:var(--color-background);font-family:Lato,sans-serif;font-weight:405;height:4rem;width:20rem;font-size:1.5rem;margin-top:3rem;text-align:center;border:solid 2px var(--color-background);border-radius:5rem;cursor:pointer;transition:all .3s ease-in-out}.form__button:hover{background-color:var(--color-secundario);color:var(--color-background)}.last-part{display:flex;flex-direction:column;align-items:center;align-content:center;background-color:#000}.last__icon{padding-top:2rem;display:flex;flex-direction:row;text-align:center;align-items:center}.last__text{padding-top:2rem;padding-bottom:5rem;color:var(--color-background);display:flex;flex-direction:row;text-align:center;align-items:center}.icon__last{font-size:4rem;color:var(--color-background);transition:all .2s ease-in-out}.icon__last:hover{color:var(--color-background);opacity:50%}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:none;justify-content:center;align-items:center;transition:all .3s ease-in-out;z-index:1}.modal{background:#fff;padding:20px;border-radius:8px;width:40rem;height:40rem;display:flex;align-items:center;text-align:center;flex-direction:column;transition:all .3s ease-in-out}.overlay__title{font-size:20px}.overlay__description{font-size:15px;text-align:justify;margin-top:1rem;margin-left:1rem;margin-right:1rem}.overlay__buttons{margin-top:15rem;display:flex;flex-direction:row}.overlay__button{height:3rem;width:13rem;font-size:15px;border-radius:5rem;border:solid 1px var(--color-secundario)}.close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}body{font-family:Open Sans,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:550}.main__container{display:flex;flex-direction:column}.project__title__container{position:relative;background:linear-gradient(60deg,var(--color-letras_bkg_claro),var(--color-letras_bkg_degradado));height:30rem;display:flex;align-items:center;justify-content:center;text-align:center}.project__title{font-family:Playfair Display,serif;font-size:5.5rem;padding-right:20rem;color:#fff;letter-spacing:1px;text-shadow:0 2px 8px rgb(135,129,129);margin:0}.principal__container{display:flex;flex-direction:column;margin:0 36rem;padding-top:5rem}.background__section,.queries__section,.summary__section,.insights__section,.recommendations__section{display:flex;flex-direction:column;margin-bottom:3rem}.section__title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.5px;color:#1a1a1a;border-left:5px solid var(--color-letras_bkg_claro);padding-left:1rem}.section__subtitle{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#434343}.general__text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:2rem;line-height:1.7;text-align:justify;margin-bottom:1rem}.paragraph{font-family:Source Sans Pro,sans-serif;font-size:1.6rem;max-width:120rem;line-height:1.7;color:#4d4848;margin-bottom:1.5rem;text-align:justify}.background__further-links{margin-left:3rem}.links{text-decoration:underline;color:#00f;display:inline;font-family:inherit;font-size:inherit;transition:all .2s ease-in-out}.links:hover{color:#00008b;text-decoration-color:#00008b}.queries__image{width:350px;height:auto;margin-top:2rem;margin-bottom:2rem}.background__key-areas{text-align:justify;margin-top:1.5rem;margin-left:3rem}.key-areas{list-style-type:disc;font-size:20px}.list{list-style-type:decimal;font-size:1.7rem}.key-areas__text{margin-bottom:.8rem}.key-areas__text__bold{font-weight:700}.summary__list{margin-bottom:2rem;margin-left:3rem}.list{margin-bottom:1rem}#tableauViz{visibility:hidden;margin:3.5rem 0}.fa-arrow-left{position:fixed;top:3rem;left:3rem;font-size:4rem;color:var(--color-background);opacity:80%}.dashboard_container{position:relative}.fa-arrow-left:hover{opacity:100%}.layout__menu--toggle{display:none}pre{background-color:#262626;border-radius:8px;overflow-x:auto;font-size:1.2em;line-height:1.5em}.code__container{border-radius:8px;height:auto;background-color:#262626}.language__container{display:flex;flex-direction:row;margin-bottom:1rem;margin-left:3rem;gap:1rem}.python__icon{font-size:3rem;margin-top:1rem;color:#dcdcdc}.code__language{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:1.5rem;margin-top:1.2rem;color:#dcdcdc}.custom-code{font-size:1.4rem!important}.copy__buttom{background-color:#dcdcdc;font-family:Lato,sans-serif;font-weight:405;height:2.8rem;width:8rem;font-size:1.5rem;text-align:center;margin-top:1.3rem;margin-left:97rem;border:solid 2px #dcdcdc;border-radius:5rem;cursor:pointer;transition:all .3s ease-in-out}.copy__buttom:hover{background-color:#262626;color:#dcdcdc}.custom-code{color:#dcdcdc;border-radius:8px;line-height:1.5em;white-space:pre;overflow-x:auto}.hljs-functions{color:#dcdcaa}.hljs-comment{color:#898989;font-style:italic}.hljs-class-name{color:#f69c72}.hljs-keyword{color:#ff5f5f}.hljs-string{color:#8fc0eb}@media (max-width: 1600px){.sectionbar__option{padding:.4rem}.sectionbar__text{font-size:1.5rem}.sectionbar__subsection{font-size:1.3rem;padding-left:1rem}.general__text,.key-areas__text{font-size:1.7rem}.copy__buttom{margin-left:59rem}.custom-code{font-size:1.2rem!important}.context__title{font-size:2.5rem}.section__title{font-size:1.7rem}.section__subtitle,.list{font-size:1.4rem}.queries__image{width:300px}.normal__text{font-size:1.8rem}.gallery__desctext,.gallery__desctext--title{font-size:1.4rem}.gallery__desctext--labels-tools{font-size:1.2rem}.gallery__desctext--labels{font-size:1.1rem}.projects__title,.about-me__title,.contact__title{font-size:2.5rem}.text__name{font-size:5rem}.text__profesion{font-size:2.3rem}.toolbar__text{font-size:1.6rem}.navbar_banertext{font-size:1.5rem;font-weight:200}}@media (max-width: 1000px){.project__title{padding-right:0rem;padding-left:0rem}.principal__container{margin:0px 10rem}.portfolio__gallery{flex-direction:column}.navigate__bar{display:none}.about-me__text-image-container{flex-direction:column;align-items:center}.about-me__image-container{margin-left:0;margin-top:5rem}.about-me__text-container{width:auto;margin-right:5rem;margin-left:5rem}.about-me{height:auto}}@media (max-width: 900px){.principal__container{margin:0px 10rem}}@media (max-width: 750px){section{scroll-margin-top:0px}.nav__toolbar{position:fixed;top:0;left:auto;right:0;width:250px;height:100%;background-color:var(--color-secundario);display:flex;flex-direction:column;justify-content:inherit;text-align:center;z-index:1000;transition:opacity .3s ease-in-out}.toolbar{display:flex;flex-direction:column;position:static;right:0;margin-top:10rem}.toolbar__option{padding:2.5rem}.toolbar__text{font-size:1.5rem}.navbar_baner{position:static;margin-top:7rem}.layout__menu--toggle{display:block;z-index:99999;height:3.5rem;width:3.5rem;position:fixed;top:1rem;right:1rem;background-color:var(--color-background);border-radius:17px;transition:all .3s ease-in-out}.menu-toggle__icon{z-index:9999;display:block;position:absolute;color:var(--color-letras_bkg_claro);font-size:2.2rem;line-height:35px;margin-left:8px;transition:all .3s ease-in-out}.fa-xmark{opacity:0;cursor:pointer}.fa-bars{opacity:1;cursor:pointer}.nav__toolbar--visible{margin-right:0;opacity:1;transition:opacity .3s ease-in-out}.nav__toolbar--hidden{margin-right:-100%;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}}@media (max-width: 600px){.text__name{font-size:4.2rem}.text__profesion{font-size:2.2rem}}@media (max-width: 500px){.project__title__container{height:20rem}.project__title{font-size:3rem}.copy__buttom{margin-left:14rem;font-size:1.3rem;width:7rem}.icon__image,.icon__last{font-size:3.8rem}.about-me__title,.contact__title,.projects__title{font-size:2.5rem}.text__name{font-size:3.8rem}.text__profesion{font-size:2rem}.custom-code{font-size:1rem!important}.queries__image{height:500px;width:auto}.principal__container{margin:0 4rem}.context__title,.section__title{font-size:2rem}.gallery__desctext--labels{font-size:1.1rem}.gallery__desctext--labels-tools{font-size:1.2rem}.general__text,.normal__text,.gallery__desctext,.gallery__desctext--title,.key-areas__text{font-size:1.6rem}.section__subtitle{font-size:1.4rem}.list{font-size:1.2rem}.fa-arrow-left{font-size:3rem}.summary__list{margin-left:0rem}}@media (max-width: 450px){.form__input{width:30rem}}@media (max-width: 400px){.text__name{font-size:3.5rem}.text__profesion{font-size:1.5rem}.icon__image,.icon__last{font-size:3.5rem}.about-me__text-container{width:auto;margin-right:3rem;margin-left:3rem}.about-me__text{font-size:1.5rem}.about-me__title,.projects__title,.contact__title{font-size:2.5rem}.form__input{width:25rem}}
