@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Kaushan+Script&display=swap";#app,#projects,#contact{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;max-width:2266px;max-height:1488px;margin:0;padding:0;justify-content:center;align-items:center;text-align:center;min-width:360px;min-height:462px}.background-opacity{width:0;height:0;margin:0;padding:0;background:linear-gradient(to bottom,var(--linear-gradient-background));opacity:50%}.icon-menu{position:absolute;top:.2em;right:.2em;height:fit-content;margin:0;opacity:80%;font-size:3em;line-height:0;color:var(--main-white-color);text-align:right}.icon-close{position:absolute;bottom:3%;right:3%;background:var(--main-white-color);opacity:90%;font-size:1.5em;line-height:0;color:var(--main-grey-color);border:.1em solid var(--main-white-color);border-radius:2em;z-index:9999}.icon-close-gallery{right:5%;left:auto}.menus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;height:100%;margin:0;padding:0;flex-direction:column;align-items:center;z-index:997;align-content:flex-start}ul{padding:.5em 0 0;letter-spacing:.06em;list-style:none}li{margin:.5em 0;padding:.5em .8em;background-color:var(--main-white-color);font-weight:500;color:var(--second-coral-color);border-radius:.5em 0;cursor:pointer;box-shadow:.2em .2em 1em var(--main-purple-color);transition:padding .3s ease}li:hover{padding:.8em}#menu-main{position:relative}#menu-projects ul{display:inline-flex;flex-direction:column;justify-content:flex-start;justify-content:space-around;align-items:center;opacity:100%}#menu-projects li{width:8em;margin:.5em;padding:.7em;background:linear-gradient(var(--linear-gradient-logo));opacity:100%;font-size:1.5em;font-weight:500;color:var(--main-white-color);text-align:center}.menu-left li{border-radius:0 1.5em}.menu-right li{border-radius:1.5em 0}#menu-projects li:hover{background:var(--second-yellow-color);color:var(--second-blue-color);box-shadow:0 0 24px #fff9}#menu-socialMedia ul{bottom:0;display:flex;margin:0;padding:0;flex-direction:row;background-color:var(--main-white-color);border-radius:1em 1em 0 0}#menu-socialMedia li{margin:0;padding:.3em;font-size:1.6em;line-height:0;border-radius:1.5em;box-shadow:none}#menu-socialMedia{z-index:998}@media (orientation: landscape){@keyframes dropDown{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFromLeft{to{left:0}}.icon-menu:hover{opacity:100%}.icon-close:hover{animation:opacity 1s}#menu-main{position:absolute;top:2.8em;right:1em;height:fit-content;margin:0;opacity:0;text-align:right;animation:dropDown 1s forwards}#menu-main li:hover{box-shadow:.2em .2em 1em var(--main-purple-color)}#menu-projects{top:0;right:0;bottom:20%;left:0;display:inline-flex;width:80%;height:85%;flex-grow:100%;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;opacity:100%;text-align:center;z-index:996}#menu-projects li:hover{opacity:0;animation:opacity .5s forwards}#menu-socialMedia{position:absolute;top:50%;left:-.4em;box-sizing:border-box;border:none;border-radius:4em;box-shadow:.2em .2em 1em var(--main-purple-color);transform:translateY(-50%);border-right:.3em solid var(--main-white-color)}#menu-socialMedia:hover{animation:fadeInFromLeft .2s forwards}#menu-socialMedia ul{display:flex;flex-direction:column;border-radius:0 1em 1em 0}}@media (orientation: portrait){#app{flex-direction:column}#app,#contact,#projects{display:flex;height:100vh;max-height:100vh;min-height:100vh}.icon-menu{width:5vh;height:5vh;opacity:100%;font-size:9vw;z-index:10000}.background-opacity{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}ul{padding:0}#menu-main{top:50%;opacity:100%;font-size:2vw}#menu-main li{margin:4vh 0;opacity:100%;box-shadow:.2vh .2vw 3vh var(--main-purple-color)}.icon-close{font-size:7vh;z-index:10000}#menu-projects{position:absolute;top:10%;display:flex;height:100%;margin:0;flex-grow:1;flex-direction:column;justify-content:center;gap:0;align-content:center}#menu-projects ul{margin:0}#menu-projects li{width:30vw;opacity:100%;font-size:2vh;border-radius:2vh 0;box-shadow:0 0 24px #fff9}#menu-socialMedia{position:absolute;bottom:0;display:flex;margin:0}#menu-socialMedia ul{flex-direction:row;border-radius:2vh 3vw 0 0}#menu-socialMedia li{font-size:4vw}}@media (max-width: 1290px) and (orientation: portrait){#app,#contact,#projects{height:100vh;max-height:100vh;min-height:100vh}.background-opacity{position:absolute;top:0;width:100vw;height:100vh;margin:0;padding:0;opacity:100%}.icon-close{font-size:7vh;z-index:10000;position:absolute;top:3%;right:3%}.icon-close-form{right:3%;left:auto;color:var(--main-grey-color)}.icon-close-gallery{position:absolute;top:3%;right:3%}.icon-menu{width:5vh;height:5vh;opacity:100%;font-size:10vw;z-index:10000!important;position:fixed}#menu-main{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin:0;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom,var(--linear-gradient-background));background-color:var(--main-white-color-alpha);opacity:100%;font-size:4vw}#menu-main ul{width:60%}#menu-main li{opacity:100%;font-size:3vh}#menu-projects{position:absolute;top:-4%;right:0;bottom:0;left:0;display:flex;margin:0;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;background-color:var(--main-white-color-alpha);opacity:100%;font-size:4vw}#menu-projects ul{margin:0}#menu-projects li{width:70vw;margin:.6em;opacity:100%;font-size:3vh;border-radius:1.5em 0}#menu-socialMedia{position:absolute;bottom:0}#menu-socialMedia ul{width:100vw;justify-content:center;border-radius:0}#menu-socialMedia li{opacity:100%;font-size:4vh}}.gallery{position:relative;display:flex;width:141vh;height:100vh;max-width:1440px;max-height:1024px;align-items:center;background-color:var(--main-white-color);outline:100vh solid var(--main-white-color);overflow:hidden;z-index:997}.wrapper-gallery{display:flex;height:auto;max-height:1024px;flex-direction:row}.wrapper-gallery img{position:relative;width:100%;height:auto;max-width:1440px;max-height:1024px}.wrapper-subtitle{width:100%;height:100%;text-align:center;white-space:normal;white-space:-moz-pre-wrap;white-space:pre-wrap;-webkit-white-space:normal;-webkit-white-space:pre-wrap;word-break:normal;word-wrap:break-word}.wrapper-subtitle h4{position:absolute;top:40%;margin:0;padding:0;opacity:0;font-size:9em;font-weight:700;line-height:90%;color:#fff;text-align:left;text-transform:uppercase;animation:fadeInFromRight 2s forwards;-webkit-hyphens:auto;hyphens:auto;margin-block:0;animation-delay:.5s}@keyframes fadeInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.wrapper-text{position:relative;width:100%;height:100%}.wrapper-text p{position:absolute;bottom:20%;left:50%;width:40%;padding:2em;background-color:var(--main-grey-color);opacity:0;font-size:1.2em;font-weight:300;line-height:2em;color:var(--main-white-color);text-align:left;letter-spacing:.07em;animation:1s opacity;border-radius:2em 0;box-shadow:.2em .2em 3em var(--main-grey-color);transform:translate(-50%);animation-delay:1s;animation-fill-mode:forwards}@keyframes opacity{0%{opacity:0}to{opacity:1}}.controls{position:absolute;bottom:2%;left:50%;display:flex;justify-content:center;align-items:flex-end;transform:translate(-50%,-50%)}.icon-controls{margin:0 .5em;padding:.3em .5em;background:rgba(255,255,255,.8);color:var(--main-grey-color);border:none;border-radius:.2em;cursor:pointer;box-shadow:.1em .1em .2em var(--main-grey-color)}@media (orientation: landscape){.wrapper-text p{border-bottom:1.2em solid var(--second-blue-color)}.icon-controls{transition:transform .3s ease-in-out}.icon-controls:hover{background:var(--main-white-color);transform:translateY(-5px) scale(1.2)}}@media (orientation: portrait){.gallery{display:flex;height:100vh;max-height:100vh;justify-content:center;z-index:999;min-height:100vh;outline-width:300px}.wrapper-gallery{max-width:1440px}.gallery img{position:fixed;top:0;right:auto;left:50%;display:flex;width:auto;height:100vh;max-width:none;max-height:100vh;transform:translate(-50%)}.wrapper-subtitle{position:absolute;left:0;display:flex;width:auto;height:auto;justify-content:left}.wrapper-subtitle h4{position:relative;display:flex;justify-content:left;font-size:10vw;color:var(--main-white-color)}.wrapper-text p{position:fixed;top:auto;bottom:20vh;width:90vw;margin:0;padding:5vw;background-color:var(--main-grey-color);font-size:4.5vw;border-radius:0;box-shadow:none}.controls{position:fixed;margin-bottom:0}.icon-controls{font-size:3vh}}@media (max-width: 1290px) and (orientation: portrait){.wrapper-gallery{height:100%;max-width:1440px;max-height:100vh}.gallery img{position:fixed;top:0;right:auto;left:50%;display:flex;width:auto;height:100vh;max-width:none;max-height:100vh;transform:translate(-50%)}.wrapper-subtitle{position:relative;left:0;display:flex;width:100vw;height:auto;flex-wrap:wrap;justify-content:left;align-content:flex-start}.wrapper-subtitle h4{position:relative;display:flex;justify-content:left;font-size:20vw;color:var(--main-white-color)}.wrapper-text p{position:fixed;top:auto;bottom:20vh;width:90vw;margin:0;padding:5vw;background-color:var(--main-white-color);font-size:4.5vw;font-weight:300;color:var(--main-grey-color);border-radius:0;box-shadow:none}.controls{margin-bottom:0}.icon-controls{font-size:2.5vh}}.div-form{display:flex;z-index:9998}form{display:flex;width:100%;padding:5%;flex-direction:column;justify-content:space-around;align-items:center;background:var(--main-white-color);text-align:center;border-radius:2em;box-shadow:.5em .5em 1em var(--main-purple-color);z-index:999}form div{display:flex;width:100%}label{display:flex;width:100%;margin:2%;flex-direction:column;text-align:left}input,textarea{margin:1% 0;padding:1% 4%;background:linear-gradient(var(--linear-gradient-logo));border:0;border-radius:2em;text-shadow:0 0 .5em var(--second-blue-color)}textarea{flex-grow:1;font-family:Jost;border-radius:0}.textarea-message{flex-grow:1}.button_submit{padding:2% 10%;font-family:Jost;font-size:1em;font-weight:600;color:var(--main-grey-color);border:0em solid var(--main-grey-color);border-radius:1em;cursor:pointer;box-shadow:.1em .1em .5em var(--main-grey-color);margin:4% 4% 4% auto;background-color:var(--main-white-color)!important}input:focus,textarea:focus{color:var(--main-grey-color);outline:2px solid var(--second-green-color);box-shadow:0 0 .5em var(--second-green-color)}input:valid,textarea:valid{font-weight:500;color:var(--main-white-color)}input:-internal-autofill-selected{background:linear-gradient(var(--linear-gradient-logo))}.error-message p{margin:0;padding:0;font-size:1em;color:var(--second-coral-color);text-align:left}.success-message{flex-direction:column;align-items:center}.icon-plane{font-size:3.5em}.div-form{width:30%;height:80%}@media (orientation: portrait){.div-form{width:80vw}form{font-size:3vw}input,textarea{font-size:2.5vw}.icon-plane{font-size:6vw}.success-message p{margin:10% 5%;font-size:3vw}}@media (max-width: 1290px) and (orientation: portrait){.div-form{position:absolute;width:100vw;height:100%;max-height:100%;min-height:100%}form{font-size:6vw;font-size:5vw;border-radius:0}input,textarea,.success-message p{font-size:5vw}.icon-plane{font-size:12vw}.button_submit{margin:4% 0 20%}}:root{--main-white-color: #fff;--main-grey-color: rgba(38, 56, 55, .9);--main-purple-color: #855566;--second-coral-color: #ff9a9e;--second-orange-color: #ffae83;--second-blue-color: #00abb1;--second-green-color: #00d498;--second-yellow-color: #ffdc99;--linear-gradient-white: 180deg, rgba(255, 255, 255, .2) 0%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%;--linear-gradient-logo:var(--second-green-color), var(--second-blue-color);--linear-gradient-background: var(--second-orange-color), var( --second-coral-color)}body{top:0;right:0;bottom:0;left:0;width:auto;max-width:2266px;margin:0 auto;padding:0;font-family:Jost,sans-serif;font-weight:400;color:var(--main-purple-color);border:0;min-width:364px;min-height:462px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{background:linear-gradient(var(--linear-gradient-logo));font-family:Kaushan Script,cursive;font-size:3.5em;color:transparent;letter-spacing:.06em;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}h2{margin:.2em 0 0;font-size:1.5em;font-weight:300;letter-spacing:.2em}h3{font-size:1em;font-weight:600;letter-spacing:.1em}a{height:0;margin:0;color:inherit;text-decoration:none}p{font-size:1.5em;line-height:2em;letter-spacing:.05em}.loading-container{position:absolute;display:flex;width:80%;height:100%;flex-direction:column;justify-content:center;align-items:center;background-color:var(--main-white-color)}.loading-spinner{width:2em;height:2em;animation:spin 1s linear infinite;border:.8em solid var(--second-coral-color);border-radius:50%;border-bottom:.8em dotted var(--second-orange-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{position:relative;display:flex;height:100vh;margin:0;padding:0;flex-direction:column;align-items:center;background:linear-gradient(to bottom,var(--linear-gradient-background));font-size:16px;overflow-x:hidden;z-index:0;background-repeat:no-repeat}.background-img{position:absolute;bottom:0;height:100vh;max-width:900px;max-height:800px;z-index:-1}header{top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.logo{width:100vw;margin:15% 0 auto;padding:0;background:var(--main-white-color);border-radius:0;box-shadow:.2vh .2vw 3vh var(--main-purple-color)}hr{width:50%;height:.1em;margin:.8em 0 1.2em;background:var(--main-purple-color);border:0}.wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;margin:0;padding:0;flex-direction:column;align-items:center;align-content:center}footer p{font-size:1em;color:var(--main-white-color)}.react-cookiebot-banner{background-color:var(--main-grey-color);color:var(--main-white-color)}@media (orientation: landscape){body,.container{max-width:1644px;max-height:1080px}h1{margin:.2em 0}.logo{width:fit-content;margin:3em 0 1.5em;padding:0 2.5em;border-radius:2em 0;box-shadow:.2em .2em 1.5em var(--main-purple-color)}footer{position:absolute;bottom:.2em;left:2em}}@media (orientation: portrait){body{position:absolute;display:flex;height:100vh;max-width:100%;max-height:100%}.container{max-width:100%;max-height:100%;margin:0;padding:0;justify-content:space-between;overflow-y:scroll}.background-img{position:absolute;bottom:0;left:0;width:auto;height:100vh;max-width:none;max-height:none}.logo{border-radius:0}h1{padding:2vh;font-size:9vw}h2{padding:3vh 0 0;font-size:3.5vw}h3{font-size:2.5vw}hr{margin:2vh 0 2.5vh}.loading-container{width:100%}.wrapper{flex-grow:1;justify-content:space-between}.icon-close{position:fixed;right:.4em;bottom:.4em;font-size:5vw}footer{width:0;height:0;overflow:hidden}}@media (max-width: 1290px) and (orientation: portrait){body{position:fixed;width:100%;height:100vh;max-width:100%;max-height:100%;margin:0;padding:0;overflow-x:hidden}.container{max-width:100%;max-height:100%;margin:0;padding:0;justify-content:space-between;overflow-x:hidden;overflow-y:hidden}.background-img{position:absolute;bottom:2em;left:0;width:auto;height:100%;max-width:none;max-height:none}h1{margin:1vh 0;padding:2vh 0;font-size:11vw}h2{font-size:5.5vw}h3{font-size:3.5vw}hr{height:.2vh;margin:2vh 0 2.5vh}.loading-container{position:relative;width:100vw;height:100%;font-size:3vw}.wrapper{flex-grow:1;justify-content:space-between}.icon-close{position:fixed;top:.4em;right:.4em;font-size:8vw}footer{width:0;height:0;overflow:hidden}}@media screen and (max-width: 1180px) and (orientation: landscape){body:before{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:var(--main-grey-color);font-size:2em;color:var(--main-white-color);text-align:center;content:"Por favor, gire el dispositivo.";z-index:9999}}