*, *:before, *:after {
  box-sizing: border-box;
}
body {
  margin: 0 auto;
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-size: 110%;
  font-style: normal;
  /*overflow-x: hidden;*/
  height: 100%;
  min-height: 100%;
  color: #000;
  background: rgb(178, 177, 175);
  background: radial-gradient(circle, rgba(178, 177, 175, 0) 25%, rgba(178, 177, 175, 0.8) 100%);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
main {
  min-height: 380px;
}
main:not(.mContenedor):not(.mProducto) {
  margin-bottom: 60px;
}
main.mContenedor {
  padding: 0 15px 30px;
}
b, strong {
  font-weight: 600;
}
.cont_body {
  background: #FFF;
  max-width: 1184px;
  margin: 0 auto;
  padding: 10px;
  padding-bottom: 40px;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-weight: 300;
  border-radius:var(--b_radius);
}
figure {
  margin: 0px;
}
h1, h2, h3, h4, h5 {
  font-weight: 600;
  font-family:var(--f_titulos);
  margin: 0;
}
h1 {
  font-size: 1.875rem;
  line-height: 1.2;
}
h2 {
  font-size: 1.7rem;
  line-height: 1.3;
  margin: auto;
  max-width:var(--max_ancho_contenido);
}
button {
  cursor: pointer;
  border: none;
}
button[type=submit]:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
p {
  display: block;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}
p.sin_articulos {
  width: 100%;
  text-align: center;
  margin: 8rem 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
#page {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  height: 400px;
}
#page div {
  margin-top: 35px;
}
.redes a {
  text-indent: -99999px;
  display: inline-block;
  overflow: hidden;
  height: 20px;
  width: 20px;
  margin-right: 20px;
  background: url('../imgs/pinterest.svg') 0 0 / contain no-repeat;
}
.redes a#in {
  background-image: url('../imgs/instagram.svg');
}
.redes a#tt {
  background-image: url('../imgs/tiktok.svg');
}
#page img {
  width: 260px;
}
