@keyframes rotate-isotipo{0%{transform:rotate(0)}10%{transform:rotate(582deg)}30%{transform:rotate(592deg)}35%{transform:rotate(45deg)}55%{transform:rotate(35deg)}60%{transform:rotate(941deg)}80%{transform:rotate(951deg)}85%{transform:rotate(370deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes shine{0%{background-position:-1000px}20%{background-position:top left}50%{background-position:1000px}80%{background-position:top right}100%{background-position:-1000px}}@keyframes sway{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}100%{transform:rotate(3deg)}}html{position:relative;height:100vh;background-color:#000}a{touch-action:manipulation}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;white-space:nowrap}#bgi{position:fixed;top:0;left:0;width:100%;height:150%;transform:translateY(0);z-index:-1;background-image:url(../images/wao-background-marfil-negro-1@2x.webp);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center top}body{position:relative;background-color:#000;position:relative;background-color:transparent;font-family:"Lora",serif;line-height:1.6;cursor:none}body p{color:#b8cdcf}body p a{color:#ffbc45}@media screen and (min-width: 901px){body{cursor:none}.custom-cursor{position:fixed;width:10px;height:10px;border:2px solid #ffbc45;border-radius:50%;background:#000;pointer-events:none;transition:transform 0.1s ease,opacity 0.3s ease;z-index:10000;transform:translate(-50%, -50%)}}a,button,input,textarea{cursor:none !important}label{cursor:none !important}.page-transition{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.01);transform:translateX(0);transition:all 0.3s ease-in-out;z-index:-1}.page-transition .wao-isotipo{position:absolute;z-index:-1;display:block;width:52px;height:52px;margin:auto;opacity:0.01;background-image:url(../images/wao-isotipo-golden@2x.webp);background-position:center center;background-size:52px auto;background-repeat:no-repeat}.page-transition .wao-isotipo.rotate-isotipo{animation:rotate-isotipo 6s ease 0s infinite normal none}.page-transition.active{z-index:2000;background-color:#000;transform:translateX(0)}.page-transition.active .wao-isotipo{z-index:1;opacity:1}.page-content{padding-top:70px;position:relative;z-index:1}.page-content main{width:100%}#wa-icon{position:fixed;width:40px;height:40px;left:20px;bottom:20px;background:url(../images/wa-icon@2x.webp) no-repeat center center;background-size:100% auto;z-index:1002}#wa-icon a{display:block;text-decoration:none;width:100%;height:100%}#audio{display:none}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif;font-weight:100;background:-webkit-linear-gradient(#ffbc45, #ddad31);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{background:linear-gradient(90deg, #ffbc45 0%, #ffd527 30%, #ffe67d 65%, #ffbc45 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbc45",endColorstr="#ffbc45",GradientType=1);background-size:100%;-webkit-background-clip:text;background-clip:text;color:transparent}.golden-button{pointer-events:all;cursor:pointer;display:inline-block;padding:4px 12px;margin:0 auto;color:inherit;text-decoration:none;border:solid #ffbc45 1px;border-radius:200px;color:#000;background:#ffbc45;font-size:1em;font-family:"Raleway",sans-serif}.golden-button:hover{background:#ffce78;color:#000}.golden-border{position:relative;border:2px outset #ffbc45;background-image:url(../images/golden-border-pattern-4.webp);background-size:600px auto;background-repeat:repeat;background-clip:padding-box, border-box;background-origin:border-box;padding:6px}.height-s{max-height:220px !important}.height-m{max-height:355px !important}.height-m{max-height:576px !important}.navbar{position:fixed;width:100%;height:100px;z-index:1001;background:#000;background:-moz-linear-gradient(180deg, #000 0%, rgba(0,0,0,0.7) 50%, transparent 100%);background:-webkit-linear-gradient(180deg, #000 0%, rgba(0,0,0,0.7) 50%, transparent 100%);background:linear-gradient(180deg, #000 0%, rgba(0,0,0,0.7) 50%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}.navbar .navbar-brand{font-family:"Raleway",sans-serif;text-transform:uppercase;color:#ffbc45;text-decoration:none;display:flex;margin-top:-20px}.navbar .navbar-brand .isotipo{margin-right:4px;display:block;height:30px;width:30px;background:url(../images/wao-isotipo-golden@2x.webp) center center no-repeat;background-size:cover}.navbar .navbar-brand .isotipo.rotate-isotipo{animation:rotate-isotipo 10s ease 1s infinite normal none}.navbar .navbar-brand .logotipo{background:linear-gradient(90deg, #ffbc45 0%, #f8d239 50%, #f8ebc9 62%, #f8d239 72%, #ffbc45 100%);background-size:100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;display:inline-block}.navbar .navbar-brand .logotipo b{font-weight:600}.navbar #menuToggle{position:relative;top:-10px;right:1rem;z-index:1100;background:none;border:none;cursor:pointer;z-index:1002}.navbar #menuToggle i{display:block;width:40px;height:40px;color:#ffbc45;color:transparent !important;font-size:1.5rem;background:url(../images/menu-lock@2x.webp) no-repeat center center;background-size:36px auto;transition:all 0.6s ease-in-out}.navbar #menuToggle i.active{transform:rotate(90deg)}.menu-sidebar{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:rgba(0,0,0,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:-2px 0 5px rgba(0,0,0,0.25);border-left:solid 1px #ffbc45;transition:right 0.6s ease-in-out;z-index:1000}.menu-sidebar .menu-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0;text-align:center}.menu-sidebar .menu-content .nav-link{color:#ffbc45;text-decoration:none;font-family:"Raleway",sans-serif;text-transform:uppercase;font-size:1.2rem;padding:1rem 0;transition:color 0.2s}.menu-sidebar .menu-content .nav-link:hover{color:#ffce78}.menu-open{right:0}.hero-section{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-section #wao-logo{display:block;margin:auto auto 3rem}.hero-section #wao-logo img{max-width:150px}.hero-section h1{font-size:2.5rem;margin-bottom:4rem}.hero-section .nav-link{padding:0 2rem}.hero-section .btn-link{text-transform:uppercase;font-family:"Raleway",sans-serif;font-size:1.2rem;color:#ffbc45;text-decoration:none;display:inline-flex;align-items:center}.hero-section .btn-link i{font-size:1.2rem}.hero-section .btn-link:hover{color:#ffce78}.projects-header,.nosotros-header,.contacto-header{padding:8rem 1rem 3rem 1rem;text-align:center}.projects-header h1,.nosotros-header h1,.contacto-header h1{text-transform:uppercase;font-size:3.6rem;margin:0}.projects-header p,.nosotros-header p,.contacto-header p{margin-top:1rem;line-height:1.6;color:#b8cdcf;max-width:800px;margin-left:auto;margin-right:auto}.footer{position:relative;color:#b8cdcf;padding:4rem 1rem 4rem;font-family:"Lora",serif;background:#000;background:-moz-linear-gradient(0deg, #000 0%, transparent 35%);background:-webkit-linear-gradient(0deg, #000 0%, transparent 35%);background:linear-gradient(0deg, #000 0%, transparent 35%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}.footer .footer-divider{border-top:1px solid rgba(255,255,255,0.2);margin-bottom:4rem}.footer .footer-content{text-align:center}.footer .footer-content .footer-menu{display:flex;text-align:center;justify-content:center;margin-bottom:4rem}@media screen and (max-width: 520px){.footer .footer-content .footer-menu{display:block}}.footer .footer-content .footer-menu .footer-link{font-family:"Raleway",sans-serif;font-size:0.9rem;color:#ffbc45;text-decoration:none;margin:0 1rem;text-transform:uppercase;transition:color 0.3s}@media screen and (max-width: 520px){.footer .footer-content .footer-menu .footer-link{margin:1rem 0}}.footer .footer-content .footer-menu .footer-link:hover{color:#ffce78}.footer .footer-content .music-name{margin-top:2em;font-family:"Raleway",sans-serif;color:#de8e00}.footer .footer-content .footer-socials{margin-bottom:4rem}.footer .footer-content .footer-socials .social-link{font-size:1.5rem;color:#ffbc45;margin:0 2rem;text-decoration:none !important;transition:transform 0.3s ease,color 0.3s ease}.footer .footer-content .footer-socials .social-link:hover{transform:scale(1.1);color:#ffce78}.footer .footer-content .footer-bottom{margin-top:4rem;font-size:0.8rem;color:rgba(184,205,207,0.8)}.footer .footer-content .footer-bottom .footer-privacy{display:block;text-decoration:none;font-family:"Raleway",sans-serif;color:#ffbc45;margin-bottom:2rem}.footer .footer-content .footer-bottom .footer-privacy:hover{color:#ffce78}.footer .footer-content .footer-bottom .footer-rights{font-family:"Raleway",sans-serif;text-transform:uppercase;display:block;margin:0;color:#ffbc45}.page-inicio{background-color:rgba(0,0,0,0.01)}@media screen and (max-width: 520px){.page-inicio .page-content{padding-top:20px}}.page-inicio .navbar,.page-inicio .menu-sidebar{display:none !important}.page-inicio .tagline{font-family:"Raleway",sans-serif}@media screen and (max-width: 520px){.page-inicio .home-menu a{display:block;margin-bottom:20px}.page-inicio .home-menu a i{display:none}}.page-proyectos .projects-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem}.page-proyectos .projects-grid .projects-item{display:block;width:calc(50% - 1rem);text-decoration:none;color:#b8cdcf}@media screen and (max-width: 520px){.page-proyectos .projects-grid .projects-item{width:100%;margin-top:0px !important;margin-bottom:58px}.page-proyectos .projects-grid .projects-item a.image-link{pointer-events:none !important}}.page-proyectos .projects-grid .projects-item .projects-image-container{transition:transform 0.3s ease,border-color 0.3s ease}.page-proyectos .projects-grid .projects-item .projects-image-container .projects-image{width:100%;height:300px;background-size:cover;background-position:center}.page-proyectos .projects-grid .projects-item .projects-image-container:hover{transform:scale(1.05)}.page-proyectos .projects-grid .projects-item .projects-info h2{font-size:1.5rem;margin:1rem 0px 0px}.page-proyectos .projects-grid .projects-item .projects-info h2 span.name{font-size:2rem;text-transform:uppercase;display:block;text-transform:uppercase}.page-proyectos .projects-grid .projects-item .projects-info p.code{margin:0 0;font-size:1rem;text-transform:uppercase;color:rgba(184,205,207,0.8)}.page-proyectos .projects-grid .pi-1{margin-top:0}.page-proyectos .projects-grid .pi-2{margin-top:150px}.page-proyectos .projects-grid .pi-3{margin-top:150px}@media screen and (max-width: 520px){.page-proyecto .proyecto-grid{gap:0rem}}.page-proyecto .row{padding-top:20px;padding-bottom:20px}@media screen and (max-width: 520px){.page-proyecto .row{padding-top:0px;padding-bottom:0px}.page-proyecto .row .col{flex:none;padding-top:20px;padding-bottom:20px}}.page-proyecto .gold-border-vertical{width:1080px;height:370px}.page-proyecto h1,.page-proyecto .name{text-transform:uppercase;font-size:3em}@media screen and (max-width: 520px){.page-proyecto h1,.page-proyecto .name{font-size:2em}}.page-proyecto p{color:#b8cdcf}.page-proyecto p.number{font-family:"Raleway",sans-serif;font-size:1.6em;color:#ffbc45}.page-proyecto p.code{font-size:1.2em;color:#b8cdcf}.page-proyecto .proyecto-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-content:flex-start;align-items:top;padding:1rem}.page-proyecto .proyecto-grid .projects-item{display:block;width:calc(50% - 1rem);text-decoration:none;color:#b8cdcf}.page-proyecto .proyecto-grid .pi-1{margin-top:0}.page-proyecto .proyecto-grid .pi-2{margin-top:200px}.nosotros-main{padding:3rem 1rem}.nosotros-main .nosotros-content{display:flex;flex-wrap:no-wrap;gap:2rem;align-items:center}@media screen and (max-width: 520px){.nosotros-main .nosotros-content{margin-bottom:140px}}.nosotros-main .nosotros-content .text-content{flex:1 1 50%;color:#b8cdcf}.nosotros-main .nosotros-content .text-content h2{font-size:1.8rem;margin-bottom:1.5rem;line-height:1.4}.nosotros-main .nosotros-content .text-content p{font-size:1rem;line-height:1.8;color:rgba(184,205,207,0.8)}.nosotros-main .nosotros-content .image-content{flex:1 1 50%;text-align:center}.nosotros-main .nosotros-content .image-content img{max-width:100%;height:auto}.nosotros-main .filosofia-content{padding-top:200px;min-height:200px;display:flex;flex-wrap:no-wrap;gap:2rem;align-items:center;text-align:center}@media screen and (min-width: 577px){.nosotros-main .filosofia-content{padding-top:240px}}@media screen and (min-width: 577px){.nosotros-main .filosofia-content{padding-top:360px}}.nosotros-main .filosofia-content .text-content{width:100%}.nosotros-main .filosofia-content #filosofia{display:block;text-align:center;width:100%}.nosotros-main .filosofia-content #filosofia p{text-align:center;font-style:italic}.page-contacto .contacto-main{padding:3rem 1rem}@media screen and (max-width: 520px){.page-contacto .contacto-main{padding-bottom:400px}}.page-contacto .contacto-main .nosotros-content{display:flex;flex-wrap:no-wrap;gap:2rem;align-items:center}.page-contacto .contacto-main .nosotros-content .team-member{flex:1 1 50%;text-align:center;color:#b8cdcf;margin-bottom:60px}@media screen and (max-width: 520px){.page-contacto .contacto-main .nosotros-content .team-member{margin-bottom:40px}}.page-contacto .contacto-main .nosotros-content .team-member h2{position:relative;color:#ffbc45;font-family:"Great Vibes",cursive;font-size:3.4rem;margin-bottom:1.5rem;line-height:1.4}.page-contacto .contacto-main .nosotros-content .team-member p{font-size:1rem;line-height:1.8;color:rgba(184,205,207,0.8)}.page-contacto .contacto-main .nosotros-content .team-member p a{text-decoration:none;color:inherit}.page-pizarra .main-content{padding-top:70px}.page-pizarra .form-content col{position:relative;display:flex;justify-content:center}.page-pizarra .bloc{position:relative;display:block;padding:120px 70px 180px 70px;width:520px;margin:0 auto;left:50px;background:url(../images/bloc.webp) no-repeat center top;background-size:100% auto;transform:rotate(-1deg)}@media screen and (max-width: 520px){.page-pizarra .bloc{width:100%;left:0px;padding:70px 40px 50px 30px}}.page-pizarra .bloc form{position:relative;display:block;width:100%;height:auto;margin:0 auto;text-align:center}.page-pizarra .bloc form *,.page-pizarra .bloc form *:focus{outline:none !important;-webkit-box-shadow:none;box-shadow:none}.page-pizarra .bloc form label,.page-pizarra .bloc form input[type="text"]{text-align:left}.page-pizarra .bloc form input,.page-pizarra .bloc form textarea{appearance:none !important;background:rgba(255,255,255,0.01);border:none;border-bottom:solid 1px #000;font-family:"Caveat",serif;font-size:1.8em;resize:none}@media screen and (max-width: 520px){.page-pizarra .bloc form input,.page-pizarra .bloc form textarea{font-size:1.6em}}.page-pizarra .bloc form input:focus,.page-pizarra .bloc form input:hover,.page-pizarra .bloc form textarea:focus,.page-pizarra .bloc form textarea:hover{color:#000}.page-pizarra .bloc form input::placeholder,.page-pizarra .bloc form textarea::placeholder{color:#000}.page-pizarra .bloc form button,.page-pizarra .bloc form input[type="submit"]{margin-top:10px;background:#f1b03b;background:-moz-linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);background:-webkit-linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);background:linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1b03b",endColorstr="#d49b39",GradientType=1)}.page-pizarra .bloc form textarea{height:240px;line-height:1.2}@media screen and (max-width: 520px){.page-pizarra .bloc form textarea{height:100px}}.page-pizarra .bloc form label{color:#000;color:#d49b39;color:#de8e00}.page-pizarra .pajaro-rey-icon{position:relative;top:-220px;display:block;width:280px;height:700px;margin:0 auto;background:url(../images/pajaro-rey-icon.webp) center top no-repeat;background-size:auto 700px;animation:sway 6.4s infinite;animation-timing-function:ease-in-out;-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}.page-pizarra .messages-list .list-group{background:none;border:none}.page-pizarra .messages-list .list-group .list-group-item{background:none;padding:3rem 1rem;color:#b8cdcf;border:none;border-bottom:solid 1px #374f51;text-align:center}.page-pizarra .messages-list .list-group .list-group-item .message{font-family:"Caveat",serif;font-size:1.8rem}.page-pizarra .messages-list .list-group .list-group-item .name{color:#7ba2a6}.page-pizarra .messages-list .list-group .list-group-item:last-child{border-bottom:0px}.pajaro-rey{width:200px;height:350px;z-index:999}.pajaro-rey .pajaro-rey-icon{position:absolute;z-index:1;margin:0 auto;top:0;right:0;left:0;display:block;width:140px;height:350px;background:url(../images/pajaro-rey-icon.webp) center top no-repeat;background-size:auto 350px;animation:sway 6.4s infinite;animation-timing-function:ease-in-out;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top}.pajaro-rey .pajaro-rey-hello{position:absolute;z-index:10;top:0;right:0;display:flex;justify-content:center;align-items:center;text-align:center;top:125px;right:150px;position:absolute;padding:8px;border-radius:12px;width:200px;height:160px;background:rgba(0,0,0,0.8);border:solid 1px #ffbc45;display:block;opacity:0.01;pointer-events:none;transform:translate(50px, 0%);transition:opacity 0.5s ease,transform 0.5s ease}.pajaro-rey .pajaro-rey-hello.show{opacity:1;transform:translate(0, 0%)}.pajaro-rey .pajaro-rey-hello p{text-align:center;color:#ffbc45}.pajaro-rey .pajaro-rey-hello a{background:#f1b03b;background:-moz-linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);background:-webkit-linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);background:linear-gradient(90deg, #f1b03b 0%, #ffd527 62%, #d49b39 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1b03b",endColorstr="#d49b39",GradientType=1)}.page-nosotros .pajaro-rey{position:absolute}@media screen and (max-width: 576px){.page-nosotros .pajaro-rey{bottom:184px;left:0px;right:0px;margin:0 auto}}@media screen and (min-width: 577px){.page-nosotros .pajaro-rey{bottom:144px;left:0px;right:0px;margin:0 auto}}@media screen and (min-width: 768px){.page-nosotros .pajaro-rey{bottom:160px;left:-370px}}@media screen and (min-width: 992px){.page-nosotros .pajaro-rey{bottom:220px;left:-520px}}@media screen and (min-width: 1200px){.page-nosotros .pajaro-rey{bottom:244px;left:-700px}}.page-nosotros .pajaro-rey .pajaro-rey-icon-container{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);-ms-filter:fliph;filter:fliph}.page-nosotros .pajaro-rey .pajaro-rey-hello{left:150px;transform:translate(-50px, 0%);transition:opacity 0.5s ease,transform 0.5s ease}.page-nosotros .pajaro-rey .pajaro-rey-hello.show{opacity:1;transform:translate(0, 0%)}.page-nosotros .pajaro-rey .pajaro-rey-hello p{text-align:center;color:#ffbc45}.page-contacto .pajaro-rey{position:absolute;top:290px;left:0;right:0;margin:0 auto}@media screen and (max-width: 520px){.page-contacto .pajaro-rey{top:1140px}}.page-proyectos .pajaro-rey{position:absolute;right:0px}@media screen and (max-width: 520px){.page-proyectos .pajaro-rey{bottom:-380px}.page-proyectos .pajaro-rey .pajaro-rey-icon{margin-right:0px}}.page-proyecto-brrlv .pajaro-rey{position:relative;top:-9px}@media screen and (max-width: 520px){.page-pizarra .pajaro-rey-icon{top:-70px;z-index:-1}}.page-pizarra .thanks{display:block;position:absolute;top:278px;right:22%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.8);color:#b8cdcf;padding:20px;border:solid 1px #ffbc45;border-radius:12px;text-align:center;opacity:0.01;visibility:hidden;transition:all 0.3s ease;box-shadow:0px 10px 20px -3px #000}.page-pizarra .thanks *{opacity:0.01;visibility:hidden}@media screen and (max-width: 520px){.page-pizarra .thanks{top:680px;right:-4%}}.page-pizarra .thanks.active{opacity:1;visibility:visible}.page-pizarra .thanks.active *{opacity:1;visibility:visible}.page-proyecto-d69cdmx .pajaro-rey-hanging-picture{position:relative;height:425px}@media screen and (max-width: 520px){.page-proyecto-d69cdmx .pajaro-rey-hanging-picture{min-width:340px}}.page-proyecto-d69cdmx .pajaro-rey-hanging-picture .pajaro-rey{position:absolute;z-index:3;top:-20px;left:0;right:0;margin:0 auto}.page-proyecto-d69cdmx .pajaro-rey-hanging-picture .pajaro-rey-background{position:relative;z-index:2;display:block;width:100%;height:410px;padding:6px;box-sizing:border-box;background:none;background:url(../images/wao-background-marfil-negro-1@2x.webp) no-repeat center 0%;background-size:100% auto;background-attachment:fixed;overflow:hidden}@media screen and (max-width: 520px){.page-proyecto-d69cdmx .pajaro-rey-hanging-picture .pajaro-rey-background{background-attachment:scroll}}@media (max-width: 768px){.nosotros-content{flex-direction:column}.nosotros-content .text-content,.nosotros-content .image-content{flex:1 1 100%}.nosotros-content .image-content{margin-top:1.5rem}}h1.shine,.shine{color:transparent;background:linear-gradient(to right, #fdb342, #ffda45 40%, #fff 50%, #ffda45 60%, #fdb342);background-size:500% 500%;-webkit-background-clip:text;background-clip:text;animation:shine 10s ease infinite}
