@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.product{width:100%;max-width:320px;background-color:#fff;transition:transform .2s ease;cursor:pointer;border-radius:.8em}.product:hover{transform:scale(1.03)}.product__header{border-bottom:1px solid #ccca;padding:1.3em;width:100%;aspect-ratio:1.5;position:relative}.product__img{width:80%;height:80%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .5s ease}.product__img-1{opacity:1}.product__img-2,.product__header:hover .product__img-1{opacity:0}.product__header:hover .product__img-2{opacity:1}.product__body{padding:1em 1.4em 2.5em;position:relative}.product__section{margin-bottom:1em}.product__subtitle{font-size:.9rem;color:#999}.product__title{font-size:1rem;font-weight:700}.product__price{display:flex;flex-direction:column;font-size:1rem}.product__price-label{color:#999;font-size:.9rem}.product__btn{color:#fff;background-color:#f85555;width:40px;aspect-ratio:1;border-radius:50%;position:absolute;right:2em;bottom:1.5em;font-size:1.2em}.product__btn:hover{filter:brightness(1.2)}.input__search-container{display:flex;justify-content:center;margin:8em 5em 3em 10em}.input__search-products{border:1px solid #ccca;width:25em}.input__search-products:focus{outline:none}.input__search-products::placeholder{opacity:.7}.search__input-btn{padding:0}.btn__search-p{font-size:1.8em;background-color:#f85555;color:#fff;padding:.2em .9em;border-radius:0 .2em .2em 0}.btn__search-p:hover{filter:brightness(1.2)}.home__filter-category{display:grid;grid-template-columns:100px 1fr;grid-template-areas:"aside main"}.child-1{grid-area:aside}.child-2{grid-area:main}.filter__section{position:fixed;display:flex;flex-direction:column;max-width:300px;height:400px;bottom:5em}.home__products{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5em;padding:2em 0;margin-left:6em}.selector__category{cursor:pointer;display:flex;gap:2em;align-items:center;margin:1em}.category__title{user-select:none;opacity:.9}.category__list{padding-bottom:2.5em}.btn-category-down{font-size:1.5em;font-weight:600;transition:transform .5s ease}.btn-category-down.bx-chevron-up{transform:rotate(180deg)}.category__list{transition:opacity .5s ease-in-out 1s}.li__product-all{user-select:none;margin:.3em 2em;position:relative;cursor:pointer}.li__product-all:hover{color:#f85555}.li__product-all:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;background-color:#f85555;transition:width .3s ease-in-out}.li__product-all:hover:after{width:80%}.filter__container{display:flex;flex-direction:column;margin:1em;column-gap:1em;user-select:none}.selector__filter{cursor:pointer;display:flex;gap:4em;align-items:center}.filter__title{opacity:.9}.btn-category-down{font-size:1.5em;font-weight:600;transition:transform 1s ease}.btn-category-down.bx-chevron-up{transform:rotate(360deg)}.form__container{display:flex;flex-direction:column;gap:1em;position:absolute}.filter-btn{background:#f85555;border-radius:5px;color:#fff;display:block;margin:1em .3em 1.2em auto;padding:8px 15px;position:relative;left:-30px}.filter-btn:hover{filter:brightness(1.2)}.from__container{display:flex;justify-content:space-around;align-items:center;gap:1em;margin:.3em 2em}.input__from{margin-top:.3em;border:1px solid #ccca;width:8em;height:2em}.input__from:focus{outline:none}.to__container{display:flex;align-items:center;justify-content:space-around;gap:1em;margin:.3em 1.3em}.input__to{border:1px solid #ccca;width:8em;margin-top:.2em;height:2em}.input__to:focus{outline:none}.footer__home-container{background:#3c3c3b;width:100%;height:8em;position:absolute;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;right:0;left:0;bottom:0}.footer__copyright{margin-top:1em;text-align:center}.images__container{display:flex;gap:2em;margin-top:1.5em;margin-bottom:1em}.img__container{width:3em;height:3em;background-color:#525251;border-radius:50%;display:flex;justify-content:center;align-items:center}.footer-img{width:2em}.img__container:hover{filter:brightness(1.2)}.body{margin:0}.header__container{position:fixed;top:0;z-index:20;padding:.5em 2em;display:flex;justify-content:space-between;align-items:center;gap:2em;width:100%;background-color:#fff}.header__logo{min-width:100px}.header__list{padding:.5em;display:flex;gap:2em}.header__items i{color:#999}.header__item-link{color:#999;font-size:20px;text-decoration:none}.bx-btn{padding-top:.2em}.header__item-link:hover{text-decoration:underline}.product__info-container{background-color:#ccca;max-width:40%;margin-bottom:2em}.brand__title{opacity:.4}.product__title{padding:1em}.product__description{line-height:1.6em;padding-bottom:2em;padding-right:1em;padding-left:1em;text-align:justify}.footer__container{display:flex;flex-direction:column;gap:1em}.price__quantity-container{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}.price__container{display:flex;flex-direction:column}.price__title{font-weight:600;opacity:.7;padding-bottom:.5em}.product__price{font-weight:600;font-size:1.2rem}.quantity__container{display:flex;flex-direction:column}.quantity__title{font-weight:600;opacity:.7;padding-bottom:.5em}.quantity__btn-container{display:flex;gap:1.5em;align-items:center}.minus__btn{font-size:1.1em;color:#f85555}.quantity__data{font-size:1.1em;user-select:none}.plus__btn{font-size:1.1em;color:#f85555}.minus__btn:hover,.plus__btn:hover{filter:brightness(1.2)}.add__cart-btn{width:100%;height:3em;background-color:#f85555;color:#fff;font-weight:600;font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:.4em;border-radius:.1em}.add__cart-btn:hover{filter:brightness(1.2)}.bx-cart{font-weight:400;font-size:1.2rem}.slider{width:100%;max-width:500px;position:relative;overflow:hidden}.slider__interior{display:flex;width:300%;transition:transform .2s ease}.slider__img-container{padding:3em;width:100%;aspect-ratio:1.5}.slider__img{width:100%;height:100%;object-fit:contain}.slider__arrowhead{width:1.6em;aspect-ratio:1;position:absolute;background-color:#f85555;color:#fff;font-size:1.5rem;top:40%;transform:translateY(-40%);border-radius:50%;z-index:10}.slider__arrowhead:hover{filter:brightness(1.2)}.slider__right{right:0}.container__footer-slider{height:5em;display:flex;justify-content:center;gap:3em}.small__imgs-container{display:flex}.small__img{object-fit:contain;cursor:pointer;padding:.3em}.small__img:hover{filter:brightness(1.3)}.image__active{border:.2em solid #f85555;border-radius:.5em}.similar__products-container{display:flex;flex-direction:column;margin-top:1em}.similar__products-title{text-align:center;color:#f85555;padding:1em}.products__container{display:flex;flex-wrap:wrap;justify-content:center;gap:2em}.slider__info-container{margin-top:1em;display:flex;justify-content:center;gap:2em;flex-wrap:wrap}.home__title-container{margin-top:5em;margin-bottom:2em;display:flex;align-items:center;gap:1em;padding:1em}.home__subtitle{color:#252424aa;font-weight:600;font-size:1rem;padding-left:5em}.home__link{text-decoration:none;color:inherit}.red__circle{width:6px;height:6px;border-radius:50%;background-color:#f85555}.register__container{display:flex;flex-direction:column;max-width:25em;background-color:#fff;margin-top:10em;margin-left:auto;margin-right:auto;padding:2em 1em;border-radius:10px}.register__title{text-align:justify;font-weight:700;line-height:1.5em;opacity:.4}.register__item{display:flex;flex-direction:column;gap:.3em}.register__label{font-size:.9rem;padding-left:1em;padding-top:1em}.register__input{padding:.3em .8em;font-size:.7rem;font-weight:300}.register__btn{padding:.5em 1em;background-color:#f85555;color:#fff;font-weight:500;border-radius:.5em;margin-top:1em;width:100%}.register__btn:hover{filter:brightness(1.15)}.login__container{display:flex;flex-direction:column;max-width:25em;background-color:#fff;margin-top:10em;margin-left:auto;margin-right:auto;padding:2em 1em;border-radius:10px}.login__title{text-align:justify;font-weight:700;line-height:1.5em;opacity:.4}.form__item{display:flex;flex-direction:column;gap:.3em}.form__label{font-size:.9rem;padding-left:1em;padding-top:1em}.form__input{padding:.3em .8em;font-size:.7rem;font-weight:300}.login__login-btn{padding:.5em 1em;background-color:#f85555;color:#fff;font-weight:500;border-radius:.5em;margin-top:1em;width:100%}.login__login-btn:hover{filter:brightness(1.15)}.prodcart{display:grid;grid-template-columns:6em 1fr 3em;gap:1em;align-items:center;width:100%;max-width:25em}.rodcart__title{font-size:1em;font-weight:500}.prodcart__delete{font-size:1.2em;width:2em;aspect-ratio:1;border-radius:50%;background-color:red;color:#fff;transition:transform .2s ease}.prodcart__delete:hover{transform:scale(1.05);filter:brightness(1.15)}.prodcart__footer{grid-column:span 3;justify-self:end;display:flex;gap:3em;align-items:center}.prodcart__quantity{border:1px solid #ccc9;padding:.2em 1em}.prodcart__subtotal{display:flex;align-items:end;gap:1em}.prodcart__subtotal-label{font-weight:300;font-size:.9rem}.prodcart__subtotal-value{font-weight:700}.prodcart__subtotal-value:before{content:"$";padding-right:.3em}.cart{display:flex;flex-direction:column;text-align:center;align-items:center}.cart__title{text-align:center;margin-bottom:1.2em}.cart__container{display:flex;flex-direction:column;gap:3em;justify-content:center;margin-bottom:3em}.cart__footer{display:grid;grid-template-columns:1fr max-content;width:100%;max-width:25em;margin-left:auto;margin-right:auto;gap:1em}.cart__total-label{justify-self:end;align-self:end;font-weight:300}.cart__total-value{font-size:1.3}.cart__total-value:before{content:"$";padding-right:.4em}.cart__btn{width:100%;font-size:1.2rem;padding:.6em;text-align:center;background-color:red;color:#fff;border-radius:.4em;grid-column:span 2}.cart__btn:hover{filter:brightness(1.15)}.purchases{display:grid;grid-template-columns:6em 1fr 3em 3em;gap:1em;align-items:center;width:100%;max-width:25em;margin:50px auto}.purchases__img{width:40px}*{box-sizing:border-box}html{font-family:Lato,sans-serif;box-sizing:border-box;height:100%}body{margin:0;position:relative;padding-bottom:16em;min-height:100%;box-sizing:inherit;background-color:#fafafa}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}button{border:none;font-family:inherit;cursor:pointer}img{display:block;width:100%}