html,body{width:100vw;min-height:100vh;margin:0;padding:0;scrollbar-color:transparent transparent;scroll-behavior:smooth;transition:ease-in;animation-duration:3s;background-color:var(--background-color);cursor:none}p{color:var(--text-default-color);margin:0;font-weight:300;font-size:1rem;padding:0 20px 20px;font-family:Roboto,sans-serif}span{color:var(--text-default-color)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:var(--text-default-color)}a{text-decoration:none;cursor:none}strong{font-weight:500;font-size:1.5rem;font-style:italic;margin-bottom:5px}#root{height:100%;width:100%;margin:0 auto;padding:0;box-sizing:border-box}:root{font-family:Robot,sans-serif;--background-color: #ffffff;--text-default-color: #000000;--burguer-content-background: #ffffff;--border-main-color: #000000;--button-color: #000000;--button-icon-color: #ffffff;--icon-default-color: #000000;--bg-image: url(/assets/uuundulateDark-BNRr3mLk.svg);--bg-hero-hidden: #ffd500}[data-theme=dark]{--background-color: #000000;--text-default-color: #ffffff;--burguer-content-background: #000000;--border-main-color: #ffffff;--button-color: #ffffff;--button-icon-color: #000000;--icon-default-color: #fdfdfd;--bg-image: url(/assets/uuundulateWhite-B9Jo5yT1.svg)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;font-size:12px;font-weight:100;z-index:1000}.loading-items{display:flex;flex-direction:column;align-content:center;align-items:center}.loader{width:60px;height:10px;background:linear-gradient(#000 0,#000 0) 0/0% no-repeat #ddd;animation:l1 2s linear;margin-top:15px}@keyframes l1{to{background-size:100%}}.main-container{padding:25px;width:calc(100vw - 50px);display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr 50px;grid-template-areas:"nav" "main-content" "footer"}@media (min-width: 768px){.main-container{padding:25px;height:calc(100vh - 50px);width:calc(100vw - 50px);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:60px 1fr 50px;grid-template-areas:"nav nav nav nav" "main-content main-content main-content main-content" "footer footer footer footer"}}.burger-button{margin-right:15px}.burger-button:focus{outline:none;border:none}.burger-button:hover,.burger-button:active{outline:none;border:none}.burger-button::visible{outline:none;border:none}.burger-button>svg{width:30px;height:30px;fill:var(--border-main-color)}.burger-content-container{position:fixed;top:25px;right:16px;width:300px;height:auto;background-color:var(--burguer-content-background);z-index:1000;justify-content:left;align-items:left;border:.5px solid var(--border-main-color);-webkit-box-shadow:10px 0px 59px -20px rgba(0,0,0,.25);-moz-box-shadow:10px 0px 59px -20px rgba(0,0,0,.25);box-shadow:10px 0 59px -20px #00000040}.burger-content{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:flex-start}.head-handlres-burguer{display:flex;justify-content:space-between}.close-button{border:none;background-color:unset;color:var(--burguer_icon)}.close-button:focus{outline:none}.close-button>svg{width:30px;height:30px;padding:10px;color:var(--icon-default-color)}.nav-handlers-burguer{display:flex;flex-direction:column;align-items:flex-start;width:100%;border-top:.5px solid var(--border-main-color)}.nav-links-burguer{width:100%}.nav-links-burguer ul{display:flex;width:100%;flex-direction:column;list-style:none;padding:0;margin:0;justify-content:center;align-items:center}.nav-links-burguer ul li{width:100%;height:60px;display:flex;font-family:Roboto,sans-serif;font-size:1.5rem;justify-content:start;align-items:center;border-bottom:.5px solid var(--border-main-color)}.nav-links-burguer ul li>a{text-decoration:none;color:var(--text-default-color)}.nav-links-burguer ul li span{font-family:Roboto,sans-serif;font-weight:700;margin:0;padding-left:30px}.socials>svg{color:var(--icon-default-color)}.socials-burguer{width:100%;height:100px;display:flex;align-items:center;justify-content:center;border-bottom:.5px solid var(--border-main-color)}.socials-icons{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.icon-hidden{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-right:.5px solid var(--border-main-color)}.icon-hidden>svg{width:25px;height:25px;color:var(--icon-default-color)}.icon-hidden>a>svg{width:25px;height:25px;color:var(--icon-default-color)}.icon-hidden>a{color:var(--icon-default-color);display:flex;align-items:center;justify-content:center}.icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-right:.5px solid var(--border-main-color)}.icon>svg{width:50px;height:50px;color:var(--icon-default-color)}.brand-behance{font-size:23px;color:var(--icon-default-color)}.nav-actions{display:flex;width:100%;height:100px;align-items:center;justify-content:space-around}.darkmode-burguer .download-burguer .qr-code-burguer{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-right:.5px solid var(--border-main-color)}.darkmode-burguer>svg{width:50px;height:50px}.download-burguer>svg{width:50px;height:50px}.nav-item{position:relative;overflow:hidden;cursor:none}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .3s ease-out}.nav-item:hover:before{transform:translate(100%)}.nav-item span{position:relative;z-index:10;color:var(--border-main-color);text-decoration:none;font-weight:500;font-family:Roboto;font-style:italic}.nav-item:hover span{color:var(--background-color)}.nav{grid-area:nav;background-color:var(--background-color);border:.5px solid var(--border-main-color);display:flex;justify-content:space-between;flex-direction:row;align-items:center}.nav-logo{width:160px;height:60px;border-right:.5px solid var(--border-main-color);display:flex;justify-content:center;align-items:center}.logo-text{font-size:2rem;font-weight:900;font-family:Roboto,sans-serif;font-style:italic;color:var(--text-default-color);cursor:none}.nav-handlers{display:flex}.nav-links{height:60px;border-left:.5px solid var(--border-main-color)}.nav-links ul{display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:0;height:60px}.nav-links>ul>li{border-right:.5px solid var(--border-main-color);display:flex;width:auto;height:100%;padding-inline:30px;justify-content:center;align-items:center}.socials{position:relative;overflow:hidden;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-right:.5px solid var(--border-main-color)}.socials:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .3s ease-out}.socials:hover:before{transform:translate(100%)}.socials:hover svg{color:var(--background-color);position:relative;z-index:10}.socials-hidden{width:200px;height:60px;display:flex;align-items:center}.download{position:relative;overflow:hidden;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-right:.5px solid var(--border-main-color)}.download>a svg{color:var(--icon-default-color);padding-top:5px;height:28px;width:28px}.download:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .3s ease-out}.download:hover:before{transform:translate(100%)}.download:hover svg{color:var(--background-color);position:relative;z-index:10}.qr-code{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.qr-code:hover{transform:scale(1.6);transition:ease-in}.footer{grid-area:footer;display:flex;justify-content:space-between;align-items:center;padding-inline:20px;border:.5px solid var(--border-main-color)}.footer>span{font-size:.7rem;font-weight:400;font-family:Roboto,sans-serif;font-style:italic;color:var(--text-default-color)}.landing-container{grid-area:main-content;display:grid;grid-template-columns:1fr;grid-template-rows:auto 200px 60px auto auto;grid-template-areas:"hero" "info" "techs" "carousel";border-inline:.5px solid var(--border-main-color)}@media (min-width: 768px){.landing-container{grid-area:main-content;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto 50px 1fr;grid-template-areas:"hero hero info info" "techs techs techs techs" "carousel carousel carousel carousel";border-inline:.5px solid var(--border-main-color)}}.hero{grid-area:hero;margin:0;padding:0;position:relative}.hero-content{padding-inline:20px;word-break:break}.hero-title{padding:20px}.hero-title>a>h1{font-size:clamp(20px,3.2rem,4rem);line-height:.9;font-weight:900;font-family:Roboto,sans-serif;font-style:italic;color:var(--text-default-color)}#custom-cursor{position:fixed;width:30px;height:30px;border-radius:50%;pointer-events:none;background:#5c00ff;mix-blend-mode:difference;z-index:9999;transition:transform .3s ease;transform:scale(1)}#custom-cursor.enlarged{transform:scale(5)}@media (min-width: 768px){.hero{grid-area:hero;border-right:.5px solid var(--border-main-color);border-bottom:.5px solid var(--border-main-color);margin:0;padding:0}.hero-title>a>h1{font-size:clamp(4rem,4vw,5rem);line-height:.9;font-weight:900;font-family:Roboto,sans-serif;font-style:italic;color:var(--text-default-color);padding-right:10px}.hero-content{font-size:1.5rem;line-height:1.8rem;font-weight:300;font-family:Roboto,sans-serif;color:var(--text-default-color);padding-inline:20px;word-break:break;padding-top:20px}}.info{grid-area:info;border-bottom:.5px solid var(--border-main-color)}.techs{grid-area:techs;overflow-y:hidden;overflow-x:auto;white-space:nowrap;width:100%;position:inherit;display:flex;flex-direction:row;height:100%;border-bottom:.5px solid var(--border-main-color);align-items:center;padding-block:10px}.techs::-webkit-scrollbar{height:10px;opacity:0;transition:opacity .3s ease}.techs-container{width:100%;overflow:hidden;position:relative}.techs-items{display:flex;flex-direction:row;height:100%;width:100%;background-color:var(--background-color)}.techs-slider{display:flex;white-space:nowrap;flex-wrap:nowrap;overflow:scroll}.tech-card{width:auto;height:50px;padding-inline:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:.5px solid var(--border-main-color);border-block:.5px solid var(--border-main-color)}.tech-card>span{font-size:1.2rem;font-weight:400;font-family:Roboto,sans-serif;font-style:italic;color:var(--text-default-color)}.carousel{grid-area:carousel;overflow-y:hidden;overflow-x:auto;white-space:nowrap;position:inherit;display:flex;flex-direction:row;width:100%;max-height:750px;margin-top:10px}.carousel::-webkit-scrollbar{height:10px;opacity:0;transition:opacity .3s ease}@media (max-width: 550px){.carousel{flex-direction:column;gap:5px}}.project-card{display:flex;flex-direction:column;border-right:.5px solid var(--border-main-color);border-block:.5px solid var(--border-main-color);width:100%;height:450px}.project-card-img{width:100%;height:400px;background-size:cover;background-repeat:no-repeat;background-position-y:center;background-position-x:center}.project-card-img .ampere{border-right:0}@media (min-width: 768px){.project-card-img{width:auto;height:550px;background-position-y:center;background-position-x:center;background-size:cover}}.description{display:flex;align-items:center;width:100%;justify-content:space-between;padding-inline:20px}.project-visit{width:50px;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--button-color)}.project-visit>svg{width:30px;height:30px;color:var(--button-icon-color);padding:10px}.darkmode{position:relative;overflow:hidden;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-right:.5px solid var(--border-main-color)}.darkmode>svg{width:30px;height:30px}.darkmode:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .3s ease-out}.darkmode:hover:before{transform:translate(100%)}.darkmode:hover svg{color:var(--background-color);position:relative;z-index:10}.dark-mode-handler{display:flex}.dark-mode-handler>svg{color:var(--icon-default-color);width:30px;height:30px}.project-detail{grid-area:main-content;display:flex;flex-direction:column;border-inline:.5px solid var(--border-main-color)}.visual-carousel{overflow-y:auto;white-space:nowrap;position:inherit;display:flex;flex-direction:row;width:100%;height:450px}.project-carousel-card{width:100%;height:350px}.visual-carousel::-webkit-scrollbar{height:.5px;opacity:0;transition:opacity .3s ease}.visual-carousel-img{width:100%;height:450px;background-position-y:center;background-position-x:center;background-size:cover}.project-title{width:100%;height:66px;display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid var(--border-main-color)}.project-title>h2{font-size:1.5rem;font-weight:900;font-family:Roboto,sans-serif;font-style:italic;padding-left:20px}.project-title>p{font-size:1.2rem;font-weight:500;font-family:Roboto,sans-serif;font-style:italic;padding:20px}.project-description{padding:20px}.project-tags{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;border-left:.5px solid var(--border-main-color);border-block:.5px solid var(--border-main-color)}.tag-card{width:100%;border-right:.5px solid var(--border-main-color);padding:10px;display:flex;justify-content:center;align-content:center}.tag-card>span{font-size:.6rem;font-weight:700;font-style:italic}.important-data{display:flex;justify-content:space-between;align-content:center;margin-bottom:20px;padding-block:10px;border-block:.5px solid var(--border-main-color)}.important-data>span{font-size:1rem;font-weight:600;font-style:italic;padding-inline:20px}@media (min-width: 700px){.project-detail{grid-area:main-content;display:grid;grid-template-columns:1fr 1fr 370px;grid-template-rows:auto;grid-template-areas:"visual visual description";height:100%;border-inline:.5px solid var(--border-main-color)}.project-detail-hidden{grid-area:main-content;display:grid;grid-template-columns:1fr 1fr 370px;grid-template-rows:auto;grid-template-areas:"visual visual visual";height:100%;border-inline:.5px solid var(--border-main-color)}.visual-carousel{grid-area:visual;column-span:3fr;flex-direction:column;width:100%;height:auto}.project-carousel-card{width:100%}.visual-carousel-img{width:100%;height:700px;background-position-y:center;background-position-x:center;background-size:cover}.project-content{grid-area:description;border-left:.5px solid var(--border-main-color);border-top:0;position:relative}.handler-content{position:absolute;overflow:hidden;display:flex;flex-direction:row-reverse;right:25px;top:85px;width:81px;height:66px;border:.5px solid var(--border-main-color);border-top:0;justify-content:space-evenly;align-items:center;transition:all .3s ease-in-out;padding-inline:20px;background-color:var(--background-color)}.handler-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--button-color);transition:transform .3s ease-out}.handler-content:hover:before{transform:translate(100%)}.handler-content:hover svg{color:var(--burguer-content-background)}.handler-content svg{color:var(--border-main-color)}.handler-content span{color:var(--border-main-color);font-weight:300}.handler-content:hover svg{position:relative;z-index:10;color:var(--background-color);transition:color .1s ease-in-out}.handler-content:hover span{position:relative;z-index:10;color:var(--background-color);transition:color .1s ease-in-out;font-weight:300}.close-handler{overflow:hidden;position:relative;width:50px;height:66px;display:flex;justify-content:center;align-items:center;padding-inline:20px;border-right:.5px solid var(--border-main-color)}.close-handler:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#000;transition:transform .3s ease-out}.close-handler:hover:before{transform:translate(100%)}.close-handler svg{color:var(--border-main-color)}.close-handler:hover svg{position:relative;z-index:10;color:var(--background-color);transition:color .1s ease-in-out;font-weight:300}.project-description{padding:20px;height:auto;overflow-y:scroll;scroll-behavior:smooth}.description-header{flex-direction:column;width:100%}.project-tags{width:auto;border-bottom:.5px solid var(--border-main-color)}.important-data{margin-top:15px;width:auto;border-inline:.5px solid var(--border-main-color);border-top:.5px solid var(--border-main-color)}}.visit-button{width:100%;height:50px;border:.5px solid var(--border-main-color);display:flex;justify-content:space-around;align-items:center;overflow:hidden;position:relative}.visit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .4s ease-out}.visit-button:hover:before{transform:translate(100%)}.visit-button:hover svg{color:var(--background-color);position:relative;z-index:10}.visit-button:hover span{color:var(--background-color);position:relative;z-index:10}.visit-button>a{width:100%;height:auto}.visit-home{display:flex;width:100%;align-items:center;justify-content:space-between;padding-inline:15px}.about-section{grid-area:main-content;display:grid;grid-template-columns:1fr;grid-template-rows:330px auto auto;grid-template-areas:"about-picture" "about-title" "about-content";border-inline:.5px solid var(--border-main-color)}.about-picture{grid-area:about-picture;display:flex;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:center}.about-title{grid-area:about-title;display:flex;flex-direction:column;border-bottom:.5px solid var(--border-main-color)}.about-title>h2{font-size:clamp(1.3rem,8vw,3rem);font-style:italic;padding-inline:20px;padding-top:15px}.about-title>span{font-size:clamp(1rem,3vw,2rem);font-weight:100;padding-inline:20px;padding-bottom:15px;font-style:italic;word-break:normal;color:var(--text-default-color)}.about-title>p{padding-right:80px}.about-content{grid-area:about-content;display:flex;justify-content:flex-start}.about-content>p{font-size:1rem;font-weight:100;padding-inline:15px;padding-block:15px}.hobbies{display:none}@media (min-width: 768px){.about-section{grid-area:main-content;display:grid;grid-template-columns:1fr 500px;grid-template-rows:auto auto;grid-template-areas:"about-title about-picture" "hobbies about-picture";border-inline:.5px solid var(--border-main-color)}.about-picture{grid-area:about-picture;width:100%;position:inherit;overflow:hidden;border-bottom:.5px solid var(--border-main-color);background-position:center}.about-picture>img{width:auto;height:100%}.about-title{grid-area:about-title;display:flex;flex-direction:column;border-bottom:.5px solid var(--border-main-color);border-right:.5px solid var(--border-main-color)}.about-title>h2{font-size:clamp(2.5rem,10vw,4rem);font-style:italic;padding:20px 30px 10px 20px;line-height:3.2rem}.about-title>span{font-size:clamp(1.6rem,8vw,2.5rem);font-weight:100;padding-inline:20px;font-style:italic}.about-content{grid-area:about-content;border-right:.5px solid var(--border-main-color)}.about-content>p{font-size:1rem;font-weight:100}.hobbies{grid-area:hobbies;display:flex;flex-direction:column;justify-content:space-between;overflow-y:scroll;scroll-behavior:smooth;border-right:.5px solid var(--border-main-color)}.hobbies-list{height:330px}.hobbies :nth-child(1){border-top:0}.hobbies :only-child{border-right:0}}.info-container{display:flex;flex-wrap:nowrap;justify-content:space-around;width:100%;padding:0;margin:0;overflow:hidden}.li-container-item{display:flex;justify-content:flex-start;flex-wrap:wrap;width:100%;padding:0;margin:0}.li-container-item>li{list-style:none;text-decoration:none;width:50px;height:50px;border:.5px solid var(--border-main-color)}.image-bg{background-image:var(--bg-image);background-repeat:no-repeat;width:auto;height:100%;background-size:cover;background-position-y:center}.image-bg>svg{color:var(--border-main-color)}@media (max-width:768px){.image-bg{border-top:.5px solid var(--border-main-color)}}.policy-container{grid-area:main-content;display:flex;flex-direction:column;padding:25px}.aviso-cookies{display:none;background:var(--background-color);padding:40px 20px 20px;width:calc(100% - 40px);max-width:250px;line-height:110%;position:fixed;bottom:25px;right:25px;z-index:100;text-align:center;border:.5px solid var(--border-main-color)}@media (max-width:550px){.aviso-cookies{width:350px;margin:auto;right:0;left:0}}.aviso-cookies.activo{display:block}.aviso-cookies .titulo,.aviso-cookies .parrafo{margin-bottom:15px}.cookies-cta{width:100%;background:var(--button-icon-color);border:.5px solid var(--border-main-color);color:var(--text-default-color);font-family:Roboto,sans-serif;text-align:center;padding:15px 20px;font-weight:700;transition:.3s ease all;margin-bottom:15px;font-size:14px;overflow:hidden;position:relative}.cookies-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--border-main-color);transition:transform .4s ease-out}.cookies-cta:hover:before{transform:translate(100%)}.cookies-cta:hover span{color:var(--background-color);position:relative;z-index:10}.aviso-cookies .enlace{color:#4dbfff;text-decoration:none;font-size:.7rem}.aviso-cookies .enlace:hover{text-decoration:underline}.fondo-aviso-cookies{background:#0000004d;position:fixed;z-index:5;width:100vw;height:100vh;top:0;left:0}.fondo-aviso-cookies.activo{display:block}