@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";header{width:100%;height:70px;box-shadow:#0000001a 0 4px 12px;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;background-color:#fff;transition:all .3s}header .headerNav{width:90%;margin:auto;display:flex;align-items:center;justify-content:space-between}header .headerNav .logoBike img{width:75px}.headerResize{height:75px}header .headerNav nav{transition:all .3s}header .headerNav nav ul{background-color:#fff;list-style:none;display:flex;align-items:center;justify-content:center;gap:40px}header .headerNav nav ul li{display:inline-block;position:relative;color:#141414;font-weight:500;cursor:pointer;text-transform:uppercase;font-size:16px}header .headerNav nav ul li a{color:#141414;text-decoration:none}header .headerNav nav ul li:after{content:"";display:inline-block;position:absolute;background:#ff6900;width:100%;height:.1em;bottom:0;left:0;transition:transform .25s ease;transform:scaleX(0);transform-origin:right}header .headerNav nav ul li:hover:after{transform:scaleX(1);transform-origin:left}header .headerNav svg{display:none;width:35px;cursor:pointer}@media screen and (max-width: 768px){header .headerNav{width:85%}header .headerNav nav{width:100%;height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:absolute;top:95px;left:0}.displayNav{height:175px!important}header .headerNav nav ul{padding:20px;width:80%;border:2px solid #e7e7e7;border-top:2px solid #ff6900;box-shadow:#0000001a 0 4px 12px;gap:20px;align-items:start;flex-direction:column}header .headerNav nav ul li{width:100%;padding:5px;border-bottom:1px solid #e7e7e7}header .headerNav nav ul li:hover{background-color:#e7e7e7}header .headerNav nav ul li a{display:block}header .headerNav nav ul li a:hover{color:#141414}header .headerNav svg{display:inline}}.cartDiv{position:relative;width:35px;display:flex;align-items:center;justify-content:center;border-radius:20px;border:2px solid #ff6900;cursor:pointer;padding:5px 20px;transition:all .3s;background-color:#fff}.cartDiv:hover{background-color:#ff6900}.cartDiv img{width:30px}.cartDiv span{position:absolute;bottom:-5px;right:-5px;font-size:11px;background-color:#ff6900;color:#fff;padding:5px 8px;font-weight:600;border-radius:50%}.titleGreeting{margin:100px 50px 50px;text-align:center;font-size:2.2rem}.bikeItem{border-radius:15px;width:224px;height:350px;display:flex;align-items:center;gap:15px;flex-direction:column;background:#fff;box-shadow:#0000001a 0 4px 12px;overflow:hidden}.bikeItem img{width:100%;height:180px;object-fit:cover;overflow:hidden}.bikeItem p{font-size:1.4rem;font-weight:500}.bikeItem span{font-size:1.2rem}.bikeItem a{padding:10px 20px;font-size:1rem;border-radius:1rem;border:2px solid #ff6900;background:#ff6900;color:#fff;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none}.bikeItem a:hover{background-color:#fff;color:#ff6900}.listBikes{margin:auto;width:80%;display:grid;place-items:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px}.bgInicio{width:100%;height:100vh;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/img/bgInicio.jpg) no-repeat center center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column}.bgInicio h1{text-align:center;color:#fff;font-size:2.8rem;font-weight:800}.bgInicio p{padding:50px;text-align:center;color:#fff;font-size:1.4rem;font-weight:500}.itemDetail{margin:auto;width:85%;height:100%;background-color:#fff;border-radius:20px;box-shadow:#0000001a 0 4px 12px;display:flex;align-items:center;overflow:hidden}.itemDetailImg{width:50%}.itemDetailInfo{width:50%;padding:40px;display:flex;justify-content:center;flex-direction:column;gap:35px}.itemDetailImg img{width:100%;object-fit:cover;object-position:center}.itemDetailInfo h2{font-size:2.4rem}.itemDetailInfo p{padding:2px 8px;font-size:1.2rem}.itemDetailInfo span{font-size:2.2rem;font-weight:600}.itemDetailInfo a{font-size:1.2rem;background-color:#ff6900;border:2px solid #ff6900;border-radius:20px;padding:10px 20px;font-weight:500;color:#fff;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s}.itemDetailInfo a:hover{background-color:#fff;color:#ff6900}@media screen and (max-width: 768px){.itemDetail{flex-direction:column}.itemDetailImg{width:100%}.itemDetailImg img{height:200px}.itemDetailInfo{width:100%}.itemDetailInfo h2{font-size:2rem}.itemDetailInfo p{font-size:1.1rem}.itemDetailInfo span{font-size:1.8rem}.itemDetailInfo button{font-size:1rem}}.countContainer{display:flex;align-items:center;flex-direction:row;gap:5px}.btnCount{font-size:1.2rem;background-color:#ff6900;border:2px solid #ff6900;border-radius:20px;padding:2px 8px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s}.btnCount:hover{background-color:#fff;color:#ff6900}.btnAddCart{padding:10px 20px;font-size:1.2rem;border-radius:1rem;border:2px solid #ff6900;background-color:#ff6900;color:#fff;font-weight:500;cursor:pointer;transition:all .3s}.btnAddCart:hover{background-color:#fff;color:#ff6900}.itemDetailContainer{margin-top:100px;width:100%;height:500px}@media screen and (max-width: 768px){.itemDetailContainer{height:auto}}.cartContainer{margin-top:100px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.cartContainer h2{font-size:2.2rem}.cartContainer h3{font-size:1.3rem}.cartItemContainer{margin:50px;display:flex;align-items:center;justify-content:center;width:80%;flex-wrap:wrap;gap:25px}.cartContainer button,.cartContainer a{font-size:1rem;background-color:#ff6900;border:2px solid #ff6900;text-decoration:none;border-radius:20px;padding:5px 10px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s}.cartContainer button:hover,.cartContainer a:hover{background-color:#fff;color:#ff6900}.buttonsCart{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:20px}.carritoVacio{margin-top:100px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:30px}.carritoVacio h2{font-size:1.8rem}.carritoVacio a{font-size:1.2rem;background-color:#ff6900;border:2px solid #ff6900;text-decoration:none;border-radius:20px;padding:10px 20px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s}.carritoVacio a:hover{background-color:#fff;color:#ff6900}.cartItem{width:250px;height:150px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:20px;box-shadow:#0000001a 0 4px 12px}.cartItem h4{font-size:1.4rem}.cartItem p{font-size:1rem}.errorContainer{width:100%;margin-top:100px;display:flex;align-items:center;justify-content:center}.errorCartel{background:#fff;border:2px solid #ff6900;width:85%;height:500px;box-shadow:#0000001a 0 4px 12px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.errorCartel h2,.errorCartel span{font-size:3rem}.errorCartel p{font-size:2rem}footer{width:100%;height:200px;background:#000;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;margin-top:100px}.socialIcon{width:90%;display:flex;gap:30px;align-items:center;justify-content:center}.socialIcon a i{font-size:1.6rem;color:#fff}.socialIcon a i:hover{opacity:.6}footer hr{width:80%;color:#fff}footer p{color:#fff}footer p a{color:#fff;text-decoration:none;font-weight:600}.checkoutContainer{margin-top:100px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.checkoutContainer h2{font-size:2.2rem}.checkoutContainer p{font-size:1.2rem}.checkoutContainer form{margin-top:20px;width:80%;border-radius:20px;padding:20px;background-color:#fff;box-shadow:#0000001a 0 4px 12px;display:flex;justify-content:center;gap:50px}.itemsCheckoutContainer{width:50%;display:flex;flex-direction:column;align-items:center;gap:20px}.itemsCheckoutContainer h3{font-size:1.5rem}.itemsCheckoutContainer hr{width:100%;height:1px;background-color:#ff6900;border:2px solid #ff6900;border-radius:20px}.itemCheckout{width:100%}.itemCheckout hr{margin-top:5px;background-color:#696969;border:0px solid #696969}.infoItemCheckout{display:flex;justify-content:space-between}.infoItemCheckout p{font-weight:500;font-size:1.1rem}.infoItemCheckout span{font-size:1.2rem;font-weight:400}.formInputs{width:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.formInputs h3{font-size:1.5rem}.formInputs hr{width:100%;height:1px;background-color:#ff6900;border:2px solid #ff6900;border-radius:20px}.inputNames{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.formInputs input{width:100%;font-size:1rem;height:45px;padding:10px;border-radius:10px;border:2px solid #ff6900}.formInputs button{padding:10px 20px;border-radius:20px;border:2px solid #ff6900;background-color:#ff6900;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.formInputs button:hover{background-color:#fff;color:#ff6900}.msgFinal{margin-top:20px;font-size:1.3rem;text-align:center}@media screen and (max-width: 768px){.checkoutContainer form{flex-direction:column}.formInputs,.itemsCheckoutContainer{width:100%}.separadorMedio{display:none}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#f1f1f1}
