*{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none;box-sizing:border-box;border-collapse:collapse}a:active,a:link,a:visited{text-decoration:none;color:inherit}body{font-family:"Roboto",sans-serif;font-weight:400;font-style:normal}#root,body{width:100%;height:100%}#root{position:relative;overflow-x:hidden}h2{font-size:40px;font-weight:600;color:#083973}h2,h3{margin:30px 0 20px}h3{font-size:24px}h3,p{color:#333}p{font-size:18px;margin-bottom:20px}.page__container{width:950px;display:flex;flex-direction:column}.page__img{width:800px;margin:10px 0 30px;align-self:center;border-radius:12px}@media screen and (max-width:1200px){.page__container{width:850px}}@media screen and (max-width:1000px){h2{font-size:38px}h3{font-size:22px}p{font-size:16px}.page__container{width:90%}.page__img{width:700px}}@media screen and (max-width:800px){h2{font-size:36px}h3{margin:15px 0}.page__img{width:100%}}@media screen and (max-width:600px){h2{font-size:28px;font-weight:500;margin-top:20px;margin-bottom:10px}.page__container h3:first-of-type{margin-top:-5px}h3{font-size:22px;font-weight:500}}.header{justify-content:space-between;padding:0 30px;height:85px}.header,.header__logo{display:flex;align-items:center}.header__logo{width:220px;min-width:220px}.header__logo img{width:100%}.header__nav{background:#fff;margin-left:20px}.header__nav ul{height:100%;display:flex;justify-content:space-around;align-items:center;text-align:center}.nav__link{margin:0 20px;position:relative}.nav__link:hover{font-weight:500}.nav__link:hover:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;border-bottom:2px solid rgba(0,73,167,.4392156862745098);animation:onHoverWidth 1s 1}.nav__link--active{font-weight:500}.nav__link--active:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;border-bottom:2px solid rgba(0,73,167,.4392156862745098)}.nav__burguer{display:none}@keyframes onHoverWidth{0%{width:0}to{width:100%}}@media screen and (max-width:1200px){.header__logo{min-width:150px}.nav__link{margin:0 15px;font-size:15px}}@media screen and (max-width:1000px){.header__logo{min-width:150px}.header__nav{position:absolute;background:#003679;margin:0;color:#fff;right:-400px;top:0;height:100%;z-index:2000;padding:80px 50px;transition:right .5s linear}.header__nav ul{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.nav__link{font-size:16px;margin:0 0 40px}.nav__link--active:after{border-bottom:2px solid rgba(220,235,255,.4392156862745098)}.language-selector__container{margin:0}.language-selector{margin-left:3px}.nav__burguer{display:block;position:relative;font-size:35px;cursor:pointer;z-index:9999;transition:color .5s linear}.header__nav--visible{right:0}.nav__burguer--visible{color:#fff}.nav__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(72,72,72,.6313725490196078);opacity:0;animation:opacity .5s linear forwards}@keyframes opacity{0%{opacity:0}to{opacity:1}}}@media screen and (max-width:480px){.header{padding:0 20px 0 5px;height:60px}.header__logo{width:180px;min-width:180px;display:flex;align-items:center}}.language-selector__container{margin-left:5px;display:flex;align-items:center}.language-selector__icon{font-size:20px;padding:-1px -1px 0;margin-right:2px;margin-bottom:2px}.language-selector{font-size:14px;padding:2px 1px;border:1px solid #dcdcdc;border-radius:3px;font-family:"Roboto"}.footer__container .language-selector__icon{display:none}.footer__container .language-selector__container{margin-left:20px}.footer__container .language-selector{font-size:16px;padding:3px 5px;border:1px solid #dcdcdc;border-radius:2px;font-family:"Roboto"}.footer__container{min-height:80px;margin-top:20px;background:#043063;color:#fff;display:flex;justify-content:center;align-items:center;font-size:18px}@media screen and (max-width:800px){.footer__container{min-height:80px;padding:20px 10px;flex-wrap:wrap;line-height:30px;font-size:16px}}@media screen and (max-width:480px){.footer__container{padding:20px 10px;line-height:28px;font-size:16px}.footer__container .language-selector__container{margin-left:10px}.footer__container .language-selector{font-size:14px;padding:2px 4px}}.main__background{width:100%;padding:0 40px;height:350px;background-repeat:no-repeat;background-size:cover;background-position:50% 60%;display:flex;justify-content:center;position:relative}.title__container{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;-webkit-filter:drop-shadow(2px 4px 4px #000);filter:drop-shadow(2px 4px 4px black);margin-left:-50px}.title__container h1{font-size:40px;margin-top:-26px}.title__container h2{font-size:28px;color:#fff;margin:initial}.title__word--highlight{color:#ffd23f}.react-particles__container{position:absolute;width:100%;height:290px}div#tsparticles{height:100%}@media screen and (max-width:1200px){.main__background{padding:0 20px}.title__container{margin-left:0}}@media screen and (max-width:1000px){.main__background{height:250px}.react-particles__container{height:100%}}@media screen and (max-width:600px){.main__background{height:200px}.title__container h1{font-size:34px}.title__container h2{font-size:24px}}@media screen and (max-width:480px){.main__background{height:130px;padding:0 10px}.title__container{margin-top:18px}.title__container h1{font-size:25px}.title__container h2{font-size:18px}}.particles__container{width:550px;position:relative}@keyframes giro{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1200px){.particles__container{width:450px}}@media screen and (max-width:1000px){.particles__container{display:none}}.images__container{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.home__img{width:250px;border-radius:10px;margin:20px;height:160px;object-fit:cover}.comunidad-hidrogeno h3:first-of-type{margin:10px 0 20px}.comunidad-hidrogeno__img--map{margin:30px 0}.comunidad-hidrogeno__fases{padding:60px 120px;margin-top:50px;align-self:center;background:rgba(132,192,255,.10196078431372549);border-radius:10px}.comunidad-hidrogeno__fases h3{font-size:22px}.comunidad-hidrogeno__fases p{font-size:16px}@media screen and (max-width:1000px){.comunidad-hidrogeno__fases{padding:25px 60px;margin-top:25px}.comunidad-hidrogeno__fases p{font-size:14px}}@media screen and (max-width:800px){.comunidad-hidrogeno__fases{padding:25px 40px;margin-top:20px}}@media screen and (max-width:600px){.comunidad-hidrogeno__fases{padding:30px 20px;margin-top:20px}.comunidad-hidrogeno__fases h3{font-size:18px}}.tecnologia__funcionamiento-pila{width:80%;align-self:center}.tecnologia__funcionamiento-pila p{font-size:15px}@media screen and (max-width:600px){.tecnologia__funcionamiento-pila{width:90%;align-self:center}.tecnologia__funcionamiento-pila p{font-size:14px}}.proyectos__container section{display:flex;flex-direction:column}.proyectos__h4{margin-top:20px;font-size:18px}.proyectos__img--carretilla{width:500px}.proyectos__list{margin-top:20px;margin-left:40px;font-size:20px;color:#0054ab}.proyectos__list li{list-style:disc outside none;list-style:initial;list-style-position:inside;margin-bottom:15px}@media screen and (max-width:800px){.proyectos__list{margin-bottom:20px}}@media screen and (max-width:600px){.proyectos__h4{margin-top:0}.proyectos__list{margin-bottom:20px;margin-left:30px}.proyectos__list li{margin-bottom:10px}.proyectos__img--carretilla,.proyectos__img--transporte{width:100%}}@media screen and (max-width:480px){.proyectos__h4{margin-top:-10px}.proyectos__list{margin-bottom:0;margin-left:20px;font-size:16px}.proyectos__list li{margin-bottom:10px}.page__container section h3:first-of-type{margin:20px 0 5px}}.transporte__img{width:450px}.transporte__fases{width:95%;padding:0 40px 40px;margin-top:50px;align-self:center;background:rgba(132,192,255,.10196078431372549);border-radius:10px}.fases__container{display:flex;align-items:center}.fases__img{width:350px;border-radius:5px;margin-right:40px}.transporte__fases h3{font-size:22px;text-align:center;margin-bottom:35px}.transporte__fases p{font-size:16px}@media screen and (max-width:1000px){.transporte__fases{padding:25px 60px;margin-top:25px}.transporte__fases p{font-size:14px}}@media screen and (max-width:800px){.transporte__fases{padding:25px 40px;margin-top:20px}.fases__container{flex-direction:column}.fases__img{width:90%;margin-right:0;margin-bottom:20px}}@media screen and (max-width:600px){.transporte__img{width:100%}.transporte__fases{width:100%;padding:30px 20px;margin-top:20px}.transporte__fases h3{font-size:18px}}.formulario__container{width:600px;align-self:center;margin-bottom:30px}.formulario-contacto{display:flex;flex-direction:column;font-size:20px;margin-top:20px;margin-bottom:45px}.formulario-contacto input,.formulario-contacto textarea{border:2px solid grey;height:33px;border-radius:5px;margin-top:3px;margin-bottom:22px;padding:2px 10px 0;font-size:18px}.formulario-contacto input{height:38px}.formulario-contacto textarea{height:100px;padding:10px}.formulario-contacto input:focus{border:2px solid rgba(32,124,229,.708);background:rgba(32,124,229,.05);outline:none}.formulario__nota{font-size:16px}.formulario-contacto button{font-family:"Roboto",sans-serif;font-size:20px;padding:10px 20px;border-radius:5px;background:linear-gradient(180deg,rgb(46 144 255/70%) 0,rgb(42 141 255));outline:none;border:2px solid grey;width:120px;cursor:pointer}.formulario-contacto button:hover{background:linear-gradient(180deg,rgb(131 189 255/70%) 0,rgb(77 160 255))}.formulario-contacto button:active{outline:none;background:linear-gradient(0deg,rgb(42 141 255) 100%,rgb(46 144 255/70%) 0)}.send_error,.send_ok{padding:15px 20px;border-radius:4px}.send_ok{background:#9eff8d}.send_error{background:#ff9595}@media screen and (max-width:800px){.formulario__container{width:90%}.formulario-contacto{font-size:18px;font-size:16px}}@media screen and (max-width:800px){.formulario-contacto input,.formulario-contacto textarea{margin-bottom:14px}.send_error,.send_ok{margin-bottom:0}}main{display:flex;flex-direction:column;align-items:center}
/*# sourceMappingURL=main.c8dd0a81.chunk.css.map */