*{box-sizing:border;margin:0;padding:0}body{font-family:Poppins}.saboresContainer{display:flex;justify-content:center;align-items:center}ul{display:flex;flex-wrap:wrap;gap:1rem;list-style-type:none;padding-top:60px;justify-content:center;align-content:center;width:60%}li{display:flex;flex-direction:column;font-weight:700;font-size:18px;justify-content:center;color:#33658a;border-radius:15px;border:1px solid #151515;width:180px;padding:10px;transition:all .3s ease}a{display:flex;justify-content:center;color:#33658a;text-transform:uppercase;text-decoration:none;outline:none;font-size:1.75rem;width:100%;transition:all .3s ease}li:hover{background-color:var(--cor-sabor);transform:translateY(-5px);box-shadow:0 5px 15px #0003}a:hover{color:#fff}.homeComponent{display:flex;justify-content:center;flex-direction:column;align-items:center;color:#33658a}.container{padding-bottom:7.5rem}.container h1{padding-top:2rem;font-size:6rem;text-transform:uppercase;text-align:center}.geladissimo{position:fixed;bottom:280px;left:-30px;max-width:1000px;height:500px;transform:rotate(12deg)}p{padding-top:20px;text-align:center;font-weight:300;font-size:1.5rem}@media screen and (max-width: 480px){.container h1{font-size:2rem}.container p{font-size:.75rem}.geladissimo{display:none}}@media screen and (max-width: 600px){h1{font-size:2rem}p{font-size:1rem}.geladissimo{display:none}}@media screen and (max-width: 1440px){h1{font-size:3rem}p{font-size:1.25rem}.geladissimo{position:fixed;bottom:280px;left:-30px;width:200px;height:300px;transform:rotate(12deg)}}.containerBanner{display:flex;justify-content:center;align-items:center;background-color:#e71d36;border-radius:20px;width:60%;height:150px;max-width:800px;padding:10px;text-align:center;color:#f0f8ff}@media (max-width: 768px){.containerBanner{width:80%;height:130px}h2{font-size:1.5rem}}@media (max-width: 480px){.containerBanner{width:90%;height:120px}h2{font-size:1.25rem}}.containerPedidos{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;gap:5rem}h3{padding:2rem;font-size:4rem;text-transform:uppercase;color:#33658a}.cardSabor{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column}.pedidoImagem{width:80%;border-radius:80px}.textoSpbreposto{position:absolute;width:70%;font-size:2rem;font-weight:500;color:#f0f8ff}.containerFooter{display:flex;width:100%;justify-content:space-between}.containerQtd{display:flex;width:23%;justify-content:center}.containerQtd button{border:none;background:none;padding:5px;color:#e30013;font-size:1.5rem;cursor:pointer}.containerQtd span{font-size:1.65rem}.containerValor{display:flex;width:32%;justify-content:center}.containerValor button{border:none;background:none;padding:5px 20px 5px 5px;font-size:1.5rem;color:#33658a;cursor:pointer}.containerValor span{font-size:1.65rem;color:#33658a}@media screen and (max-width: 480px){h3{padding:1rem;font-size:1rem;text-transform:uppercase;color:#33658a}p.textoSpbreposto{position:absolute;width:70%;font-size:10px;font-weight:500;color:#f0f8ff}.pedidoImagem{width:80%;height:150px;border-radius:50px}.containerQtd button{font-size:1.5rem;cursor:pointer}.containerQtd span{font-size:1.65rem}div.containerValor{display:flex;width:54%;justify-content:center}.containerValor button{border:none;background:none;padding:5px 20px 5px 5px;font-size:1rem;color:#33658a;cursor:pointer}.containerValor span{font-size:1.65rem;color:#33658a}}@media screen and (max-width: 600px){.textoSpbreposto{position:absolute;width:70%;font-size:1rem;font-weight:500;color:#f0f8ff}}@media screen and (max-width: 1440px){h3{padding:2rem;font-size:3rem;text-transform:uppercase;color:#33658a}.textoSpbreposto{position:absolute;width:70%;font-size:1rem;font-weight:500;color:#f0f8ff}.containerQtd{display:flex;width:28%;justify-content:center;align-items:center}.containerQtd button{font-size:1.5rem}.containerQtd span{font-size:1.25rem}.containerValor{display:flex;width:32%;justify-content:center;align-items:center}.containerValor button{font-size:1rem;padding:0 5px 0 0}.containerValor span{font-size:1rem}}.cardConfirmacao{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;background:#f8f9fa;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#33658a;text-align:center;margin:40px auto}.totalPedido{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e3f2fd;padding:15px;width:100%;border-radius:8px;margin:10px 0}.totalPedido span{font-size:1.25rem;font-weight:700;color:#537a5a;text-align:center}.caixaQrCode{display:flex;justify-content:center;align-items:center;width:100%;margin-top:15px}.qrCode{width:100%;max-width:280px;height:auto;border-radius:8px}.btnConfirmar,.btnNovoPedido{width:100%;max-width:250px;padding:12px;border:none;font-size:1.1rem;font-weight:600;color:#fff;text-transform:uppercase;border-radius:10px;transition:.3s ease-in-out;cursor:pointer;margin-top:10px;text-align:center}.btnConfirmar{background-color:#208b3a}.btnConfirmar:hover{background:#054a29}.btnNovoPedido{background-color:#dc143c}.btnNovoPedido:hover{background-color:#a10026}@media (max-width: 480px){.cardConfirmacao{max-width:90%;padding:15px}.totalPedido span{font-size:1rem}.btnConfirmar,.btnNovoPedido{font-size:1rem;padding:10px}}