body{margin:0;padding:0;display:flex;flex-wrap:wrap;background:#fff}header{width:100%;height:70px;display:flex;flex-wrap:wrap;position:fixed;background:#fffdde;z-index:1000}.tracero{width:70%;height:70px;background:#fffdde}.delantero{width:300px;height:150px;position:absolute;background:#fffdde;margin-left:5%;padding-left:25px;padding-top:40px;box-shadow:0 0 10px rgba(0,0,0,.5)}.tracero img{width:180px;height:50px;margin-left:8%;margin-top:10px}.delantero img{width:250px;height:70px}.caja-de-principal{display:flex;flex-wrap:wrap;width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;margin-top:200px}.h{width:50%;height:75px;text-align:center;font-weight:700;font-family:'Open Sans',sans-serif;margin-bottom:20px;margin:auto;transition:.7s}.h a{text-decoration:none;color:green}.h:hover a{color:rgba(24,89,37,.7)}.h h1{transform:translateY(-4px)}.cajamayor{width:100%;height:auto;display:flex;flex-wrap:wrap}.banner-imagen{width:80%;height:500px;overflow:hidden;padding:5px;margin:auto;display:flex;flex-wrap:wrap;overflow:hidden;position:relative}.banner-imagen img{width:100%;height:100%;border-radius:10px 10px 0 0;object-fit:cover}.articulo-producto{width:100%;height:100px;text-align:center;color:#333;transition:.5s;line-height:5px;padding-top:10px}.articulo-producto h2{font-size:30px;font-weight:700;font-family:'Open Sans',sans-serif}.articulo-producto p{font-size:18px;font-weight:600;font-family:'Open Sans',sans-serif}.buscador{width:30%;height:70px;display:flex;flex-wrap:wrap-reverse;justify-content:center;padding-top:20px}.cajabuscar{text-align:center}.cajabuscar input{display:inline-block;position:relative;box-sizing:border-box}.cajabuscar input[type=text]{font-size:16px;border-radius:30px 0 0 30px;border:solid 1px green;color:green;padding:5px 0 4px 20px;outline:0;overflow:hidden}.cajabuscar:hover input[type=text]{border:solid 1px #fff}.cajabuscar input[type=submit]{display:none}.cajabuscar label{width:30px;height:30px;background:green;color:#fff;border-radius:0 30px 30px 0;transition:.3s;position:absolute;border:solid 1px green;padding-left:1px;padding-top:3px}.cajabuscar:hover label{cursor:pointer;background:#fff;color:green;border:solid 1px #fff}@media(max-width:1023px){.tracero{width:50%}.buscador{width:50%}.cajamayor{width:100%;height:auto}.banner-imagen{width:100%;height:600px}.h{width:70%}}