@charset "UTF-8";
/* Innovación */
/* Daypart todo el día */
/* Daypart desayunos */
/* Daypart Comidas y cenas */
/* 2x1 */

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

input[type='button'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  border: 0;
}

.button-primary {
  min-width: 150px;
  width: 40%;
  margin: auto;
  text-decoration: none;
  font-family: "Quicksand", sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  padding: 8px 20px;
  border-radius: 7px;
  color: #fff;
  background: #ed1c2c;
  transition: 0.3s ease-in-out;
}
.button-primary:hover {
  background: #b6111e;
  cursor: pointer;
}

.button--yellow {
  color: #222;
  background: #ffbb00;
}
.button--yellow:hover,
.button--yellow:active {
  background: #dba205;
}

.link {
  color: #222;
  font-size: 0.7em;
  text-decoration: none;
  margin: 0;
  transition: 0.3s ease-in-out;
}
.link:hover {
  color: #ed1c2c;
}

.small {
  color: #222;
  font-size: 0.7em;
}

.page-titles {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 1.75em;
  font-weight: bold;
  color: #ed1c2c;
  text-align: left;
}
.page-titles--center {
  text-align: center;
}

.page-subtitles {
  margin: 0 0 20px 0;
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #ed1c2c;
  text-align: left;
}

.page-subtitles--dark {
  margin: 10px 0;
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

.content{
  padding-top: 60px;
}

.content__titles {
  width: 100%;
  padding: 0;
  margin: 16px 0 0 0;
}

.container--white {
  background: #ffffff;
  width: 100%;
  padding: 24px 0;
}
.container--gray {
  background: #fbfbfb;
  width: 100%;
  padding: 30px 0;
}
.content__wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
figure {
  margin: 0;
  padding: 0;
}
figure img {
  max-width: 100%;
}
.breadcrum {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.breadcrum a,
a.navigation-link {
  text-decoration: none;
  font-size: 0.9em;
  color: #333333;
  font-family: "Quicksand", sans-serif;
  background: url("../svg/breadcrum-ico.svg") no-repeat left 55%;
  background-size: 10px;
  padding: 0 0 0 18px;
  cursor: pointer;
}

.grid__label {
  width: 100%;
  outline: none;
  position: absolute;
  right: 13px;
  top: 80px;
}
.circle {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: relative;
  float: right;
  margin-right: 0;
}
.circle p {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  font-size: 0.6em;
  text-align: center;
}
.circle--clasico {
  background-color: #df001b;
  color: #ffffff;
}
.circle--nuevo {
  background-color: #fdc300;
  color: #333333;
}
.circle--balance {
  background-color: #6d9d99;
  color: #ffffff;
}

ul.vips-list {
  margin: 0 0 0 18px;
  padding: 0;
}
ul.vips-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: circle;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  color: #666666;
  font-size: 0.8em;
}
ol.ordered-list-a {
  margin: 0 0 0 18px;
  padding: 0;
}
ol.ordered-list-a li {
  margin: 0 0 10px 0;
  padding: 0;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  color: #666666;
  font-size: 0.8em;
}


/***** Fijando el footer al fondo *****/

html{
  min-height: 100%;
  position: relative;
}

body {
  margin-bottom: 250px;
}

footer{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media screen and (min-width: 767px) {
  .container--gray {
    min-height: calc(100vh - 250px)
  }
}

@media screen and (min-width: 1023px) {
  body{
    margin-bottom: 200px;
  }

  .container--gray {
    min-height: calc(100vh - 280px)
  }
}

@media (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
  body {
    margin-bottom: 250px;
  }
}



/***** Fijando el footer al fondo fin *****/

/**** MEDIA QUERIES ****/

@media screen and (min-width: 767px) {
  .category_title {
    height: 70px;
    width: 100%;
    display: grid;
  }

  .category_title h2 {
    align-self: center;
    justify-self: center;
    font-size: 16px;
    margin: 0;
    padding: 0 8px;
    color: #333333;
    font-family: "Quicksand", sans-serif;
  }

  .grid__label {
    top: 75px;
  }
}

@media screen and (min-width: 1023px) {
  .content{
    padding-top: 80px;
  }
}


/*# sourceMappingURL=_vips-ui-kit.css.map */