.contenedor_productos {
  display: block;
}

.contenedor_miel, .contenedor_cafe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productos {
  margin: auto 100px;
  margin-top: 50px;
}
.productos h2 {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  text-align: center;
}

.contenedor_productos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px auto;
}
.contenedor_productos .producto {
  margin: auto 20px;
  position: relative;
}
.contenedor_productos .producto .contenedor_img {
  background-color: #f1f1f1;
  padding: 20px 0px 20px 0;
  -webkit-box-shadow: 3px 3px 20px rgba(181, 198, 29, 0.5);
          box-shadow: 3px 3px 20px rgba(181, 198, 29, 0.5);
  border-radius: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
}
.contenedor_productos .producto img {
  width: 80%;
}
.contenedor_productos .producto .contenedor_txt {
  margin: 15px auto;
  text-align: center;
}
.contenedor_productos .producto .contenedor_txt h4 {
  font-size: 12px;
}
.contenedor_productos .producto .contenedor_txt h4:first-child {
  color: #594614;
}

.contenedorTable {
  width: 80%;
  margin: auto;
}
@media (max-width: 1024px) {
  .contenedorTable {
    overflow-y: scroll;
  }
}

.contenedorTable::-webkit-scrollbar-button {
  background-color: blue; /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 3px solid orange;
}

table {
  color: black;
  background-color: rgba(255, 255, 255, 0.582);
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
}

tr {
  border-top: 1px solid black !important;
}

td {
  border-top: 1px solid rgb(202, 200, 200) !important;
}

tfoot {
  position: inherit;
  border-top: 1px solid black !important;
}

td, th {
  width: 25%;
  text-align: center;
  padding: 10px 20px;
}

th {
  border-bottom: 1px solid black !important;
}

th:nth-child(1), td:nth-child(1) {
  border-right: 1px solid rgb(57, 57, 57);
}

thead {
  text-align: center;
}

tfoot tr:last-child td {
  border-top: none !important;
}

.precio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

i {
  font-weight: bolder;
  cursor: pointer;
}

.fa-square-plus {
  color: rgb(108, 168, 108);
}
.fa-square-plus:hover {
  color: green;
}

.fa-square-minus {
  color: rgb(212, 114, 114);
}
.fa-square-minus:hover {
  color: red;
}

.prefooter {
  margin: 40px auto 0 auto;
}