@font-face{font-family:branding bold;src:url(../assets/images/50672437edd5bd8b5160.ttf)}@font-face{font-family:Quicksand;src:url(../assets/images/7dd2a729c26ea6122bbc.ttf)}*{box-sizing:border-box;margin:0;padding:0}body{color:#c9d9fa;font-family:Lato,sans-serif}html{font-size:62.5%}body{background-color:#000}.mainContainer{background-image:url(../assets/images/51b660d0b0d7afc7f92a.png);background-repeat:repeat;height:100%;width:100%}.mainContainer .mainContainer__fondo{bottom:0;height:100vh;object-fit:cover;position:absolute;right:0;top:0;width:100vw;z-index:-1000}.header__logo{display:block;height:80px;left:47.5%;position:fixed;top:40px;width:80px;z-index:1; padding: 5px;}.menu{background:rgba(1,35,60,.8);border-radius:20px;margin-top:-145px;min-height:175px;position:relative;transition:1.2s;width:inherit}.menu__container{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:inherit}.menu__container h2{background:#003;color: white; font-family:branding bold;font-size:2.3rem;left:0;margin-top:50px;position:fixed;right:0;text-align:center;width:inherit}.menu__container .menu__espacio{padding:27px;width:100%}.menu__container .menu__list1,.menu__container .menu__list2{align-items:flex-end;display:flex;justify-content:center;list-style:none;margin:0;min-height:80px;perspective:800px;width:500px}.menu__container .menu__list1 .menu__items,.menu__container .menu__list2 .menu__items{align-items:center;border:2px solid rgba(44,181,232,.8);display:flex;grid-area:bot;height:68px;justify-content:center;margin:12px;position:relative;transition:all .8s;width:105px}.menu__container .menu__list1 .menu__items:first-of-type,.menu__container .menu__list1 .menu__items:first-of-type .items--sombras,.menu__container .menu__list2 .menu__items:first-of-type,.menu__container .menu__list2 .menu__items:first-of-type .items--sombras{border-radius:10px 10px 10px 25px}.menu__container .menu__list1 .menu__items:nth-of-type(2),.menu__container .menu__list1 .menu__items:nth-of-type(2) .items--sombras,.menu__container .menu__list2 .menu__items:nth-of-type(2),.menu__container .menu__list2 .menu__items:nth-of-type(2) .items--sombras{border-radius:10px 10px 10px 10px}.menu__container .menu__list1 .menu__items:nth-of-type(3),.menu__container .menu__list1 .menu__items:nth-of-type(3) .items--sombras,.menu__container .menu__list2 .menu__items:nth-of-type(3),.menu__container .menu__list2 .menu__items:nth-of-type(3) .items--sombras{border-radius:10px 25px 10px 10px}.menu__container .menu__list1 .menu__items .items--sombras,.menu__container .menu__list2 .menu__items .items--sombras{background:linear-gradient(140deg,rgba(159,184,173,0),#000026 50%,rgba(44,181,232,0));border-radius:10px 10px 10px 25px;height:inherit;margin:-2px;width:inherit;z-index:10}.menu__container .menu__list1 .menu__items .items--sombras a,.menu__container .menu__list2 .menu__items .items--sombras a{align-items:center;color:#c9d9fa;display:flex;font-family:branding bold;font-size:2.2rem;font-size:14px;font-weight:700;height:inherit;justify-content:center;text-decoration:none;text-transform:uppercase}.menu__button{background:none;border:0;color:cyan;font-size:48px;padding:0;position:absolute;top:75%;width:100px}.menu__button:hover{cursor:pointer;text-shadow:#0f6 0 0 5px}.menu--desplegado{transform:translateY(95px)}.mainContent{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;min-height:80vh;width:80%}.mainContent__slogan{align-items:flex-end;display:flex;height:15vh;position:relatie;text-shadow:#40e0d0 0 2px 8px;transition:all 1.2s;width:100%;z-index:-1}.mainContent__slogan--retraido{transform:translateY(12px)}.mainContent__slogan h2{background-color:transparent;color:#f5f5f5;font-family:branding bold;font-size:2rem;font-weight:50;left:0;letter-spacing:3px;position:absolute;right:0;text-align:center;width:inherit}.mainContent__slogan h2:before{border-bottom:3px solid #e4eeed;border-radius:3px;bottom:-10px;box-shadow:0 0 5px #b8f7ff;content:"";height:0;left:45%;position:absolute;right:45%}.mainContent__corp{align-content:center;justify-content:flex-end;width:37.5%}.mainContent__corp,.mainContent__services{display:flex;flex-wrap:wrap;min-height:50vh;perspective:500px}.mainContent__services{width:25%}.mainContent__client{align-content:center;display:flex;flex-wrap:wrap;justify-content:flex-start;min-height:50vh;perspective:500px;width:37.5%}.button--shop,.button--zone{align-items:center;background:url(../assets/images/fb57d0b9ef2dbc29c048.svg) no-repeat 50%;border:1px solid transparent;border-radius:10px 10px 10px 10px;color:#45e3f1;display:flex;font-family:Quicksand,Arial;font-size:1.4rem;font-weight:200;grid-area:bot;height:120px;justify-content:center;padding-top:35px;position:relative;text-shadow:1px 1px 3px #f5f5f5;width:80%}.button--shop:before,.button--zone:before{background-image:url(../assets/images/6c7a4bfcb4016dad5078.svg)}.button--shop:before,.button--zone:before{background-position:50%;background-repeat:no-repeat;background-size:30px;bottom:20px;content:"";left:0;position:absolute;right:0;top:0}.button--zone:before{background-image:url(../assets/images/cbf86f62a7069f57eaea.svg)}.button--follow,.button--mision,.button--partner,.button--vision{align-items:center;background:url(../assets/images/fe2fdc25c46d2b1ea326.svg) no-repeat 50%;border:1px solid transparent;border-radius:10px 10px 10px 10px;color:#45e3f1;display:flex;font-family:Quicksand,Arial;font-size:1.4rem;font-weight:200;grid-area:bot;height:150px;justify-content:center;padding-top:35px;position:relative;text-shadow:1px 1px 3px #f5f5f5;width:43%}.button--follow:before,.button--mision:before,.button--partner:before,.button--vision:before{background-image:url(../assets/images/b37b4a2ccae51e3518bc.svg)}.button--follow:before,.button--mision:before,.button--partner:before,.button--vision:before{background-position:50%;background-repeat:no-repeat;background-size:30px;bottom:20px;content:"";left:0;position:absolute;right:0;top:0}.button--vision:before{background-image:url(../assets/images/64c713b941f0cbd326e5.svg)}.button--follow:before{background-image:url(../assets/images/c1022714e4daede72f63.svg)}.button--follow:before,.button--partner:before{background-position:50%;background-repeat:no-repeat;background-size:30px;bottom:20px;content:"";left:0;position:absolute;right:0;top:0}.button--partner:before{background-image:url(../assets/images/fd7b4303d8f8ec5baaf1.svg)}.button--follow,.button--mision,.button--partner,.button--vision{margin:7px 14px 7px 0}.button--follow,.button--partner{margin:7px 0 7px 14px}.button--contact,.button--help{background:url(../assets/images/98202258a9277ed6e563.svg) no-repeat 50%;border-radius:10px 10px 10px 20px;grid-area:bot;height:50px;margin:5px 10px;width:80%}.button--contact,.button--help,.button--random{align-items:center;border:1px solid transparent;color:#45e3f1;display:flex;font-family:Quicksand,Arial;font-size:1.4rem;font-weight:200;justify-content:center;padding:0;text-shadow:1px 1px 3px #f5f5f5}.button--random{background:url(../assets/images/adefe581fafbd155a54f.svg) no-repeat;background-size:cover;box-shadow:0 0 2px rgba(0,0,0,.3);color:#f5f5f5;font-family:branding bold,Arial;font-size:2.3rem;margin:5px 0;opacity:.75;text-shadow:1px 1px 5px #003;text-transform:uppercase;width:100%}.tipo1{border-radius:10px 10px 10px 10px}.tipo2{border-radius:30px 10px 10px 10px}.tipo3{border-radius:10px 30px 10px 10px}.tipo4{border-radius:10px 10px 30px 10px}.tipo5{border-radius:10px 10px 10px 30px}.mainContent button{transition:all 1s}@media screen and (max-width:1024px){.menu__container .menu__list1,.menu__container .menu__list2{width:350px}.menu__container .menu__list1 .menu__items,.menu__container .menu__list2 .menu__items{height:57px;margin:5px;width:85px}.menu__container .menu__list1 .menu__items .items--sombras a,.menu__container .menu__list2 .menu__items .items--sombras a{font-size:12px}.menu__button{font-size:34px;top:80%}.mainContent{min-height:80vh;width:100%}.mainContent__slogan{z-index:0}.mainContent__slogan--retraido{transform:translateY(-13px)}.mainContent__slogan h2{font-size:1.6rem}.mainContent__services{max-height:60vh;padding:10px}.button--random{font-size:1.8rem}}@media screen and (max-width:768px){.header__logo{left:43%;width:80px}.menu{background:none;border-radius:0;display:flex;height:inherit;margin-top:-310px}.menu__container{display:block;margin:0 auto 50px}.menu__container h2{margin-top:0}.menu__container .menu__espacio{min-height:20%}.menu__container .menu__list1,.menu__container .menu__list2{align-items:center;flex-direction:column;height:30%;justify-content:space-around}.menu__container .menu__list1 .menu__items,.menu__container .menu__list2 .menu__items{height:37px;width:275px}.menu__container .menu__list1 .menu__items:first-of-type,.menu__container .menu__list1 .menu__items:first-of-type .items--sombras,.menu__container .menu__list1 .menu__items:nth-of-type(2),.menu__container .menu__list1 .menu__items:nth-of-type(2) .items--sombras,.menu__container .menu__list1 .menu__items:nth-of-type(3),.menu__container .menu__list1 .menu__items:nth-of-type(3) .items--sombras,.menu__container .menu__list2 .menu__items:first-of-type,.menu__container .menu__list2 .menu__items:first-of-type .items--sombras,.menu__container .menu__list2 .menu__items:nth-of-type(2),.menu__container .menu__list2 .menu__items:nth-of-type(2) .items--sombras,.menu__container .menu__list2 .menu__items:nth-of-type(3),.menu__container .menu__list2 .menu__items:nth-of-type(3) .items--sombras{border-radius:8px}.menu__container .menu__list1 .menu__items .items--sombras a,.menu__container .menu__list2 .menu__items .items--sombras a{font-size:12px}.menu__button{background:rgba(1,35,60,.8);border-radius:50%;font-size:34px;height:40px;margin-left:30px;top:85%;width:40px;z-index:5}.menu--desplegado{background:rgba(1,35,60,.8);border-radius:none;display:flex;height:100vh;margin-top:-95px}.mainContent{justify-content:center;min-height:80vh;width:100%}.mainContent__slogan{align-items:center;width:65%;z-index:1}.mainContent__slogan h2{display:block;font-size:1.6rem;margin:0 auto}.mainContent__corp{width:35.1%}.mainContent__services{width:29.5%}.mainContent__client{width:35.1%}.button--shop,.button--zone{font-size:1.2rem;height:110px;width:90%}.button--shop:before,.button--zone:before{font-size:10px}.button--follow,.button--mision,.button--partner,.button--vision{font-size:1.2rem;height:75px;width:65%}.button--follow:before,.button--mision:before,.button--partner:before,.button--vision:before{font-size:10px}.button--contact,.button--help{font-size:1.2rem;height:50px;width:95%}.button--contact:before,.button--help:before{font-size:10px}.button--random{font-size:2rem}}@media screen and (max-width:475px){.menu__container .menu__list1,.menu__container .menu__list2{width:100%}.header__logo{left:40%;top:30px;width:80px}.mainContent{justify-content:center;min-height:80vh;width:100%}.mainContent__slogan{align-items:center;height:10vh;width:65%;z-index:1}.mainContent__slogan h2{display:block;font-size:1.6rem;margin:0 auto}.mainContent__corp{flex-direction:row;min-height:25vh;width:100%}.mainContent__services{flex-direction:row;min-height:18vh;width:100%}.mainContent__client{flex-direction:row;min-height:25vh;width:100%}.button--shop,.button--zone{background:url(../assets/images/fe2fdc25c46d2b1ea326.svg) no-repeat 50%}.button--follow,.button--mision,.button--partner,.button--shop,.button--vision,.button--zone{height:120px;margin:5px;padding:25px 0 0;width:30%}.button--contact,.button--help{height:40px}.button--random{font-size:1.5rem;margin:5px;width:30%}}.mainContent button a{list-style:none;text-decoration: none;color: #45e3f1;}.mainContent button a:visited{color: #45e3f1;}.modal{align-items: center;
background: #000000b9;bottom: 0;display: flex;flex-direction: column;justify-content: center;left: 0;position: absolute;right: 0;top: 0;z-index: 2;}.invisible{display: none;}.modal__close {display: flex;justify-content: end;width: 40%;}.close__button {border: none;border-radius: 50%;color: #1c1464;font-family: Signika, sans-serif;font-size: 1.8rem;font-weight: 900;height: 40px;padding: 10px;width: 40px;}.close__button:hover{background-color: rgb(72, 72, 160); color: white;}.modal__title {color: #fff5ee;font-size:3rem;}.modal__message{font-size: 2rem;font-weight: 500;margin: 20px;}.modal__icon, .modal__icon img{width: 300px;}