@import"https://fonts.googleapis.com/css2?family=Rock+Salt&family=Rubik&display=swap";:root{--clr-primary-1: hsl(21, 91%, 17%);--clr-primary-2: hsl(21, 84%, 25%);--clr-primary-3: hsl(21, 81%, 29%);--clr-primary-4: hsl(21, 77%, 34%);--clr-primary-5: hsl(21, 62%, 45%);--clr-primary-6: hsl(21, 57%, 50%);--clr-primary-7: hsl(21, 65%, 59%);--clr-primary-8: hsl(21, 80%, 74%);--clr-primary-9: hsl(21, 94%, 87%);--clr-primary-10: hsl(21, 100%, 94%);--clr-grey-1: #102a42;--clr-grey-2: hsl(211, 39%, 23%);--clr-grey-3: hsl(209, 34%, 30%);--clr-grey-4: hsl(209, 28%, 39%);--clr-grey-5: hsl(210, 22%, 49%);--clr-grey-6: hsl(209, 23%, 60%);--clr-grey-7: hsl(211, 27%, 70%);--clr-grey-8: hsl(210, 31%, 80%);--clr-grey-9: hsl(212, 33%, 89%);--clr-grey-10: hsl(210, 36%, 96%);--clr-white: #fff;--clr-red-dark: hsl(360, 67%, 44%);--clr-red-light: hsl(360, 71%, 66%);--clr-green-dark: hsl(125, 67%, 44%);--clr-green-light: hsl(125, 71%, 66%);--clr-black: #222;--transition: all .3s linear;--spacing: .1rem;--radius: .25rem;--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--dark-shadow: 0 5px 15px rgba(0, 0, 0, .2);--max-width: 1170px;--fixed-width: 620px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Rubik,system-ui,sans-serif;background:var(--clr-white);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem;font-weight:400}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:var(--clr-grey-5)}@media screen and (min-width: 800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4,body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.b-hidden{overflow:hidden}.img{max-width:30%;display:block;margin-left:auto;margin-right:auto}.text-slanted{font-family:Rock Salt}.section-center{width:90vw;max-width:var(--max-width);margin:0 auto}.section{padding:5rem 0}.btn{background:var(--clr-black);color:var(--clr-white);border-radius:var(--radius);padding:.375rem .75rem;text-transform:uppercase;letter-spacing:var(--spacing);display:inline-block;transition:var(--transition);border-color:transparent;cursor:pointer}.btn:hover{background:var(--clr-primary-5)}.section-loading{position:absolute;top:2rem;left:50%;transform:translate(-50%,-50%);text-align:center}.page-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--clr-grey-10);display:flex;align-items:center;justify-content:center}.no-margin{margin:0}.navbar{height:6rem;background:transparent;display:flex;align-items:center;justify-content:center}.nav-center{width:90vw;max-width:var(--max-width);display:flex;justify-content:space-between;align-items:center}.nav-logo{padding:0 1rem;height:48px}.nav-links{display:none}.toggle-nav{position:fixed;bottom:30px;right:20px;background:var(--clr-primary-5);border-color:transparent;color:var(--clr-white);width:3.75rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:2rem;cursor:pointer;transition:var(--transition);z-index:1}.toggle-nav:hover{background:var(--clr-black)}.menu-outline{font-size:2.5rem}.toggle-container{position:relative;margin-top:.75rem}.toggle-cart{background:transparent;border-color:transparent;font-size:1.6rem;color:var(--clr-white);cursor:pointer;font-size:2rem;margin-right:1rem}.cart-outline{font-size:2rem;color:var(--clr-black)}.cart-item-count{position:absolute;top:-.85rem;right:.4rem;background:var(--clr-red-dark);width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;color:var(--clr-white);font-weight:700;font-size:1rem;user-select:none}@media screen and (min-width: 800px){.nav-center{position:relative}.nav-flex{display:flex}.toggle-nav{display:none}.nav-links{display:flex;font-size:1.5rem;text-transform:capitalize}.nav-link{color:var(--clr-white);margin-right:3rem;letter-spacing:var(--spacing);transition:var(--transition);font-size:1.25rem}.nav-link:hover{color:var(--clr-primary-5)}}.page .nav-link{color:var(--clr-grey-1)}.page .nav-link:hover{color:var(--clr-primary-5)}.page .toggle-cart{color:var(--clr-grey-1)}.hero{min-height:100vh;margin-top:-6rem;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/assets/hero-image-9946bcf6.jpg) center/cover;display:grid;place-items:center;color:var(--clr-white)}.hero-container{width:77vw;max-width:var(--max-width)}.hero h3{text-transform:none;font-size:1.5rem}.hero-btn{color:var(--clr-white);background:transparent;border:1px solid var(--clr-white);padding:.5rem .75rem;display:inline-block;margin-top:.75rem;text-transform:uppercase;letter-spacing:var(--spacing);border-radius:var(--radius);transition:var(--transition)}.hero-btn:hover{background:var(--clr-white);color:var(--clr-primary-5)}@media screen and (min-width: 800px){.hero h3{font-size:1.5rem;margin:1rem 0}}@media screen and (min-width: 992px){.hero h1{font-size:4rem;letter-spacing:5px}.hero h3{font-size:2.75rem;margin:1.5rem 0}}.sidebar-overlay{position:fixed;top:0;right:0;width:100%;height:100%;display:grid;place-items:center;z-index:-1;transition:var(--transition);opacity:0;background:rgba(0,0,0,.5)}.sidebar-overlay.show{opacity:1;z-index:100}.sidebar{width:90vw;height:95vh;max-width:var(--fixed-width);background:var(--clr-white);border-radius:var(--radius);box-shadow:var(--dark-shadow);position:relative;padding:4rem;transform:scale(0);border:1px solid grey}.show .sidebar{transform:scale(1)}.sidebar-close{font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-red-dark);position:absolute;top:1rem;right:1rem;cursor:pointer}.sidebar-link{display:flex;align-items:center;font-size:1.5rem;text-transform:capitalize;color:var(--clr-grey-1)}.sidebar-link .icon{margin-right:16px;color:var(--clr-primary-5)}.sidebar-link i{color:var(--clr-grey-5);margin-right:1rem;margin-bottom:1rem}@media screen and (min-width: 800px){.sidebar-overlay{display:none}}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:var(--transition);opacity:0;z-index:-1}.cart-overlay.show{opacity:1;z-index:100}.cart{position:fixed;top:0;right:0;width:100%;height:100%;max-width:400px;background:var(--clr-grey-10);padding:3rem 1rem 0;display:grid;grid-template-rows:auto 1fr auto;transition:var(--transition);transform:translate(100%);overflow-y:scroll}.show .cart{transform:translate(0)}.cart-close{font-size:2rem;background:transparent;border-color:transparent;color:var(--clr-red-dark);position:absolute;top:.5rem;left:1rem;cursor:pointer}.cart header{text-align:center}.cart header h3{font-weight:700}.cart-total{text-align:center;margin-bottom:2rem;font-weight:700}.cart-checkout{display:block;width:75%;margin:0 auto;margin-bottom:3rem}.cart-item{margin:1rem 0;display:grid;grid-template-columns:auto 1fr auto;column-gap:1.5rem;align-items:center}.cart-item-img{width:75px;height:50px;object-fit:cover;border-radius:var(--radius)}.cart-item-img-cart{width:30px;max-width:100%;height:auto;margin-left:21px;margin-right:23px}.cart-item-name{margin-bottom:.15rem}.cart-item-price{margin-bottom:0;font-size:.75rem;color:var(--clr-grey-3)}.cart-item-remove-btn{background:transparent;border-color:transparent;color:var(--clr-grey-5);letter-spacing:var(--spacing);cursor:pointer}.cart-item-amount{margin-bottom:0;text-align:center;color:var(--clr-grey-3);line-height:1}.cart-item-increase-btn,.cart-item-decrease-btn{background:transparent;border-color:transparent;color:var(--clr-primary-5);cursor:pointer;font-size:.85rem;padding:.25rem}.scanner span{color:transparent;font-size:1.4rem;position:relative;overflow:hidden}.scanner span:before{content:"Cargando...";position:absolute;top:0;left:0;width:0;border-right:1px solid var(--clr-grey-2);overflow:hidden;color:var(--clr-grey-2);animation:load91371 2s linear infinite}@keyframes load91371{0%,10%,to{width:0}10%,20%,30%,40%,50%,60%,70%,80%,90%,to{border-right-color:transparent}11%,21%,31%,41%,51%,61%,71%,81%,91%{border-right-color:var(--clr-grey-2)}60%,80%{width:100%}}.title h2{display:flex;justify-content:center;align-items:center;font-weight:500}.title span{color:var(--clr-primary-5);font-size:.85em;margin-right:1rem}.product-img{height:15rem;object-fit:cover;border-radius:var(--radius)}.product-container{position:relative}.product-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:flex;transition:var(--transition)}.product-icon{width:2.25rem;height:2.25rem;background:var(--clr-primary-5);color:var(--clr-white);display:grid;place-items:center;border-radius:50%;transition:var(--transition);cursor:pointer;font-size:1rem;border-color:transparent;margin:0 .5rem}.product-icon:hover{background:var(--clr-primary-7)}.product-container:hover .product-icons{opacity:1}.product footer{padding:.75rem 0;text-align:center}.product-name{margin-bottom:.25rem;text-transform:capitalize;letter-spacing:var(--spacing)}.product-price{margin-bottom:0;color:var(--clr-grey-3);font-weight:700}.featured-center{margin:3rem auto 2rem;display:grid;gap:1rem;min-height:6rem;position:relative}.featured .btn{display:block;width:11rem;margin:0 auto;text-align:center}@media screen and (min-width: 992px){.featured-center{display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width: 1200px){.featured-center{display:grid;grid-template-columns:repeat(3,1fr)}.product .img{height:13rem}}.about-text{line-height:2;max-width:45em;margin:0 auto;margin-top:2rem}.products{width:90vw;display:grid;grid-gap:1rem;margin:4rem auto;max-width:var(--max-width);position:relative}.filters-container{position:sticky;top:1rem}.filters h4{font-weight:500;margin:1.5rem 0 .5rem}.search-input{padding:.5rem;background:var(--clr-grey-10);border-radius:var(--radius);border-color:transparent;letter-spacing:var(--spacing);outline-color:var(--clr-primary-5);width:100%}.search-input::placeholder{text-transform:capitalize}.company-btn{display:block;margin:.25em 0;padding:.25rem;text-transform:capitalize;background:transparent;border-color:transparent;letter-spacing:var(--spacing);color:var(--clr-grey-5);cursor:pointer;transition:var(--transition)}.company-btn:hover{color:var(--clr-grey-3)}.price-filter{background:var(--clr-grey-5)!important;color:var(--clr-grey-5)}@media screen and (min-width: 768px){.products{grid-template-columns:230px 1fr}.categories{position:sticky;top:1rem}}@media screen and (min-width: 992px){.products-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.products-container .product-img{height:10rem}.products-container .product-name,.products-container .product-price{font-size:.85rem}}@media screen and (min-width: 1170px){.products-container{grid-template-columns:repeat(3,1fr)}}.filter-error{width:100%;text-align:center;margin-top:4rem;grid-column:1 / 4}.page-hero{min-height:15vh;display:grid;place-items:center;background:var(--clr-primary-5);color:var(--clr-white)}.page-hero-title{font-weight:500}.single-product{padding:2rem 0}.single-product-center{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.single-product-img{max-height:18rem}.single-info{display:flex;flex-direction:column}.addToCartBtn{max-width:100%;margin:0 auto}.single-product-price{text-align:center;font-weight:700;font-size:1.3rem;margin-bottom:10px}.product-color{display:inline-block;width:1rem;height:1rem;border-radius:50%;background:#222;margin:.5rem .5rem 1.5rem 0}.single-product-desc{max-width:25em;line-height:1.8}@media screen and (min-width: 768px){.single-product-center{flex-direction:row}.addToCartBtn{min-width:207px}}