*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}nav{align-items:center;background-color:#16a5a3;display:flex;height:20%;justify-content:space-between;position:relative;width:100%}nav img{height:50%;object-fit:cover;width:10%}nav .enlace{display:flex;gap:20px}nav .enlace .enlace-base{color:#f0f0f0;font-size:3vmin;font-weight:600;padding:0 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease-in-out}nav .enlace .enlace-base:hover{color:#faaf38;font-weight:700;-webkit-transform:scale(1.05);transform:scale(1.05)}nav .enlace .enlace-base:before{background:#faaf38;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:all .5s;width:0}nav .enlace .enlace-base:hover:before{width:50%}.graphic{display:grid;grid-template-columns:1fr 75%;padding-top:3rem;position:relative}.graphic .graphic-man{grid-column-start:2;width:100%}.graphic .graphic-go{mix-blend-mode:screen;position:absolute;right:28%;top:24%;-webkit-transform:rotate(5deg);transform:rotate(5deg);width:10%}.graphic .graphic-circle{aspect-ratio:1/1;height:60%;position:absolute}.graphic .graphic-circle img{height:100%;mix-blend-mode:screen;position:absolute;width:100%}.graphic .graphic-circle .graphic-tecnologia{-webkit-animation:turn1 5s linear infinite;animation:turn1 5s linear infinite}.graphic .graphic-circle .graphic-energy{-webkit-animation:turn1 15s linear infinite;animation:turn1 15s linear infinite}@-webkit-keyframes turn1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes turn1{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main-banner{background:radial-gradient(79.43% 251.58% at 23.18% 73.07%,#225b79,#3892c2 44.41%,#216080 56.43%,#19475f 69.58%,#102b39 100%,#010304 0);height:60%;padding:10px 0;width:100%}.main-banner .grid-container{grid-gap:1rem;display:grid;gap:1rem;margin:auto;padding:1rem;width:100%}.main-banner .content{align-items:center;border-radius:10px;box-shadow:0 15px 50px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;width:80%}.main-banner .content h1{font-size:5vmin;font-weight:400;margin-bottom:20px}.main-banner .content p{line-height:30px}.main-banner .content button{height:20%;width:60%}.main-banner .content .btn{background:#225b79;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:2.5vmin;letter-spacing:1px;text-transform:uppercase;transition:all .5s}.main-banner .content .btn:hover{background:#3892c2;-webkit-transform:scale(1.1);transform:scale(1.1)}.main-banner .graphic-principal{align-items:center;display:flex;justify-content:center;overflow:hidden;width:80%}@media screen and (min-width:1024px){.grid-container{grid-template-columns:repeat(2,1fr);max-width:1200px}}@media screen and (min-width:769px) and (max-width:1023px){.grid-container{grid-column:auto!important;grid-row:span 2!important}}.main-form{align-items:center;background:radial-gradient(79.43% 251.58% at 23.18% 73.07%,#225b79,#3892c2 44.41%,#216080 56.43%,#19475f 69.58%,#102b39 100%,#010304 0);display:flex;height:60%;justify-content:center;padding:10px 0;width:100%}.main-form .container-Form{display:flex;height:500px;position:relative;width:90%;z-index:1}.main-form .container-Form .info{background:linear-gradient(0deg,#cfeffb,#a7d9f2);box-shadow:10px 5px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;height:calc(100% - 80px);justify-content:space-around;padding:40px;position:relative;top:40px;width:350px;z-index:1}.main-form .container-Form .info h1{font-size:24px;font-weight:600}.main-form .container-Form .info h2{font-size:18px;font-weight:600}.main-form .container-Form .info .info-text{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:20px 0}.main-form .container-Form .info .info-text .item-span{display:flex;padding:10px}.main-form .container-Form .info .info-text .item{cursor:pointer;display:flex}.main-form .container-Form .info .info-text .item span{color:linear-gradient(0deg,#cfeffb,#a7d9f2)}.main-form .container-Form .info .info-text .item span:hover{color:blue}.main-form .container-Form .info .info-text .item .icon{font-size:30px;margin-right:20px;width:25px}@media screen and (min-width:300px) and (max-width:1023px){.main-form .container-Form{height:auto}.main-form .container-Form .info{display:none}.main-form .container-Form .form{margin-left:0;width:auto}.main-form .container-Form .form ul{flex-direction:column}}.main-form .form{background:#fff;box-shadow:0 0 30px rgba(0,0,0,.5);height:100%;margin-left:350px;padding:70px 50px;position:absolute;width:calc(100% - 350px)}.main-form .form h2{color:#0f3959}.main-form .form ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:30px;width:100%}.main-form .form li{list-style:none;margin-bottom:35px;position:relative}.main-form .form li:has(.w50){width:calc(50% - 5px)}.main-form .form li:has(.w100){width:100%}.main-form .form li .input-box button,.main-form .form li .input-box input,.main-form .form li .input-box textarea{border:none;border-bottom:1px solid #777;color:#333;font-size:18px;outline:none;padding:5px 0;resize:none;width:100%}.main-form .form li .input-box textarea{min-height:90px}.main-form .form li .input-box span{color:#888;font-size:16px;left:0;letter-spacing:1px;padding:5px 0;pointer-events:none;position:absolute;top:0;transition:all .5s}.main-form .form li .input-box input:focus~span,.main-form .form li .input-box input:valid~span,.main-form .form li .input-box textarea:focus~span,.main-form .form li .input-box textarea:valid~span{color:#03a9f4;font-size:14px;font-weight:400;letter-spacing:1px;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.main-form .form li .input-box button{background:#03a9f4;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;max-width:150px;padding:8px 15px;transition:all .5s}.main-form .form li .input-box button:hover{background:#0f3959;color:#fff}.footer{background-color:#16a5a3;flex-wrap:wrap;font-size:3vmin;height:50%;width:100%}.footer,.footer a{align-items:center;display:flex;justify-content:center}.footer a{color:hsla(0,0%,100%,.5);height:100%;margin:0 50px;text-decoration:none;transition:all .5s;width:40%}.footer a .contacto-texto{display:none;margin-left:5px}@media screen and (min-width:768px){.footer a .contacto-texto{display:inline}.footer a .iconW{color:green}.footer a .icon:hover,.footer a .iconW:hover{background:rgba(0,0,0,.1);box-shadow:0 0 10px 5px rgba(0,0,0,.1)}}@media screen and (min-width:516px) and (max-width:767px){.footer .sociales{flex-direction:column;gap:15px;width:100%}.footer .footer a{justify-content:flex-start;margin:0;padding-left:10%;width:100%}}@media screen and (min-width:768px){.footer .sociales{flex-direction:row;gap:30px;justify-content:center}.footer a{font-size:18px;justify-content:center;margin:0 50px;width:auto}}@font-face{font-display:swap;font-family:Orbitron;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyxSmxpg.ttf) format("truetype")}body{margin:0;min-height:100vh;padding:0}.body{align-items:center;height:100vh;justify-content:center}.App,.body{display:flex}.App{flex-direction:column;min-height:100vh}.App footer{height:150px;width:100%}@media screen and (min-width:1024px){.App{flex:75% 1}}@media screen and (max-width:800px){html{flex:50% 1;font-size:14px}}@media screen and (max-width:480px){html{flex:100% 1;font-size:13px}}.absolute{position:absolute}.main-description{align-items:center;background:radial-gradient(79.43% 251.58% at 23.18% 73.07%,#225b79,#3892c2 44.41%,#216080 56.43%,#19475f 69.58%,#102b39 100%,#010304 0);display:flex;flex-direction:column;padding:20px}.main-description h1{color:#add8e6;font-size:20px}.main-description h2{color:#add8e6;font-size:16px;padding:20px}.main-description p{color:#add8e6;margin:10px 0}.main-description .conteiner-gallery{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.main-description .conteiner-gallery .card{box-shadow:0 5px 10px 5px rgba(0,0,0,.5);height:280px;margin:15px;overflow:hidden;position:relative;width:400px
  /* !Este hover hace que el fondo del texto tape la image y aparesca el texto*/}.main-description .conteiner-gallery .card .content,.main-description .conteiner-gallery .card .img{height:100%;left:0;position:absolute;top:0;width:100%}.main-description .conteiner-gallery .card .img img{height:100%;object-fit:cover;object-position:center;width:100%}.main-description .conteiner-gallery .card:hover .content:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.main-description .conteiner-gallery .card:hover .content .text{-webkit-transform:translateX(0);transform:translateX(0);transition-delay:.8s}.main-description .conteiner-gallery .card .content{align-items:center;background-color:rgba(0,0,0,.5);display:flex;font-size:20px;justify-content:center;padding:10px;text-align:center}.main-description .conteiner-gallery .card .content:before{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.5s;width:100%}.main-description .conteiner-gallery .card .content .text{padding:30px;-webkit-transform:translateX(-400px);transform:translateX(-400px);transition:all .5s;z-index:1}.main-description .conteiner-gallery .card .content .text h3{font-size:1.8rem;letter-spacing:1px;text-transform:uppercase}.main-description .conteiner-gallery .card .content .text p{color:#262626}
/*# sourceMappingURL=main.cea06241.css.map*/