#nav[data-v-e23fc781]{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#nav .top[data-v-e23fc781]{display:flex;justify-content:space-between;width:100vw;padding:30px 30px 0;align-items:center}#nav .logotip img[data-v-e23fc781]{height:50px;width:auto;transition:all .2s;transition-delay:.4s}#nav .header-right[data-v-e23fc781]{display:flex;align-items:center;gap:30px}#nav .header-right .institutional-logos[data-v-e23fc781]{display:flex;align-items:center;gap:15px}#nav .header-right .institutional-logos .eram-logo[data-v-e23fc781]{height:50px;width:auto}#nav .header-right .institutional-logos .udg-text[data-v-e23fc781]{display:flex;flex-direction:column;font-family:Nunito,sans-serif;line-height:1.1;color:var(--text-color)}#nav .header-right .institutional-logos .udg-text .udg-line1[data-v-e23fc781],#nav .header-right .institutional-logos .udg-text .udg-line2[data-v-e23fc781]{font-size:13px;font-weight:400}#nav .menu-icon__line[data-v-e23fc781]{background-color:var(--red)}#nav .menu-icon__line-left[data-v-e23fc781]{background-color:var(--purple)}#nav .menu-icon__line-right[data-v-e23fc781]{background-color:var(--yellow)}.white[data-v-e23fc781]{filter:brightness(0) invert(1)}.nav[data-v-e23fc781]{position:fixed;z-index:1}.nav[data-v-e23fc781]:before,.nav[data-v-e23fc781]:after{content:"";position:fixed;width:100vw;height:100vh;background:var(--red-alpha);z-index:-1;transition:transform cubic-bezier(.77,0,.175,1) .8s;transform:translate(0) translateY(-120%)}.nav[data-v-e23fc781]:after{background:var(--bg-color);transition-delay:0s}.nav[data-v-e23fc781]:before{transition-delay:.3s}.nav__content[data-v-e23fc781]{position:fixed;top:0%;left:0%;width:100vw;height:100vh;transform:translateY(-100vh);display:flex;align-items:center;cursor:pointer;flex-wrap:nowrap;text-align:left;font-size:calc(2vw + 10px);font-weight:200;justify-content:flex-end;opacity:0;transition:opacity .5s;transition-delay:.6s}.nav__content .menu[data-v-e23fc781]{width:90%}.nav__content .menu ul[data-v-e23fc781]{list-style:none;margin:0;padding:0}.nav__content .menu ul li[data-v-e23fc781]{position:relative;display:flex;justify-content:space-between;flex-wrap:no-wrap}.nav__content .menu ul li.purple a[data-v-e23fc781]{color:var(--purple)}.nav__content .menu ul li.purple span[data-v-e23fc781]:before{background-color:var(--purple)}.nav__content .menu ul li.purple span[data-v-e23fc781]:after{border-color:var(--purple)}.nav__content .menu ul li.yellow a[data-v-e23fc781]{color:var(--yellow)}.nav__content .menu ul li.yellow span[data-v-e23fc781]:before{background-color:var(--yellow)}.nav__content .menu ul li.yellow span[data-v-e23fc781]:after{border-color:var(--yellow)}.nav__content .menu ul li.red a[data-v-e23fc781]{color:var(--red)}.nav__content .menu ul li.red span[data-v-e23fc781]:before{background-color:var(--red)}.nav__content .menu ul li.red span[data-v-e23fc781]:after{border-color:var(--red)}.nav__content .menu ul li.black a[data-v-e23fc781]{color:var(--black)}.nav__content .menu ul li.black span[data-v-e23fc781]:before{background-color:var(--black)}.nav__content .menu ul li.black span[data-v-e23fc781]:after{border-color:var(--black)}.nav__content .menu ul li:hover span[data-v-e23fc781],.nav__content .menu ul li.active span[data-v-e23fc781]{transform:translate(0)!important}.nav a[data-v-e23fc781]{font-size:2.5rem;margin-bottom:20px;position:relative;display:inline-block;text-decoration:none;color:var(--text-color);transition-delay:.8s;opacity:0;font-weight:400;transform:translate(0);transition:opacity .2s ease,transform .3s ease;margin-right:25px;white-space:nowrap}.nav span[data-v-e23fc781]{position:relative;width:100%;transition-delay:.3s;opacity:0;transition:opacity .2s ease,transform .3s ease}.nav span[data-v-e23fc781]:after{content:"";position:absolute;top:17px;left:0;width:15px;height:15px;border-radius:50%;border:5px solid;transition:right .3s ease}.nav span[data-v-e23fc781]:before{content:"";position:absolute;width:calc(100% - 25px);height:5px;top:27px;right:0;transform:translate(0);transition:all .3s ease;z-index:-1}#nav.nav-active .menu-icon__line[data-v-e23fc781]{background-color:var(--red);transform:translate(0) rotate(-45deg);width:50px}#nav.nav-active .menu-icon__line-left[data-v-e23fc781]{background-color:var(--red);transform:translate(2px,12px) rotate(45deg);width:50px}#nav.nav-active .menu-icon__line-right[data-v-e23fc781]{background-color:var(--red);transform:translate(2px,-11px) rotate(45deg);width:50px}#nav.nav-active .nav[data-v-e23fc781]{visibility:visible}#nav.nav-active .nav[data-v-e23fc781]:before,#nav.nav-active .nav[data-v-e23fc781]:after{transform:translate(0) translateY(0)}#nav.nav-active .nav[data-v-e23fc781]:after{transition-delay:.1s}#nav.nav-active .nav[data-v-e23fc781]:before{transition-delay:0s}#nav.nav-active .nav__content[data-v-e23fc781]{transform:translateY(0);opacity:1}#nav.nav-active .nav span[data-v-e23fc781]{transform:translate(100%)}#nav.nav-active .nav a[data-v-e23fc781],#nav.nav-active .nav span[data-v-e23fc781]{opacity:1;text-decoration:none;transition:opacity .3s ease,transform .3s ease}.top[data-v-e23fc781]{position:absolute;top:0;left:0;z-index:2;width:100vw}.top .menu-icon[data-v-e23fc781]{height:35px;width:50px;right:50px;display:flex;cursor:pointer;justify-content:flex-end;flex-wrap:wrap;transition:all .2s;transition-delay:.4s}.top .menu-icon__line[data-v-e23fc781]{height:4px;width:50px;display:block;background-color:#1e2023;margin-bottom:6px;transition:transform .2s ease,background-color .5s ease}.top .menu-icon__line-left[data-v-e23fc781]{width:40px}.top .menu-icon__line-right[data-v-e23fc781]{width:30px}.menuDots[data-v-e23fc781]{font-family:Nunito;position:fixed;left:0;bottom:calc(100vh - 300px)}.menuDots ul[data-v-e23fc781]{list-style:none;margin:0;padding:0}.menuDots li[data-v-e23fc781]{position:relative}.menuDots li.active h1[data-v-e23fc781]{text-align:right;margin:0;font-size:60px;font-weight:400;padding-bottom:10px;width:63vw;transition:all .2s}.menuDots li.active h1[data-v-e23fc781]:before{content:"";bottom:0;position:absolute;border-top:7px solid black;left:0;width:65vw;z-index:-1;transition:all .4s}.menuDots li.active h1[data-v-e23fc781]:after{content:"";position:absolute;width:30px;height:30px;border-radius:100%;border:8px solid black;left:64.5vw;bottom:0;transform:translateY(10px);transition:all .4s}.menuDots li.active h1.red[data-v-e23fc781]{color:var(--red)}.menuDots li.active h1.red[data-v-e23fc781]:before{border-color:var(--red)}.menuDots li.active h1.red[data-v-e23fc781]:after{border-color:var(--red)}.menuDots li.active h1.yellow[data-v-e23fc781]{color:var(--yellow)}.menuDots li.active h1.yellow[data-v-e23fc781]:before{border-color:var(--yellow)}.menuDots li.active h1.yellow[data-v-e23fc781]:after{border-color:var(--yellow)}.menuDots li.active h1.purple[data-v-e23fc781]{color:var(--purple)}.menuDots li.active h1.purple[data-v-e23fc781]:before{border-color:var(--purple)}.menuDots li.active h1.purple[data-v-e23fc781]:after{border-color:var(--purple)}.menuDots li.section h1[data-v-e23fc781]{font-size:40px;width:30vw}.menuDots li.section h1[data-v-e23fc781]:before{width:32vw}.menuDots li.section h1[data-v-e23fc781]:after{left:31.5vw}.menuDots li.red h1[data-v-e23fc781],.menuDots li.red a[data-v-e23fc781]{color:var(--red)}.menuDots li.red h1[data-v-e23fc781]:before,.menuDots li.red a[data-v-e23fc781]:before{border-color:var(--red)!important}.menuDots li.red h1[data-v-e23fc781]:after,.menuDots li.red a[data-v-e23fc781]:after{border-color:var(--red)!important}.menuDots li.yellow h1[data-v-e23fc781],.menuDots li.yellow a[data-v-e23fc781]{color:var(--yellow)}.menuDots li.yellow h1[data-v-e23fc781]:before,.menuDots li.yellow a[data-v-e23fc781]:before{border-color:var(--yellow)!important}.menuDots li.yellow h1[data-v-e23fc781]:after,.menuDots li.yellow a[data-v-e23fc781]:after{border-color:var(--yellow)!important}.menuDots li.purple h1[data-v-e23fc781],.menuDots li.purple a[data-v-e23fc781]{color:var(--purple)}.menuDots li.purple h1[data-v-e23fc781]:before,.menuDots li.purple a[data-v-e23fc781]:before{border-color:var(--purple)!important}.menuDots li.purple h1[data-v-e23fc781]:after,.menuDots li.purple a[data-v-e23fc781]:after{border-color:var(--purple)!important}.menuDots li a[data-v-e23fc781]{transition:all .2s;font-size:16px;text-decoration:none;text-align:right;width:150px;padding-right:45px;display:block;transform:translate(-115px)}.menuDots li a[data-v-e23fc781]:hover{transform:translate(0)}.menuDots li a[data-v-e23fc781]:before{content:"";position:absolute;border-top:3px solid black;left:0;bottom:0;width:120px;z-index:-1;transition:all .2s}.menuDots li a[data-v-e23fc781]:after{content:"";position:absolute;bottom:0;width:10px;height:10px;border-radius:100%;border:3px solid black;left:119px;transform:translateY(4px);transition:all .2s}.menuDots li.active.scrolled h1[data-v-e23fc781]{margin:0;padding-bottom:5px;font-size:16px;text-decoration:none;text-align:right;width:150px;padding-right:45px;display:block}.menuDots li.active.scrolled h1[data-v-e23fc781]:hover{transform:translate(0)}.menuDots li.active.scrolled h1[data-v-e23fc781]:before{content:"";border-top:3px solid black;width:120px}.menuDots li.active.scrolled h1[data-v-e23fc781]:after{width:10px;height:10px;border:3px solid black;left:119px;transform:translateY(4px)}.dark-mode-toggle[data-v-e23fc781]{position:absolute;bottom:30px;right:30px;z-index:10}.dark-mode-toggle .toggle-btn[data-v-e23fc781]{display:flex;align-items:center;gap:10px;background:#ffffff1a;border:2px solid var(--red);border-radius:50px;padding:12px 20px;color:var(--text-color);font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease,transform .3s ease,background .3s ease}.dark-mode-toggle .toggle-btn .toggle-icon[data-v-e23fc781]{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.dark-mode-toggle .toggle-btn .toggle-text[data-v-e23fc781]{white-space:nowrap}.dark-mode-toggle .toggle-btn[data-v-e23fc781]:hover{background:#fff3;transform:scale(1.05)}.dark-mode-toggle .toggle-btn[data-v-e23fc781]:active{transform:scale(.95)}#nav.nav-active .dark-mode-toggle .toggle-btn[data-v-e23fc781]{opacity:1;transition-delay:.5s}@media (min-width: 900px){.nav__content .menu[data-v-e23fc781]{width:50%}.nav a[data-v-e23fc781]{font-size:calc(2vw + 10px)}}@media (max-width: 767px){#nav .top[data-v-e23fc781]{padding-top:10px}#nav .logotip img[data-v-e23fc781],#nav .header-right .institutional-logos .eram-logo[data-v-e23fc781]{height:30px}}.backToTop[data-v-78588a83]{position:fixed;right:20px;top:0;width:30px;height:80px;z-index:100;cursor:pointer;transform:translateY(-200px);transition:all .5s}.backToTop .button[data-v-78588a83]{position:relative;transform:translate(12px)}.backToTop .button[data-v-78588a83]:before{position:absolute;content:"";background-color:var(--purple);width:5px;height:50px;top:0;left:0}.backToTop .button[data-v-78588a83]:after{content:"";position:absolute;border:5px solid var(--purple);width:15px;height:15px;left:-10px;top:50px;border-radius:100%}.backToTop.active[data-v-78588a83]{transform:translateY(-30px)}.backToTop.active[data-v-78588a83]:hover{animation-name:boing-78588a83;animation-direction:alternate;animation-iteration-count:2;animation-duration:.2s;animation-timing-function:ease-out}@keyframes boing-78588a83{to{transform:translateY(-10px)}}footer[data-v-f1d7d3f6]{position:relative;background-color:var(--bg-color);transition:background-color .3s ease}footer .top-bar[data-v-f1d7d3f6]{background-color:var(--yellow);padding:10px 20px}footer .top-bar p[data-v-f1d7d3f6]{margin:0;font-size:14px;color:var(--text-color)}footer .footer-content[data-v-f1d7d3f6]{display:flex;justify-content:space-between;padding:40px 30px;gap:60px;flex-wrap:wrap}footer .footer-content .left-section[data-v-f1d7d3f6]{display:flex;flex-direction:column;min-width:250px;gap:5px}footer .footer-content .left-section .social-icon-left a[data-v-f1d7d3f6]{color:var(--text-color);transition:color .3s ease,transform .3s ease;display:inline-flex;align-items:center;justify-content:center}footer .footer-content .left-section .social-icon-left a svg[data-v-f1d7d3f6]{width:24px;height:24px}footer .footer-content .left-section .social-icon-left a[data-v-f1d7d3f6]:hover{color:var(--red);transform:scale(1.1)}footer .footer-content .left-section .logo-footer img[data-v-f1d7d3f6]{height:40px;width:auto;filter:var(--logo-filter)}footer .footer-content .left-section .footer-nav ul[data-v-f1d7d3f6]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}footer .footer-content .left-section .footer-nav ul li a[data-v-f1d7d3f6]{text-decoration:none;color:var(--text-color);font-family:Montserrat,sans-serif;font-size:15px;transition:color .3s ease}footer .footer-content .left-section .footer-nav ul li a[data-v-f1d7d3f6]:hover{color:var(--red)}footer .footer-content .right-section[data-v-f1d7d3f6]{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:250px}footer .footer-content .right-section .social-icons[data-v-f1d7d3f6]{display:flex;gap:15px}footer .footer-content .right-section .social-icons a[data-v-f1d7d3f6]{color:var(--text-color);transition:color .3s ease,transform .3s ease}footer .footer-content .right-section .social-icons a svg[data-v-f1d7d3f6]{width:24px;height:24px}footer .footer-content .right-section .social-icons a[data-v-f1d7d3f6]:hover{color:var(--red);transform:scale(1.1)}footer .footer-content .right-section .institution-logos[data-v-f1d7d3f6]{display:flex;gap:20px;align-items:center}footer .footer-content .right-section .institution-logos a[data-v-f1d7d3f6]{display:flex;align-items:center;transition:opacity .3s ease}footer .footer-content .right-section .institution-logos a[data-v-f1d7d3f6]:hover{opacity:.7}footer .footer-content .right-section .institution-logos .eram-logo[data-v-f1d7d3f6]{height:40px;width:auto;filter:var(--logo-filter)}footer .footer-content .right-section .institution-logos .udg-logo[data-v-f1d7d3f6]{height:50px;width:auto}footer .footer-content .right-section .institution-text[data-v-f1d7d3f6]{text-align:right}footer .footer-content .right-section .institution-text p[data-v-f1d7d3f6]{margin:5px 0;font-family:Montserrat,sans-serif;font-size:13px;color:var(--text-color);line-height:1.4}@media (max-width: 768px){footer .footer-content[data-v-f1d7d3f6]{flex-direction:column;padding:30px 20px;gap:40px}footer .footer-content .left-section[data-v-f1d7d3f6],footer .footer-content .right-section[data-v-f1d7d3f6]{width:100%;align-items:flex-start}footer .footer-content .left-section .logo-footer img[data-v-f1d7d3f6]{height:30px}footer .footer-content .right-section .institution-logos .eram-logo[data-v-f1d7d3f6]{height:30px}footer .footer-content .right-section .institution-text[data-v-f1d7d3f6]{text-align:left}}:root{--yellow: rgb(255, 170, 60);--yellow-alpha: rgb(255, 170, 60, .4);--red: #ea5956;--red-alpha: rgb(234, 89, 86, .2);--purple: rgb(64, 61, 138);--purple-alpha: rgb(64, 61, 138, .2);--purple-alpha2: rgb(64, 61, 138, .9);--green: rgb(141, 209, 87);--black: rgb(15, 15, 15);--bg-color: #ffffff;--text-color: #000000;--secondary-bg: #f3f3f3;--logo-filter: none}:root.dark-mode{--bg-color: #000000;--text-color: #ffffff;--secondary-bg: #000000;--yellow: rgb(255, 200, 100);--yellow-alpha: rgb(255, 200, 100, .4);--red: #ff6b68;--red-alpha: rgb(255, 107, 104, .3);--purple: rgb(100, 97, 180);--purple-alpha: rgb(100, 97, 180, .3);--purple-alpha2: rgb(100, 97, 180, .9);--green: rgb(160, 220, 110);--black: rgb(240, 240, 240);--logo-filter: invert(1) brightness(2)}.loading{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center}.loading .lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.loading .lds-ripple div{position:absolute;border:4px solid #ea5956;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.loading .lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.menuOpen{overflow:hidden;height:100vh}:deep(.carousel__prev),.carousel__next{display:none}.svg{position:relative}.svg-gray{position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%}.svg-gray path,.svg-gray line{shape-rendering:geometricPrecision;stroke-width:15px}svg.main path,svg.main line{shape-rendering:geometricPrecision;fill:none;stroke-miterlimit:10;stroke-width:11px;stroke-dashoffset:0px!important;stroke-dasharray:0px,1448.15px}svg.main .yellowStroke{stroke:var(--yellow)}svg.main .redStroke{stroke:var(--red)}svg.main .purpleStroke{stroke:var(--purple)}svg.main.gray path,svg.main.gray line{stroke:#f3f3f3!important;stroke-dasharray:0%!important}.back{cursor:pointer;padding:20px;background:none;border:none;color:var(--text-color);font-family:Nunito;font-size:1rem;margin-bottom:20px;transition:all .4s;position:relative;transform:translate(-20px)}.back:before{border-top:5px solid var(--text-color);content:"";position:absolute;transform:translateY(7px);left:-30px;width:70px}.back:after{border:5px solid var(--text-color);content:"";position:absolute;left:35px;transform:translateY(-2px);width:15px;height:15px;border-radius:100%}.back:hover{transform:translate(-10px);text-decoration:underline}.back span{padding-left:50px}section.logo .content[data-v-3ac9b164]{margin:auto;width:100%;max-width:55ch}section .content[data-v-3ac9b164] p strong{color:#fff;background-color:var(--red);font-weight:400;position:relative}section .content[data-v-3ac9b164] p em{color:#fff;font-style:normal;position:relative;background-color:var(--purple)}section .content[data-v-3ac9b164] p span{background-color:var(--yellow);color:#fff}section.projects .projectes[data-v-3ac9b164]{display:grid;gap:30px}section.projects .work[data-v-3ac9b164]{position:relative;border-radius:5px;border:5px solid rgba(255,255,255,.8)}section.projects .work .image img[data-v-3ac9b164]{width:100%;display:block}section.projects .work .text[data-v-3ac9b164]{background-color:#fffc;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:20px;justify-content:center;align-items:flex-end}section.projects .work .text h3[data-v-3ac9b164]{color:var(--yellow);font-size:2rem;margin-bottom:0}@media (min-width: 1200px){section.logo .content[data-v-3ac9b164]{width:100%;max-width:100%;margin:auto}section.logo .content[data-v-3ac9b164] p{font-size:3rem}section.logo .content[data-v-3ac9b164] p strong{color:#fff;font-weight:400;position:relative}section.logo .content[data-v-3ac9b164] p strong:before{content:"";position:absolute;border-bottom:5px solid var(--red);border-right:5px solid var(--red);border-bottom-right-radius:35px;width:100%;height:50px;top:-100%;right:0}section.logo .content[data-v-3ac9b164] p strong:after{content:"";position:absolute;border:5px solid var(--red);width:15px;height:15px;right:-10px;top:-80px;border-radius:100%}section.logo .content[data-v-3ac9b164] p em{color:#fff;font-style:normal;position:relative;white-space:nowrap}section.logo .content[data-v-3ac9b164] p em:before{content:"";position:absolute;right:0;bottom:0;border-bottom:60px solid var(--purple);width:100%;transition:all .5s;z-index:-1}section.logo .content[data-v-3ac9b164] p em:after{content:"the house of Work & Play";position:absolute;left:0;bottom:0;transition:all .5s;width:0;color:var(--purple);text-overflow:clip;white-space:nowrap;overflow:hidden}section.logo .content[data-v-3ac9b164] p em:hover:before{width:0%}section.logo .content[data-v-3ac9b164] p em:hover:after{position:absolute;overflow:hidden;width:100%}section.logo .content[data-v-3ac9b164] p span{background-color:var(--yellow);color:#fff}section.projects h2[data-v-3ac9b164]{max-width:1200px;margin:0 auto}section.projects .projectes[data-v-3ac9b164]{padding-top:30px;grid-template-columns:repeat(4,minmax(300px,1fr))}section.projects .projectes .text[data-v-3ac9b164]{cursor:pointer;opacity:0;transition:opacity .3s ease-in-out;background-color:var(--yellow)}section.projects .projectes .text h3[data-v-3ac9b164]{color:#fff}section.projects .projectes .work[data-v-3ac9b164]:hover{border-color:#fff}section.projects .projectes .work:hover .text[data-v-3ac9b164]{opacity:1}}*{box-sizing:border-box}html{font-size:100%}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Nunito;line-height:90%}h1{font-size:3.5rem;font-weight:500;margin:0 0 10px}h2{font-size:2.5rem;font-weight:400;margin-top:0;margin-bottom:20px}h3{font-size:1.5rem;line-height:115%;font-weight:700}p,ul,ol{font-family:Montserrat;font-size:1rem}section{padding:30px}.bg-purple{background-color:var(--purple);color:#fff}.bg-yellow{background-color:var(--yellow);color:#fff}.bg-red{background-color:var(--red);color:#fff}.bg-green{background-color:var(--green);color:#fff}a{color:var(--text-color)}ul{list-style:none;padding:0%;margin:0%}section.top{height:auto;align-items:flex-start;padding-top:100px}section.top .svg{display:none}@media (min-width: 600px){h1{font-size:6rem}}@media (min-width: 900px){h1{font-size:7rem}}@media (min-width: 1200px){p,ul,ol{font-family:Montserrat;font-size:1rem}p{line-height:125%}section.top{height:100vh;display:flex;align-items:center}section.top .svg{display:block}section:not(.top){padding:50px 30px}}