body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#c1b19d,#cbbdad);background-image:url(https://www.pngmart.com/files/1/Coffee-Beans-Transparent-Background.png);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.shadow{box-shadow:0 4px 20px 0 rgba(0,0,0,.85);border-radius:.5rem}.loadingProd{text-align:center;font-size:2rem;font-weight:700;color:#604525}.loading{text-align:center}.containerForm,.loading{background-color:#f0eeeb;margin:5rem}.containerForm{padding:2rem;box-shadow:0 4px 20px 0 rgba(0,0,0,.85)}.containerForm h1{text-align:center;letter-spacing:.2rem;color:#604525}.btnConf{background-color:#a58b6e;border:none;border-radius:.2rem;text-transform:uppercase;width:10rem;margin-top:1rem;margin-bottom:1rem}@media (max-width:420px){.redirect{display:flex;flex-direction:column;align-items:center}}.redirect{text-decoration:none;color:#604525}.redirect a{color:#4f391f;text-decoration:none;margin-left:1rem;text-transform:uppercase;font-weight:bolder}.buttonsConfirm a:hover{color:#000}.buttonsConfirm a{margin-left:1rem}.buttonsConfirm,.buttonsExtra{display:flex;flex-direction:column;align-items:center}.btnConf.google{width:15rem}.successMsg{color:#cbbdad;font-size:1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav{width:100%;display:flex;justify-content:center;align-items:center;background-color:#f0eeeb}.nav img{width:8rem;height:auto}.navLink{text-decoration:none;color:#815c32;padding:2rem;text-transform:uppercase;font-weight:700}.navLink:hover{color:#000}.rightSide{display:flex;flex-direction:column;align-items:center;margin-right:3rem}.userName{font-size:.8rem;color:#815c32}.logout{font-size:.6rem;background-color:#a58b6e;border:none;border-radius:.1rem;color:#f0eeeb}.righSideIn{display:flex;align-items:center}@media (max-width:420px){.nav{display:flex;flex-direction:column;align-items:center}.nav .navLink{margin:.5rem}.rightSideIn{display:flex;flex-direction:column;align-items:center}.rightSide{display:flex;flex-direction:row;align-items:baseline;margin-left:1rem}.rightSide,.userName{margin-right:1rem}.nav img{width:8rem;margin:0}}.cartIcon{color:#815c32}i.cartIcon{font-size:1rem}.navCart .cartCounter{color:#815c32;font-size:1rem;margin-left:.5rem;margin-right:.5rem;font-weight:700}.navCart{text-decoration:none;color:#815c32;display:flex;align-items:flex-start;height:1.5rem}.navCart:hover{color:#000}.error{background-color:red}.success{background-color:#a58b6e}.message{position:absolute;top:100px;right:5px;width:auto;height:auto;padding:10px;color:#fff}.itemListC{display:grid;grid-template-areas:"t" "p"}.itemListContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;grid-area:p;margin-right:0}.cat{grid-area:t;position:fixed;display:grid;align-items:stretch;top:95px}@media (max-width:420px){.cat{position:inherit;justify-items:center}.itemListC{justify-content:center}}.card-img-top{width:10rem}.card{text-align:center;align-items:center;width:30rem;height:25rem;display:flex;margin:1rem;background-color:#f0eeeb}.card-title{color:#4f391f;letter-spacing:.2rem;font-weight:700}.buttonDetail{background-color:#a58b6e;color:#f0eeeb;text-decoration:none;text-transform:uppercase;padding:.5rem;border-radius:.3rem}a.buttonDetail:hover{color:#000}.errorMsg{font-size:1rem}.itemList{width:100%;height:450px;flex-wrap:nowrap;align-items:center;margin-top:20px}.filter-box,.itemList{display:flex;flex-direction:column}.filter-box{padding-left:15px;background-color:#f0eeeb;padding-right:1rem;padding-bottom:1rem;height:100%;border-radius:.5rem}.filter-box h6{color:#604525;letter-spacing:.1rem;text-transform:uppercase;font-weight:700;margin-top:1rem;text-decoration:underline}.filter-box span{cursor:pointer}.filter-box span:hover{color:#000}.filter-box a{text-decoration:none;color:#604525;margin-top:1rem;font-weight:700}.filter-box a:hover{color:#000}@media (max-width:420px){.filter-box{display:flex;flex-direction:column;align-items:center;padding:0;margin-top:0}}.loader__div{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:rgba(68,68,68,.06666666666666667);z-index:2}.loader{width:6rem;height:6rem;border-radius:50%;border:.5rem solid rgba(68,68,68,.26666666666666666);border-left-color:#fff;-webkit-animation:spin 1s ease infinite;animation:spin 1s ease infinite;z-index:1}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.itemDetailContainer{display:grid;grid-template-areas:"img itemd";background-color:#f0eeeb;margin:5rem;padding:2rem}.itemDetail{display:grid;grid-template-areas:"h5" "pd" "pv" "pw" "p" "button";justify-items:center}.itemDetailContainer .itemDetail{grid-area:itemd}.itemDetailContainer img{width:20rem;grid-area:img}.itemDetail h5{font-size:2rem;grid-area:h5;color:#4f391f;letter-spacing:.2rem;margin-top:1rem;font-weight:700;text-align:center}.itemDetail .description{grid-area:pd;color:#91724e;font-weight:700;letter-spacing:.1rem;text-align:center}.itemDetail .variety{grid-area:pv;color:#91724e}.itemDetail .weight{grid-area:pw;color:#91724e}.itemDetail .price{grid-area:p;color:#000;font-weight:700;margin:2rem}.itemDetail .buttonCount{grid-area:button}@media (max-width:420px){.itemDetailContainer{display:flex;flex-direction:column;align-items:center}.itemDetailContainer img{width:10rem}}.back{text-decoration:none;color:#4f391f;margin-left:1rem;margin-right:1rem;text-transform:uppercase}.back:hover{color:#000}.buttonCount{display:flex;flex-direction:column;align-items:center}.counter{display:flex;flex-direction:row}.counter p{padding-left:1rem;padding-right:1rem}.counter .decrement,.counter .increment{width:1rem;margin-bottom:1rem;border:none}.buttonCount .confirm{grid-area:bc;width:10rem;background-color:#cbbdad;border:none;border-radius:.2rem;text-transform:uppercase}.cartOrder{background-color:#cbbdad;margin:2rem}.cartOrder h1{text-align:center;letter-spacing:.5rem;color:#604525;text-decoration:underline;text-transform:uppercase;margin-bottom:1rem}.removeP{font-weight:700;color:#604525;background-color:#cbbdad;border:none;border-radius:.1rem;font-size:.7rem;padding:0}.finOr{display:flex;flex-direction:column;align-items:center;text-align:center}.finOr button{background-color:#cbbdad;border-radius:.1rem;font-weight:700;border:none;color:#604525}.finOr a{background-color:#a58b6e;border-radius:.1rem;margin-top:1rem;margin-bottom:1rem;padding:.5rem;text-transform:uppercase}.finOr a,.noProd a{text-decoration:none;color:#604525}.noProd a{font-size:5rem;text-align:center}.noProd{background-color:#cbbdad;margin:2rem;padding:2rem}.noProd h1{text-align:center}.orderDet{background-color:#a58b6e;margin:2rem,auto}.orderDet h1{text-align:center;color:#f0eeeb;font-size:2rem}.msgSuc{background-color:#a58b6e;text-align:center}.inicio{height:500px;background-size:cover;background-position:50%;position:relative;margin:3rem 3rem 2rem;background-image:url(https://cafe.esp.br/wp-content/uploads/2020/06/Loja-de-Caf%C3%A9-especial.jpg)}.contenido-inicio{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);text-align:center}.contenido-inicio h1{color:#c1b19d;font-weight:700;font-size:5rem;text-transform:uppercase;letter-spacing:.5rem}.contenido-inicio p{color:#c1b19d;font-size:2rem;letter-spacing:.2rem}a.buttonLink{text-decoration:none;color:#75542d;background-color:#c1b19d;border-radius:.2rem;padding:.2rem;letter-spacing:.1rem}@media (max-width:420px){.contenido-inicio h1{font-size:2.2rem}}
/*# sourceMappingURL=main.bd7e8f39.chunk.css.map */