@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";.principal-container{display:flex;flex-direction:column;height:100%;min-height:100vh}.card{border:.12em solid var(--gray);border-radius:.4em;width:100%;max-width:25em;cursor:pointer;transition:transform .15s ease;background-color:#fff}.card:hover{transform:scale(1.03)}.card__header{padding:1.2em;aspect-ratio:1.5;border-bottom:.12em solid var(--gray);position:relative}.card__img{width:80%;height:80%;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease}.card__header:hover .card__img1{opacity:0}.card__header:hover .card__img2,.card__header:hover .card__img3,.card__img1{opacity:1}.card__img2{opacity:0}.card__body{padding:1.5em 1.2em 2em;display:grid;gap:1.5em 0;grid-template-columns:repeat(2,1fr)}.card__body__header{grid-column:span 2}.card__brand{font-size:.9em;margin-left:1em;color:#888;font-weight:300;margin-bottom:.2em}.card__name{font-size:1em;font-weight:500}.card__price__label{color:#888;margin-left:1em;font-weight:300;font-size:.9em;margin-bottom:.2em}.card__price__value{font-weight:500;font-size:1em}.card__price__value:before{content:"$";margin-right:.2em}.card__btn{display:flex;justify-content:center;align-items:center;font-size:1.5em;width:2em;aspect-ratio:1;border-radius:50%;background-color:var(--primary);color:#fff;justify-self:center;position:relative;left:1em}.card__btn:hover{filter:grayscale(0)}@media (min-width: 520px){.card{width:100%;max-width:12em}}@media (min-width: 768px){.card{width:100%;max-width:20em}}@media (min-width: 836px){.card{width:100%;max-width:23em}}@media (min-width: 992px){.card{width:100%;max-width:28em}}@media (min-width: 1200px){.card{width:100%;max-width:15em}}@media (min-width: 1300px){.card{width:100%;max-width:25em}}.home__container{min-height:calc(100vh - 220px);display:flex;justify-content:center}.home__aside{display:none}.home__main{width:100%;max-width:1600px;padding:50px 20px;display:flex;flex-direction:column;gap:2em}.home__main__header{position:relative;margin:0 30px 30px}.main__header__input{border:.12em solid var(--gray);padding:15px;font-size:1rem;width:100%;max-width:900px;display:block;margin:0 auto 15px}.main__header__input::placeholder{color:var(--gray)}.main__header__filter{background:transparent;color:var(--gray);display:block;display:flex;font-size:.95rem;margin:0 0 10px auto}.home__main__body{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:3em 3em}.filters__modal{width:300px;position:fixed;right:0;bottom:0;top:0;overflow:auto;padding:10px 13px 50px;box-shadow:#959da533 0 8px 24px;background:#fff;transform:translate(100%);transform-origin:top right;transition:.7s all ease;z-index:99}.open{transform:translate(0)}.btn--close{display:block;margin:0 0 15px auto;background:transparent;font-size:1.3rem}.filter__btn.btn--close{font-size:var(--medium-font);display:flex;justify-content:center;align-items:center;background-color:transparent;text-align:right}@media (min-width: 992px){.home__aside{display:block;width:100%;max-width:300px;padding:50px 20px 20px}.main__header__filter,.filters__modal{display:none}}.filter-drop-down{margin-bottom:10px;max-height:300px;overflow:hidden;transition:all 1s}.filter-drop-down.closed{max-height:40px}.filter-drop-down .header{display:flex;justify-content:space-between;align-items:center;padding:1px;border-bottom:.12em solid var(--gray);font-size:1.1rem;height:40px;cursor:pointer;font-weight:600}.filter-drop-down .header i{font-weight:600;font-size:1.2rem;transition:1s all}.filter-drop-down.closed .header i{transform:rotate(-180deg)}.filter-drop-down .header{align-items:center;border-bottom:2px solid var(--light-gray);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:space-between;padding:1px}.filter-drop-down .content{padding:20px 0}.form__price__row{align-items:center;display:flex;margin-bottom:17px;padding-left:10px}.form__price__row label{width:20%;margin-right:10px}.form__price__row input{border:1px solid var(--light-gray);border-radius:3px;display:block;font-size:1rem;padding:6px 10px;width:80%}.form__price button{background:var(--primary);border-radius:5px;color:#fff;display:block;margin:25px 0 20px auto;padding:8px 15px}.list__category li{margin:0 0 10px 20px;cursor:pointer}.article{margin-bottom:40px}.article__info{display:flex;margin-bottom:18px;max-width:265px}.article__image{height:70px;object-fit:contain;width:70px}.article__content{display:flex;flex-direction:column;padding:0 10px}.article__title{color:inherit;font-size:.9rem;font-weight:500;margin-bottom:10px}.article__control{display:flex;margin-bottom:20px}.article__btn{border:1px solid var(--light-gray);background:none;height:30px;line-height:1.9;width:30px}.article__value{line-height:1.7;padding:0 20px;border:1px solid var(--light-gray)}.remove-from-cart{background:transparent;color:var(--primary);border:none}.article__footer{text-align:right}.article__label{color:var(--gray);font-size:.8rem;margin-right:20px}.article__subtotal:before{content:"$";margin-right:.2em}.cart__container{display:grid;grid-template-columns:1fr;grid-template-rows:10% 70% 20%;height:100%}.cart__header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--sp-1-5) 0 0 var(--sp-1)}.cart__title{font-weight:var(--font-medium)}.cart__btn.btn--close{font-size:var(--medium-font);display:flex;justify-content:center;align-items:center;background-color:transparent}.cart__body{padding:var(--sp-1);overflow-y:auto}.cart__empty{display:flex;align-items:center;gap:var(--sp-0-5);font-size:var(--normal-font)}.cart__footer{border-top:1px solid var(--light-gray);padding:30px 20px}.cart__footer__total{display:flex;justify-content:space-between;margin-bottom:20px}.cart__label{color:var(--light-gray)}.cart__total{font-size:1.1rem}.cart__total:before{content:"$";margin-right:.2em}.btn--buy{background:var(--primary);color:#fff;padding:10px;width:100%}.navbar{height:74px}.navbar nav{background:#fbfafa;display:flex;justify-content:space-between;border-bottom:1px solid #dcd9d9}.navbar .fixed{left:0;position:fixed;right:0;top:0;z-index:99}.navbar nav .title{color:var(--primary);display:block;flex:1 1;font-size:1.8rem;font-weight:700;padding:14px 20px;text-align:left}.navbar nav .title h1{color:inherit;cursor:pointer}.navbar nav .icon{background:none;border:none;color:#ababab;font-size:1.4rem;line-height:0;padding:14px;text-align:center;width:15%;border-left:1px solid #dcd9d9}.navbar nav .icon .link{color:#ababab}.cart__modal{width:300px;min-height:calc(100vh - 220px);position:fixed;right:-300px;top:74px;bottom:0;box-shadow:#60626333 0 8px 24px;background:#fff;transition:.5s all;z-index:9}.open{right:0}.footer{background-color:var(--bg-footer);padding:30px 0;width:100%;min-height:150px;position:relative}.title--color{color:var(--text-footer)}.footer__contact{display:flex;justify-content:center;gap:1rem;list-style:none;padding:0;margin-top:2rem}.footer__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color)}.footer__item:nth-of-type(1){--color: #1da1f2}.footer__item:nth-of-type(2){--color: #c32aa3}.footer__item:nth-of-type(3){--color: #ff0000}.footer__img{width:30px;color:#fff;text-align:center}.title{text-align:center;font-size:1.2rem}.login__container{background:hsla(0,1%,72%,.1);color:#3f3e3e}.login__main{min-height:calc(100vh - 224px);display:flex;justify-content:center;align-items:center}.login{width:100%;max-width:400px;background:#ffffff;border-radius:10px;padding:25px}.login__title{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.6;margin-bottom:30px}.login__data{background:#d8f5fd;border-radius:6px;margin-bottom:20px;padding:12px}.login__subtitle{display:block;font-size:1.1rem;margin-bottom:8px;text-align:center}.login__field{margin-bottom:6px}.login__field i{font-size:1.2rem;margin-right:13px}.login__package{margin-bottom:20px}.login__label{display:block;margin-bottom:10px}.login__input{border:1px solid rgba(0,0,0,.2);border-radius:3px;display:block;margin-top:4px;padding:6px 8px;width:100%}.login__error-message{font-size:.6rem;color:#9c0c0c;font-weight:500}.login__button{text-decoration:none;background:transparent;font-size:inherit}.login__button--submit{background:#f85555;color:#fff;margin:10px 0 25px;padding:9px;width:100%;font-size:1rem}.login__navigate{font-size:.9rem}.login__package--centered{text-align:center}.login__button--link{color:#2fa8f8}.login__avatar{border-radius:50%;display:block;height:60%;margin:0 auto 20px;width:60%}.login__user{display:block;margin-bottom:10px}.product-info{display:flex;flex-direction:column}.product-info__column{width:100%}.column__brand{color:var(--gray);font-size:1.1rem;margin-bottom:10px}.column__title{margin-bottom:20px;margin-left:10px}.column__information{display:flex;flex-direction:column}.column__description{margin-bottom:30px}.column__options{display:flex;margin-bottom:20px}.column__button{border:1px solid var(--light-gray);background:none;height:30px;line-height:1.9;width:30px}.column__value{line-height:1.7;padding:0 20px;border:1px solid var(--light-gray)}.column__price{width:50%}.column__amount{font-size:1.3rem;font-weight:600;margin-left:10px}.column__amount:before{content:"$";margin-right:.2em}.column__quantity{width:50%}.column__label{color:var(--gray);margin-bottom:5px}.column__add-cart{background:var(--primary);color:#fff;font-size:1.1rem;margin-bottom:50px;padding:15px;width:100%}@media (min-width: 520px){.product-info{max-width:520px;display:flex;flex-direction:column}.product-info__column{padding:20px;width:100%}}@media (min-width: 768px){.product-info{max-width:768px;display:flex;flex-direction:row}.product-info__column{padding:20px;width:50%}}@media (min-width: 836px){.product-info{max-width:836px;display:flex;flex-direction:row}.product-info__column{padding:25px;width:50%}}@media (min-width: 992px){.product-info{max-width:992px}.product-info__column{padding:30px;width:50%}}@media (min-width: 1200px){.product-info{max-width:1200px}.product-info__column{padding:50px;width:50%}}.slider{width:100%;max-width:37.5em;aspect-ratio:1.2;overflow:hidden;position:relative}.slider__btn{position:absolute;width:2em;aspect-ratio:1;background-color:var(--primary);border-radius:50%;font-size:1.2em;color:#fff;cursor:pointer;top:50%;transform:translateY(-50%);z-index:1}.slider__next{right:0}.slider__movable{width:300%;display:flex;height:100%;transition:transform .5s ease;transform:translate(-0%)}.slider__container-img{width:calc(100%/3);height:100%;padding:2em}.slider__img{width:100%;height:100%;object-fit:contain}.suggestions{margin-bottom:70px}.suggestions__title{color:var(--primary);display:block;font-size:1.2rem;margin-bottom:20px}.suggestions__product{display:flex;flex-wrap:wrap;justify-content:center;gap:2em}.product__main{width:100%;max-width:1250px;min-height:calc(100vh - 220px);display:flex;flex-direction:column}.product-item{display:flex;align-items:center;cursor:pointer;height:80px;margin-bottom:70px}.product-item__image{width:40%;height:100%;padding:0 1em 0 10px}.product-item__image img{height:100%;object-fit:contain}.product-item__name{font-size:1rem;width:80%;margin-right:1em}.product-item__quantity{width:60px;padding:0 10px;width:23%;margin-right:1em}.box{border:1px solid var(--dark-gray);padding:10px;margin:0 auto;max-width:65px;text-align:center}.product-item__date{color:var(--dark-gray);text-align:center;width:20%;margin-right:1em}.product-item__price{font-weight:600;width:20%;text-align:center;margin-left:1em}.product-item__price:before{content:"$";margin-right:.2em}.purchases__main{width:100%;max-width:1000px;min-height:calc(100vh - 220px)}.purchases h2{margin-bottom:50px}.purchase-products-list{padding:30px 10px 10px}:root{--primary: #f85555;--light-gray: #dcd9d9;--gray: #c7c7c7;--dark-gray: #6a6868;--text-gray: #ababab;--bg-footer: #3c3c3b;--text-footer: #ffffff;--orange: #FF7143;--blue: #5454d4;--red: #C0392B;--black: #1b1a1afd;--background: #F9F8FE;--card-color: hsl(0, 0%, 90%);--body-font: "Lato", sans-serif;--big-font: 2rem;--medium-font: 1.5rem;--normal-font: 1rem;--small-font: .8rem;--tiny-font: .75rem;--font-tiny: 300;--font-normal: 400;--font-medium: 600;--font-bold: 700;--sp-0-25: .25rem;--sp-0-5: .5rem;--sp-0-75: .75rem;--sp-1: 1rem;--sp-1-5: 1.5rem;--sp-2: 2rem;--sp-2-5: 2.5rem;--sp-3: 3rem;--sp-20: 20rem;--z-fixed: 1;--z-modal: 2}*{box-sizing:border-box}html{font-family:Lato,sans-serif}body{margin:0}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}ul{padding-left:0;list-style:none}button{cursor:pointer;border:none;font-family:inherit}img{width:100%;display:block}input{outline:none;font-family:inherit}a{text-decoration:none}strong{font-family:inherit}.container{padding:20px;margin:0 auto}.btn--close,.btn--menu{display:none}::-webkit-scrollbar{width:1rem;background:var(--gray)}::-webkit-scrollbar-thumb{background:var(--primary)}::selection{background-color:var(--primary-color);color:var(--bg-color)}