@font-face{font-family:ProductSansRegular}@font-face{font-family:ProductSansBold}body{padding:0;background-color:"#fff";font-family:ProductSansRegular}.how-to{padding-left:25px;padding-top:65px}.how-to-left{text-align:center}.how-to-left>h1{font-size:26px;color:#3e3e3e;font-weight:800;padding-bottom:20px}.how-to-content{font-size:16px;padding-right:20px;font-family:ProductSansRegular}.how-to-content img{width:70px;height:70px}.how-to-content span{font-weight:700;font-size:1.5em;padding-left:20px}.recicla{background-color:#fff;height:200px}.siguiente{height:140px;padding-top:20px;padding-bottom:20px}.codigo_orden{-webkit-text-decoration:underline solid #1be9b6;text-decoration:underline solid #1be9b6;font-size:24px}.boton-recicla{padding-top:70px;height:100px}.footer{position:absolute;bottom:0;width:100%}@media screen and (max-width:1200px){.how-to-content span{font-size:18px}}@media screen and (max-width:1100px){.how-to-content span{font-size:17px}}@media (min-width:1200px){.container{max-width:1400px}}a:link{text-decoration:none}.how-to-content p{padding-top:20px;padding-left:100px;text-align:justify}.container-fluid{padding-right:0;padding-left:0;margin-right:0;margin-left:0}.menu{background-color:#fff}.logo{margin-right:50px;margin-left:50px;max-width:80px!important}.banner,.foto-materials{position:relative}.foto-materials:hover{background-color:#3e3e3e}.col{padding-left:0;padding-right:0}.texto-banner{top:25%;padding:30px}.texto-banner,.texto-banner-short{position:absolute;left:15%;background-color:"#1BE9B6";font-size:2vw;-webkit-transform:translate(-30%,-10%);transform:translate(-30%,-10%)}.texto-banner-short{width:280px;top:35%;padding:10px}.texto-foto{position:absolute;top:95%;left:5%;background-color:"#1BE9B6";padding:10px;font-size:2vw;-webkit-transform:translate(-5%,-85%);transform:translate(-5%,-85%);color:#fff;font-weight:700}.title{border-bottom:8px solid #57c4d0;width:350px;margin-bottom:40px;text-align:left!important}.enlace-texto-banner{color:#fff!important}.btn-ingresa{background-color:#00f;color:#fff;margin-right:30px;font-size:14px}.sombra>li:hover{background-color:#1be9b6;color:#fff!important}.sombra>li{color:#fff}li{-webkit-transition:color .8s linear .2s;transition:color .8s linear .2s}button:focus{outline:0}.list-inline-item{padding-right:30px;color:#eee}.list-inline-item a{color:#626262;font-weight:700;font-family:ProductSansBold}.sombras{box-shadow:-4px 4px 11px 0 rgba(51,51,51,.25);min-height:50px;max-width:50px;position:relative;border-radius:50%;margin-bottom:-30px;color:#626262;text-align:center;font-size:30px;vertical-align:middle;background-color:#fff;padding-left:0;padding-right:0;padding-top:5px}.input-group-text{background-color:#fff!important;border-left:0}.input-contact-user{background-image:url(/user.png)}.input-contact-mail,.input-contact-user{padding-top:2px;vertical-align:top;width:450px!important;background-repeat:no-repeat;background-position:98%}.input-contact-mail{background-image:url(/email-black.png)}textarea.input-message{height:40px;margin-top:20px}textarea.input-message:focus{height:100px}textarea.input-message{-webkit-transition:height .8s linear .2s;transition:height .8s linear .2s}.contenedor-img{width:300px;height:200px;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;background:#fff}.mascara{background-color:rgba(0,0,0,.4)}.mascara,.mascarados{width:100%}.mascara,.mascarados,div:hover.mascara{height:100%;position:absolute;overflow:hidden;top:0;left:0}div:hover.mascara{background:rgba(0,0,0,.5)}div:hover.mascarados{height:100%;position:absolute;overflow:hidden;top:0;left:0;background:red}.contenedor-img img{display:block;position:relative}.contenedor-img h2{text-transform:uppercase;font-size:17px;padding:10px;background:rgba(0,0,0,.9);margin:20px 0 0}.contenedor-img h2,.contenedor-img p{color:#fff;text-align:center;position:relative}.contenedor-img p{font-size:12px;padding:10px 20px}.contenedor-img a.link{display:inline-block;text-decoration:none;padding:7px 14px;background:#222;color:#fff;text-transform:uppercase;box-shadow:0 0 1px #000}.contenedor-img a.link:hover{box-shadow:0 0 5px #000}.ejemplo-1 img{-webkit-transition:all .2s linear;transition:all .2s linear}.ejemplo-1 .mascara{opacity:0;background-color:rgba(46,157,120,.7);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ejemplo-1 h2{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.ejemplo-1 p{-webkit-transform:translateX(200px);transform:translateX(200px);opacity:0;-webkit-transition:all .4s linear;transition:all .4s linear}.ejemplo-1 a.link{opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:translateY(100px);transform:translateY(100px)}.ejemplo-1:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.ejemplo-1:hover .mascara{opacity:1}.ejemplo-1:hover a.link,.ejemplo-1:hover h2,.ejemplo-1:hover p{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.ejemplo-1:hover p{-webkit-transition-delay:.1s;transition-delay:.1s}.ejemplo-1:hover a.link{-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translateY(0);transform:translateY(0)}.ir-arriba{display:none;box-shadow:-4px 4px 11px 0 rgba(51,51,51,.25);padding:20px;background:#fff;font-size:20px;color:#626262;cursor:pointer;position:fixed;bottom:180px;right:20px;height:55px;border-radius:50%}div#info{position:absolute;width:100%;height:100%;overflow:hidden;background-color:rgba(31,31,31,.9);-webkit-transition:opacity .2s;opacity:0}div.foto-materials:hover div#info{opacity:1}p#headline{position:absolute;-webkit-transition:margin .2s;margin-left:-195px;margin-top:20px;font-size:2vw;color:#fff}div.foto-materials:hover p#headline{margin-left:240px}p#info2{width:100%;text-align:center;color:#fff;margin:460px auto auto;-webkit-transition:margin .3s;font-size:1.2vw;padding:10px}div.foto-materials:hover p#info2{margin-top:10px}.contacto{text-align:"center";color:"28B463"}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:"#ffffff"}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul.nav a:hover{color:tomato!important}
/*# sourceMappingURL=main.28b6ed06.chunk.css.map */