@import url(https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap);
.index-footer{width:100%;height:auto;margin:30px auto;padding-bottom:30px;padding-top:30px;background-color:#44790775}.index-footer .index-footer-container{margin:0 auto;width:100%;max-width:1024px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:20px}.index-footer .index-footer-container p{font-size:1.5rem;padding:3px;width:330px}.index-footer .index-footer-container .index-footer-contact{width:320px;height:auto;display:flex;justify-content:center;align-items:center;gap:10px;list-style-type:none}.index-footer .index-footer-container .index-footer-contact p{width:100px}.index-footer .index-footer-container .index-footer-contact span{color:#333;display:inline;width:auto}.index-footer .index-footer-container .index-footer-contact img{width:auto;height:50px;padding:10px;opacity:60%;transition:all 300ms ease-out}.index-footer .index-footer-container .index-footer-contact img:hover{opacity:0.9}@media (min-width: 650px){.index-footer .index-footer-container{display:flex;flex-direction:row;gap:30px}}

.Product{width:90%;max-width:350px;height:540px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;border-radius:10px;box-shadow:2px 2px 40px 5px rgba(70,70,90,0.2)}.Product .Product-card .Product-front{animation-duration:300ms;animation-name:blurProductfront;animation-iteration-count:1}@keyframes blurProductfront{0%{filter:blur(20px)}30%{filter:blur(10px)}90%{filter:blur(5px)}100%{filter:blur(0px)}}.Product .Product-card .Product-back{animation-duration:300ms;animation-name:blurProductBack;animation-iteration-count:1}.Product .Product-card .Product-back .text-back{margin:20px 15px;text-align:left}@keyframes blurProductBack{0%{filter:blur(20px)}30%{filter:blur(10px)}90%{filter:blur(5px)}100%{filter:blur(0px)}}.Product h2{margin-top:15px}.Product .Product-content{height:120px;display:flex;flex-direction:column;justify-content:center}.Product .Product__description{padding:15px}.Product img{margin:10px auto;border-radius:100%;object-fit:cover;object-position:center}.Product .button-add{bottom:0;background:linear-gradient(to bottom, #83dd1c 5%, var(--color1) 100%);width:100%;padding:10px;border-radius:0px 0px 5px 5px;border:0px;outline:0;cursor:pointer;font-size:14px;font-weight:300;font-family:var(--font1);font-weight:500;color:black}.Product .button-add:hover{background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%)}.read{cursor:pointer;padding:10px;color:#2c669b;transition:all 300ms ease-out}.read:hover{color:#589116}

.Products-title{text-align:center;margin:20px auto;padding-block-end:15px}.Products{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:25px;justify-content:center;margin-block-start:0px}.Products h1{text-align:center}@media (min-width: 900px){.Products{gap:15px;flex-wrap:nowrap}}

.Description{display:grid;grid-template-columns:repeat(10, 1fr);max-width:1024px;width:100%;margin-top:105px;align-items:center}.Description .Description-principal{grid-column:1/6;grid-row:1/2;padding-inline-start:8px}.Description .Description-principal h3{margin:20px 0;width:auto;max-width:500px}.Description .Description-principal h4{margin:20px 0;width:auto;max-width:400px;color:var(--color1)}.Description .figure-family{grid-column:6/11;grid-row:1/2}.Description figure{margin:20px auto}.Description figure img{width:190px;border-radius:8px;box-shadow:5px 5px 10px 15px rgba(70,70,90,0.083);animation-duration:350ms;animation-name:blurFamily;animation-iteration-count:1}@keyframes blurFamily{0%{filter:blur(20px)}30%{filter:blur(10px)}90%{filter:blur(5px)}100%{filter:blur(0px)}}.Description .Description-secondary{grid-column:1/11;grid-row:2/3;background-color:#447907d0;margin:50px auto;width:100%;min-height:75vh;height:auto;display:grid;grid-template-columns:repeat(10, 1fr);align-items:center}.Description .Description-secondary .figure-spices{grid-column:1/6}.Description .Description-secondary h3{grid-column:6/11;text-align:end;padding-inline-end:8px}@media (min-width: 500px){.Description figure img{width:260px}.Description-principal h3{font-size:3.5rem}.Description-principal h4{font-size:2.5rem}.Description-secondary h3{font-size:3.5rem;margin-inline-end:10px}}@media (min-width: 900px){.Description figure img{width:380px}.Description-principal h3{font-size:4.5rem}.Description-principal h4{font-size:3.5rem}.Description-secondary h3{font-size:4rem;margin-inline-end:15px}}

main{max-width:1024px;width:100%;min-width:340px;height:auto;margin:0 auto;padding:0.5px 0px}

.Checkout{max-width:800px;margin:0 auto;min-height:65%;height:auto;display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:0.5rem;padding:10px;padding-top:100px}.Checkout .Checkout-list{grid-column:1/7;display:flex;align-items:center}.Checkout .Checkout-content{grid-column:1/9;grid-row:2/3}.Checkout .Checkout-comeback{margin:0 20%;grid-column:1/11;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.Checkout .Checkout-comeback h3,.Checkout .Checkout-comeback h4{margin:30px auto}.Checkout .Checkout-comeback img{border-radius:50%;box-shadow:0px 0px 20px 5px rgba(90,106,94,0.1);border:1px solid rgba(0,0,0,0.2)}.Checkout .Checkout-comeback img:hover{background-color:var(--color1);box-shadow:0px 0px 20px 5px rgba(10,100,35,0.45)}.Checkout .Checkout-item{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0 0}.Checkout .Checkout-item .Checkuout-element-product{margin-inline-start:10px;width:60px;height:60px;object-fit:cover;object-position:center}.Checkout .Checkout-item button{background-color:transparent;border:none;outline:none}.Checkout .Checkout-item button img{padding:5px;border-radius:50%}.Checkout .Checkout-item button img:hover{cursor:pointer;background-color:#cc2129}.Checkout .Checkout-item .Checkout-element{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #eee}.Checkout .Checkout-item .Checkout-element img{border-radius:50%}.Checkout .Checkout-sidebar{display:flex;justify-content:flex-end;align-content:center;flex-wrap:wrap;max-width:230px;grid-column:7/11}.Checkout .Checkout-sidebar h3{text-align:end}.Checkout .Checkout-sidebar p{margin-inline-end:10px}.Checkout .Checkout-sidebar button{box-shadow:inset 0px 1px 0px 0px #9aff26;background:linear-gradient(to bottom, #83dd1c 5%, var(--color1) 100%);background-color:#83dd1c;border-radius:6px;border:1px solid var(--color1);display:inline-block;color:#253c0b;cursor:pointer;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #66ac16;width:100%;display:block;outline:none}.Checkout .Checkout-sidebar button:hover{background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);box-shadow:inset 0px 1px 0px 0px #bee2f9;background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);background-color:#63b8ee;border:1px solid #3866a3;color:#14396a;text-shadow:0px 1px 0px #7cacde}.Checkout a{text-decoration:none}@media (min-width: 500px){.Checkout .Checkout-content{grid-column:1/8}.Checkout-content .Checkout-element .Checkout-element-product{width:100px;height:100px}}

.Information-sidebar{grid-column:7/11;grid-row:1/3;display:flex;flex-direction:column;gap:8px;margin:0 10px}.Information-sidebar .Information-item .Information-element .Information-element-price{display:flex;justify-content:right}.Information-sidebar .Information-totalCost{display:flex;align-items:center;justify-content:space-between}

.Information{max-width:800px;margin:0 auto;min-height:65%;padding-top:105px}.Information .Information-content{display:grid;grid-gap:0.5rem;padding:10px;grid-template-columns:repeat(10, 1fr)}.Information .Information-content .Information-head{grid-column:1/7;grid-row:1/2}.Information .Information-content .Information-form{grid-column:1/7;grid-row:2/4}.Information .Information-content .Information-form form{display:grid}.Information .Information-content .Information-form form input{background-color:#fff;background-image:none;border-radius:4px;border:1px solid #d9d9d9;color:rgba(0,0,0,0.75);display:inline-block;font-feature-settings:"tnum";font-size:14px;height:32px;line-height:32px;list-style:none;margin:0 0 8px 0;outline:0;padding:4px 12px;width:100%;box-sizing:border-box;text-align:center}.Information .Information-content .Information-form form input:invalid{border-color:#ff9393;background-color:#f8c8c8}.Information .Information-content .Information-buttons{grid-column:1/8;grid-row:4/5;display:flex;justify-content:space-around}.Information .Information-content .Information-buttons button{box-shadow:inset 0px 1px 0px 0px #9aff26;background:linear-gradient(to bottom, #83dd1c 5%, var(--color1) 100%);background-color:#83dd1c;border-radius:6px;border:1px solid var(--color1);display:inline-block;color:#253c0b;cursor:pointer;font-family:Arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #66ac16;width:100%;display:block;outline:none}.Information .Information-content .Information-buttons button:hover{background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);box-shadow:inset 0px 1px 0px 0px #bee2f9;background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);background-color:#63b8ee;border:1px solid #3866a3;color:#14396a;text-shadow:0px 1px 0px #7cacde}

.Payment{max-width:800px;margin:0 auto;min-height:65%;padding-top:105px;padding-block-start:105px}.Payment .Payment-content{display:grid;grid-gap:0.5rem;padding:10px;grid-template-columns:repeat(10, 1fr)}.Payment .Payment-button{grid-column:1/7;grid-row:1/3;margin:10px 15px}.Payment-back{margin:10px 0 0 0}.Payment-element h4{margin:0}

.Success{margin:0 auto;padding-top:105px;max-width:1024px}.Success-map{margin:10px 0 0 0}

.Error404{padding-block-start:105px;max-width:1024px;width:100%;height:70vh;text-align:center;margin:0 auto;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center}.Error404 h3{margin:50px;color:var(--color1)}

a{text-decoration:none}.CartButton{display:flex;align-items:center;padding:5px;box-shadow:inset 0px 1px 0px 0px #9aff26;background:linear-gradient(to bottom, #83dd1c 5%, var(--color1) 100%);background-color:#83dd1c;border-radius:6px;border:1px solid var(--color1);cursor:pointer;color:#253c0b;text-shadow:0px 1px 0px #66ac16}.CartButton .items-quantity{margin-inline-start:5px}.CartButton:hover{background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);box-shadow:inset 0px 1px 0px 0px #bee2f9;background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);background-color:#63b8ee;border:1px solid #3866a3;color:#14396a;text-shadow:0px 1px 0px #7cacde}

nav{display:flex;align-items:center}nav ul{display:flex;gap:15px;list-style-type:none}nav ul h4{font-weight:300}

header{width:100%;position:fixed;background-color:whitesmoke;border-bottom:1px solid rgba(150,150,150,0.3);z-index:101}header section{max-width:1024px;width:100%;min-width:340px;margin:0 auto;height:auto;padding:0 20px;display:flex;justify-content:space-between}

:root{--font1: 'Montserrat', sans-serif;--color1: #437907}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;font-family:var(--font1);min-width:320px;margin:0 auto;color:#333}body{background-color:whitesmoke}#app{height:100vh}h1{font-size:4rem}h2{font-size:3.2rem}h3{font-size:2.4rem}h4{font-size:1.8rem}p{font-size:1.5rem}::-webkit-scrollbar{width:1rem;height:1rem}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(1,1,1,0.5);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(1,1,1,0.5)}