@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background: 0 0;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

*, *:after, *:before {
    box-sizing: border-box;
}

.group:before, .group:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.group:after, .row:after {
    clear: both;
}

.group, .row {
    *zoom: 1;
}

*:focus {
    outline: none;
}

.algn-right {
    text-align: right;
}
.algn-top {
    margin-top: 0;
}
.algn-bot {
    margin-bottom: 0;
}

.row {
    max-width: 960px;
    margin: 0 auto;
}

.col {
    float: left;
    position: relative;
}

@media screen and (min-width:0) and (max-width:59.9375em) {
    .row .row {
        margin: 0 -1.5em;
    }

    .boxsizing .col {
        padding: 0 1.5em;
    }

    .col--1 {
        width: 6%;
    }

    .col--2 {
        width: 14%;
    }

    .col--3 {
        width: 23%;
    }

    .col--4 {
        width: 31%;
    }

    .col--5 {
        width: 40%;
    }

    .col--6 {
        width: 48%;
    }

    .col--7 {
        width: 57%;
    }

    .col--8 {
        width: 65%;
    }

    .col--9 {
        width: 74%;
    }

    .col--10, .col--11, .col--12 {
        width: 100%;
    }
}

@media screen and (min-width:60em) {
    .row .row {
        margin: 0 -10px;
    }

    .col {
        margin: 0 10px;
    }

    .col--1 {
        width: 60px;
    }

    .col--2 {
        width: 140px;
    }

    .col--3 {
        width: 220px;
    }

    .col--4 {
        width: 300px;
    }

    .col--5 {
        width: 380px;
    }

    .col--6 {
        width: 460px;
    }

    .col--7 {
        width: 540px;
    }

    .col--8 {
        width: 620px;
    }

    .col--9 {
        width: 700px;
    }

    .col--10 {
        width: 780px;
    }

    .col--11 {
        width: 860px;
    }

    .col--12 {
        width: 100%;
        max-width: 940px;
    }

    .no-boxsizing .col--12.alpha-2 {
        width: 780px;
        margin-left: 160px;
    }

    .boxsizing .alpha-1 {
        padding-left: 80px;
    }

    .boxsizing .alpha-2 {
        padding-left: 160px;
    }

    .boxsizing .alpha-3 {
        padding-left: 240px;
    }

    .boxsizing .alpha-4 {
        padding-left: 320px;
    }

    .prefix {
        margin-left: -10px;
    }
}

body {
    font-size: 16px;
    background: url("../images/fondo-home.jpg") no-repeat fixed 50% 0;
    background-size: 1920px 1130px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize body {
        background-image: url("../images/fondo-home@2x.jpg");
    }
}

h2 {
    font: 400 1.4375em/110% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #c1001f;
    margin: 0 .25em .5em;
}

p {
    font: 300 1.125em/120% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    margin: 1em auto;
}

    p em {
        font-style: normal;
        font-weight: 400;
        color: #244d48;
    }

    p strong {
        font-weight: 700;
        color: #008fcc;
    }

.page--legal table {
    font: 300 1.125em/120% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    margin: 1em auto;
}
  .page--legal table th,
  .page--legal table td {
    padding: 0.5em;
  }
  .page--legal table a {
    color: #008fcc;
    text-decoration: underline;
  }

.page--legal ul {
  margin: 1em 0;
  padding-left: 3em;
}

.page--legal li {
  font: 300 1.125em/120% "Nunito","Avenir",Arial,Helvetica,sans-serif;
  color: #5b5b5f;
}

.page--nuestras-fabricas p strong {
    color: #a47c24;
}

p strong.is-green {
    color: #77aa38;
}

p strong.is-red {
    color: #c1001f;
}

p small {
    font-size: 0.65em;
}

p a {
    font-weight: 700;
    color: #008fcc;
    text-decoration: underline;
}

ul {
    margin: .25em 0 0;
    padding: 0 0 0 1em;
}

li {
    font: 300 .75em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    margin: .15em 0;
    padding: 0;
}

    li strong {
        font-weight: 700;
        color: #008fcc;
    }

a {
    color: inherit;
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: underline;
    }

img {
    display: block;
    max-width: 100%;
    height: auto;
}

hr {
    padding: 28px 0 0;
    margin: 1em 0;
    background: radial-gradient(ellipse at 50% 140%,rgba(177,201,218,.7)10%,transparent 60%);
    border: 0 none;
    border-bottom: 1px solid #b1c9da;
}

.page--nuestras-fabricas hr {
    background: radial-gradient(ellipse at 50% 140%,rgba(205,186,137,.7)10%,transparent 60%);
    border-color: #ac8839;
}

hr.is-inverted {
    padding: 0 0 28px;
    margin-top: 0;
    background: radial-gradient(ellipse at 50% -40%,rgba(177,201,218,.7)10%,transparent 60%);
    border-bottom: 0 none;
    border-top: 1px solid #b1c9da;
}

.page--nuestras-fabricas hr.is-inverted {
    padding: 0 0 28px;
    margin-top: 0;
    background: radial-gradient(ellipse at 50% -40%,rgba(205,186,137,.7)10%,transparent 60%);
    border-bottom: 0 none;
    border-top: 1px solid #ac8839;
}

hr.is-top {
    margin-bottom: 0;
}

.row--header {
    position: relative;
    z-index: 4;
}
@media screen and (min-width: 60em) and (max-width: 62em) {
  .row--header .col {
    padding-right: 0.8em;
  }
}

.page__header .menu {
    float: right;
}

.page__header .button--menu {
    display: none;
}

.header__logo {
    font-size: 1em;
    text-indent: -9999px;
}

    .header__logo a {
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }

    .header__logo .logo__top-employer {
      display: block;
      width: 94px;
      height: 44px;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: contain;
      position: absolute;
      left: 4.75em;
      bottom: 0;
    }
      @media screen and (min-width: 60em) {
        .header__logo .logo__top-employer {
          width: 104px;
          height: 48px;
          left: 6.875em;
        }
      }

      .header__logo .logo__top-employer.is--es {
        background-image: url('../images/logo-top-employer-es.png');
      }
      @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
        .backgroundsize .header__logo .logo__top-employer.is-es {
          background-image: url("../images/logo-top-employer-es@2x.png");
        }
      }

      .header__logo .logo__top-employer.is--en {
        background-image: url('../images/logo-top-employer-en.png');
      }
      @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
        .backgroundsize .header__logo .logo__top-employer.is-en {
          background-image: url("../images/logo-top-employer-en@2x.png");
        }
      }

.header__landing-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .5em auto 1.5em;
}

.header__subtitle {
    font: 700 1.5em "Open Sans",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    text-align: center;
}

    .header__subtitle .line {
        display: block;
    }

    .header__subtitle .line--2 {
        color: #3a5721;
    }

    .header__subtitle .line--3 {
        color: #0b529a;
    }

.header__bottom {
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: right;
  width: 243px;
  margin: auto 0 auto auto;
  padding-top: 1em;
  clear: both;
  position: relative;
}
@media screen and (min-width: 55.75em) {
  .header__bottom {
    padding-top: 3em;
  }
}
.header__bottom.is-wide {
  width: 100%;
  margin: auto 0 auto auto;
}
@media screen and (min-width: 55.75em) {
  .header__bottom.is-wide {
    width: 631px;
  }
}
@media screen and (min-width: 60em) {
  .header__bottom.is-wide {
    width: 631px;
  }
}
.header__international {
  margin: 0.4em 0.5em 0 0;
}
.header__international p {
  margin: 0;
}
.header__international a {
    text-decoration:none;
    font-weight:400;
    color:#A9A9A9;
    font-size:15px;
}


.header__lang {
    height: 32px;
    padding-left: .5em;
    border-left: 1px solid #DDD;
    float: right;
}

    .header__lang ul {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
        z-index: 1;
    }

    .header__lang .lang__item {
        text-indent: -9999px;
        width: 34px;
        height: 33px;
        margin: 0 0 .2em;
        background-image: url("../images/ui/ico-lang.png");
        background-repeat: no-repeat;
        background-size: 34px 162px;
        cursor: pointer;
    }

.csstransitions .header__lang .lang__item {
    transition: all .3s ease-in-out;
}

.csstransforms .header__lang .lang__item:hover, .csstransforms .header__lang .lang__item:focus {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.header__lang .lang__item--pt {
    background-position: 0 0;
}

.header__lang .lang__item--es {
    background-position: 0 -32px;
}

.header__lang .lang__item--ca {
    background-position: 0 -131px;
}

.header__lang .lang__item--gl {
    background-position: 0 -97px;
}

.header__lang .lang__item--eu {
  background-position: 0 -65px;
}

.csstransforms .header__lang .lang__item:nth-child(2n) {
  transition-delay: 0;
}
.csstransforms .header__lang .lang__item:nth-child(3n) {
  transition-delay: .1s;
}
.csstransforms .header__lang .lang__item:nth-child(4n) {
  transition-delay: .2s;
}
.csstransforms .header__lang .lang__item:nth-child(5n) {
  transition-delay: .3s;
}

.header__lang .lang__item.is-side {
    display: none;
}

    .header__lang .lang__item.is-side.is-active {
        display: block;
    }

.csstransforms.opacity .header__lang .lang__item.is-side {
    display: block;
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

    .csstransforms.opacity .header__lang .lang__item.is-side.is-active {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

        .csstransforms.opacity .header__lang .lang__item.is-side.is-active:hover, .csstransforms.opacity .header__lang .lang__item.is-side.is-active:focus {
            -webkit-transform: translateX(0%)scale(.8);
            transform: translateX(0%)scale(.8);
            transition-delay: 0;
        }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .header__lang .lang__item {
        background-image: url("../images/ui/ico-lang@2x.png");
    }
}

.header__lang .lang__item a {
    width: 100%;
    height: 100%;
    display: block;
}

.header__idiomas {
    float: left;
    width: 100%;
    margin: 1.5em 0 auto auto;
    text-align: right;
}
@media screen and (min-width: 22.5em) {
  .header__idiomas {
    margin: 1em 0 auto auto;
  }
}
@media screen and (min-width: 55.75em) {
  .header__idiomas {
      width: auto;
      margin: auto auto auto 0;
      text-align: left;
  }
}
.header__idiomas p {
    color: #A9A9A9;
    font-size: 15px;
    margin: 0;
}

.header__idiomas a {
    font-size: 16px;
    color: #A9A9A9;
    text-decoration:none;
    font-weight:inherit;
}

.header__idiomas .title {
    display: block;
}
@media screen and (min-width: 22.5em) {
  .header__idiomas .title {
      display: inline-block;
  }
}

.header__idiomas2 {
  float: right;
  margin-top: 0.2em;
  padding-left: 0.5em;
}

.header__idiomas2 p {
  margin: 0;
}
.header__idiomas2 a{
    font-size: 16px;
    color: #A9A9A9;
    text-decoration:none;
    font-weight:normal;
}

.header__social {
    float: right;
    margin-right: 0.5em;
}

    .header__social ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .header__social .social__item {
        text-indent: -9999px;
        height: 28px;
        margin: 0 .15em;
        background-image: url("../images/ui/social-icons.png");
        background-repeat: no-repeat;
        background-size: 103px 28px;
        cursor: pointer;
        float: left;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .header__social .social__item {
        background-image: url("../images/ui/social-icons@2x.png");
    }
}

.csstransitions .header__social .social__item {
    transition: all .3s ease-in-out;
}

.csstransforms .header__social .social__item:hover, .csstransforms .header__social .social__item:focus {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.header__social .social__item a {
    width: 100%;
    height: 100%;
    display: block;
}

.header__social .social__item--facebook {
    width: 30px;
    background-position: 0 0;
}

.header__social .social__item--twitter {
    width: 33px;
    background-position: -35px 0;
}

.header__social .social__item--gplus {
    width: 30px;
    background-position: -73px 0;
}

.header__logo {
  background: url("../images/adam-foods-logo-small.png") no-repeat 0 0;
  background-size: contain;
}

@media screen and (min-width:0) and (max-width:59.9375em) and (-webkit-min-device-pixel-ratio:2),
       screen and (min-width:0) and (max-width:59.9375em) and (min-resolution:192dpi) {
    .backgroundsize .header__logo {
        background-image: url("../images/adam-foods-logo-small@2x.png");
    }
}

@media screen and (min-width:0) and (max-width:55.6875em) {
    .header__logo {
        width: 170px;
        height: 122px;
        margin: 1.5em .5em 0;
        position: relative;
    }
}

@media screen and (min-width:0) and (max-width:55.6875em) {
    .page__header .button--menu {
        display: block;
        position: absolute;
        right: 1.5em;
        top: 2.55em;
        z-index: 2;
    }
}

@media screen and (min-width:55.75em) and (max-width:59.9375em) {
    .header__logo {
        width: 170px;
        height: 122px;
        margin: 0;
        position: absolute;
        top: 1em;
        left: .5em;
        z-index: 2;
    }
}

@media screen and (min-width:60em) {
    .header__logo {
        width: 245px;
        height: 157px;
        margin: 0;
        background-image: url("../images/adam-foods-logo-large.png");
        position: absolute;
        top: 1em;
        left: 0;
        z-index: 2;
    }
}

@media screen and (min-width:60em) and (-webkit-min-device-pixel-ratio:2),
       screen and (min-width:60em) and (min-resolution:192dpi) {
    .backgroundsize .header__logo {
        background-image: url("../images/adam-foods-logo-large@2x.png");
    }
}

.menu {
    position: relative;
    z-index: 3;
}

    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.menu__item {
    float: left;
    position: relative;
    margin: 0;
}

    .menu__item:hover .submenu, .menu__item:focus .submenu, .menu__item.is-active .submenu {
        display: block;
    }

.csstransitions.csstransforms.opacity .menu__item:hover .submenu, .csstransitions.csstransforms.opacity .menu__item:focus .submenu, .csstransitions.csstransforms.opacity .menu__item.is-active .submenu {
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.menu .submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 2;
}

.csstransitions.csstransforms.opacity .menu .submenu {
    display: block;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    transition: all .3s ease-in-out;
}

.menu--top {
    z-index: 4;
}

    .menu--top .menu__item {
        font-weight: 700;
        font-family: "Nunito","Avenir",Arial,Helvetica,sans-serif;
        line-height: 130%;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        width: 122px;
        height: 50px;
        border-left: 1px solid #fff;
        box-sizing: content-box;
        background: #6bb9e7 url("../images/ui/arrow-down.png") no-repeat 90% 48%;
        background-size: 9px 7px;
    }

        .menu--top .menu__item .menu__title, .menu--top .menu__item a, .menu--top .menu__item span {
            padding: 1.3em 1em 1.3em .7em;
        }

.csstransitions .menu--top .menu__item {
    transition: background-color .3s ease-in;
}

.menu--top .menu__item:hover, .menu--top .menu__item:focus, .menu--top .menu__item.is-active {
    background-color: #3fa4e0;
}

.csstransitions .menu--top .menu__item:hover, .csstransitions .menu--top .menu__item:focus, .csstransitions .menu--top .menu__item.is-active {
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.contact__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
  @media screen and (min-width: 48em) {
    .contact__wrapper {
      flex-direction: row;
      justify-content: space-between;
      height: 4.0625em;
    }
  }

.button--contact {
  display: block;
  font: 1em/110% 'Avenir',Arial,Helvetica,sans-serif;
  color: #d2000f;
  height: 3.25em;
  border: 2px solid #e1e5e7;
  border-radius: 1.25em;
  text-align: left;
  margin: 1em auto 0;
  position: relative;
  transition: all 0.3s ease-in-out;
}
  @media screen and (min-width: 48em) {
    .button--contact {
      font-size: 1.25em;
      margin: 0;
    }
  }
  .button--contact:hover,
  .button--contact:focus {
    color: #d2000f;
    text-decoration: none;
    transform: scale(0.9);
  }
  .button--contact:before {
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .button--contact.is-job {
    width: 14.75em;
    padding: 1em 0.5em 1em 4.1em;
  }
    @media screen and (min-width: 48em) {
      .button--contact.is-job {
        float: left;
      }
    }
    .button--contact.is-job:before {
      width: 2.7em;
      height: 1.55em;
      background-image: url('../images/ui/ico-people.png');
      left: 0.9em;
    }
    @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
      .button--contact.is-job:before {
        background-image: url('../images/ui/ico-people@2x.png');
      }
    }

  .button--contact.is-contact {
    width: 100%;
    max-width: 17.1em;
    padding: 0.45em 1.15em 0.45em 3.1em;
  }
    @media screen and (min-width: 48em) {
      .button--contact.is-contact {
        float: right;
      }
    }
    .button--contact.is-contact:before {
      width: 2.1em;
      height: 1.75em;
      background-image: url('../images/ui/ico-chat.png');
      left: 0.6em;
    }
    @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
      .button--contact.is-contact:before {
        background-image: url('../images/ui/ico-chat@2x.png');
      }
    }

  .button--contact .ico {
    font: 700 0.6em/100% 'Avenir',Arial,Helvetica,sans-serif;
    color: #838383;
    padding-left: 2.25em;
    position: absolute;
    left: 18.3em;
  }
    .button--contact .ico:before {
      content: '';
      width: 1.83em;
      height: 1.75em;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }

    .button--contact .ico.ico--telf {
      top: 1.16em;
    }
      .button--contact .ico.ico--telf:before {
        background-image: url('../images/ui/ico-telf.png');
      }
        @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
          .button--contact .ico.is-telf:before {
            background-image: url('../images/ui/ico-telf@2x.png');
          }
        }


    .button--contact .ico.ico--email {
      top: 3.16em;
    }
      .button--contact .ico.ico--email:before {
        background-image: url('../images/ui/ico-email.png');
      }
        @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
          .button--contact .ico.is-email:before {
            background-image: url('../images/ui/ico-email@2x.png');
          }
        }

.menu--top .menu__item--shop {
    font-size: .75em;
    text-align: left;
    width: 156px;
    height: 72px;
    background: #c1001f url("../images/ui/TextoTienda.png") no-repeat 94% 50%;
    background-size: 149px 72px;
    border-radius: 0 0 16px 16px;
}
/*.menu--top .menu__item--shop {
    font-size: .75em;
    text-align: left;
    width: 145px;
    height: 63px;
    background: url("../images/ui/TextoTienda.png") no-repeat 77% 50%;
    border-radius: 0 0 16px 16px;
}*/

    .menu--top .menu__item--shop .menu__title, .menu--top .menu__item--shop a {
        padding: 1em 2em 0 1em;
    }

    .menu--top .menu__item--shop:hover, .menu--top .menu__item--shop:focus {
        background-color: #a8001b;
    }

  .menu--top .menu__item--contacto {
      font-size: .75em;
      text-align: left;
      width: 156px;
      height: 72px;
      background: #c1001f url("../images/ui/ico-bubbles.png") no-repeat 94% 50%;
      background-size: 42px 35px;
      border-radius: 0 0 16px 16px;
  }

      .menu--top .menu__item--contacto .menu__title, .menu--top .menu__item--contacto a {
          padding: 1em 2em 0 1em;
      }

      .menu--top .menu__item--contacto:hover, .menu--top .menu__item--contacto:focus {
          background-color: #a8001b;
      }


.menu--top .menu__item--noarrow {
  background-image: none;
}

.menu--top .menu__item--catalogo {
    font-size: .75em;
    text-align: center;
    width: 140px;
    height: 72px;
    background-color: #c1001f;
    border-radius: 0 0 16px 16px;
}

  .menu--top .menu__item--catalogo .menu__title,
  .menu--top .menu__item--catalogo span {
      padding-top: 2em;
  }

  .menu--top .menu__item--catalogo:hover,
  .menu--top .menu__item--catalogo:focus {
      background-color: #a8001b
  }

.menu--top .submenu {
    width: 122px;
    background-color: #4088b2;
}
  .menu--top .menu__item--catalogo .submenu {
    margin-left: 9px;
    margin-top: 22px;
    z-index: -1;
  }
  .menu--top .menu__item--catalogo .submenu__item {
    background: #cb354d;
    border: none;
    border-top: 1px solid #fff;
    text-align: center;
  }
    .menu--top .menu__item--catalogo .submenu__item:hover,
    .menu--top .menu__item--catalogo .submenu__item:focus {
      background: #e22544;
    }

.menu--top .submenu--right {
    left: 100%;
}

    .menu--top .submenu--right .submenu__item {
        border-left: 1px solid #fff;
    }

    /*--------------- Familias y subfamilias flechas --------------------*/
.menu--top .submenu__item.parent-menu {
    background: #4088b2 url("../images/ui/arrow-right.png") no-repeat 90% 48%;
    background-size: 7px 9px;
    position: relative;
}

    .menu--top .submenu__item.parent-menu:hover {
        cursor: pointer;
        background: #336b8c;
    }

.menu--top .submenu__item--2.parent-menu--2 {
    background: #4088b2 url("../images/ui/arrow-right.png") no-repeat 90% 48%;
    background-size: 7px 9px;
    position: relative;
}

    .menu--top .submenu__item--2.parent-menu--2:hover {
        cursor: pointer;
        background: #336b8c;
    }

.subsubmenu.col-2 {
  left: 200%;
}

    /*--------------- Level 3 --------------------*/

    li.submenu__item > ul {
        text-align: left;
        display: none;
        left: 100%;
        position: absolute;
        top: -1px;
        z-index: 9999999;
        width: 122px;
        height: 50px;
        border-left: 1px solid #fff;
    }

    li.submenu__item:hover > ul {
        display: block;
    }


    ul.submenu ul li {
        font: 700 1em/100% "Nunito", "Avenir", Arial, Helvetica, sans-serif;
        text-align: left;
        margin: 0;
        min-height: 40px;
        border-top: 1px solid #fff;
        background: #336b8c;
        line-height: 250%;
        z-index: 888888;
    }

        ul.submenu ul li a {
        }

        ul.submenu ul li:hover {
            background: #3fa4e0;
        }

        /*-----------------------------*/

li.submenu__item--2.is-double{
    line-height: 133%;
}

.menu--top .submenu__item {
    font: 700 .75em/250% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    text-align: left;
    margin: 0;
    min-height: 40px;
    background-color: #4088b2;
    border-top: 1px solid #fff;
}

.csstransitions .menu--top .submenu__item {
    transition: background-color .3s ease-in;
}

.menu--top .submenu__item.is-double {
    line-height: 120%;
}

.menu--top .submenu__item:hover, .menu--top .submenu__item:focus, .menu--top .submenu__item.is-active {
    background-color: #336b8c;
}

.csstransitions .menu--top .submenu__item:hover, .csstransitions .menu--top .submenu__item:focus, .csstransitions .menu--top .submenu__item.is-active {
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.subsubmenu .submenu__item,
.subsubmenu .submenu__item--2 {
  font-size: 1em;
}

.menu--top .submenu a,
.menu--top .submenu span {
    padding: .75em 1.15em;
}

.menu--top .submenu .parent-menu > a,
.menu--top .submenu .parent-menu > span {
    padding-right: 2.1em;
}

.menu--top .menu__title, .menu--top a, .menu--top span{
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
}

.menu--top.is-wide .menu__item {
    text-align: left;
    line-height: 210%;
    width: 310px;
    height: 62px;
    background-position: 44% 48%;
}

    .menu--top.is-wide .menu__item .menu__title {
        padding: 1.3em 1em 1.3em 3.7em;
    }

.menu--top.is-wide .menu__item--contacto {
    width: 310px;
    height: 72px;
    background-position: 68% 50%;
}

    .menu--top.is-wide .menu__item--contacto .menu__title {
        text-align: right;
        line-height: 163%;
        padding: 1.2em 11em 0 1.5em;
    }

.menu--top.is-wide .submenu {
    width: 50%;
    top: 62px;
}

.menu--top.is-wide .submenu--right {
    left: 50%;
}

.menu--top.is-wide .submenu__item.is-double {
    line-height: 133%;
}

.menu--side {
    width: 13em;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 10px rgba(0,0,0,.2);
    position: fixed;
    right: -13em;
    top: 0;
    z-index: 4;
}

.csstransitions .menu--side {
    transition: -webkit-transform .5s ease-in-out,right .5s ease-in-out;
    transition: transform .5s ease-in-out,right .5s ease-in-out;
}

.menu--side.is-sidebar {
    right: 0;
}

.csstransforms .menu--side.is-sidebar {
    right: -13em;
    -webkit-transform: translateX(-13em);
    transform: translateX(-13em);
}

.menu--side ul {
    margin: 0;
    padding: 0;
}

.menu--side li {
    text-transform: uppercase;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
}

.menu--side .menu__title {
    color: #fff;
    background-color: #6bb9e7;
}

.menu--side .menu__title--no-child, .menu--side a {
    padding: 1em 2em;
}

.menu--side a {
    display: block;
}

/*@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .menu--top .menu__item {
        background-image: url("../images/ui/arrow-down@2x.png");
    }

    .backgroundsize .menu--top .menu__item--contacto {
        background-image: url("../images/ui/ico-bubbles@2x.png");
    }
}*/

@media screen and (min-width:0) and (max-width:55.6875em) {
    .menu--top {
        display: none;
    }
}

@media screen and (min-width:55.75em) and (max-width:59.9375em) {
    .menu--top .menu__item {
        font-size: .8125em;
    }

        .menu--top .menu__item.is-double > .menu__title, .menu--top .menu__item.is-double > a {
            padding: .8em 2em .66em 1em;
        }
}

@media screen and (min-width:60em) {
    .menu--top .menu__item {
        font-size: .8125em;
    }

        .menu--top .menu__item.is-double > .menu__title, .menu--top .menu__item.is-double > a {
            padding: .66em 1em .66em .7em;
        }
}

.page {
    overflow: hidden;
    position: relative;
    left: 0;
    z-index: 1;
}

.csstransitions .page {
    transition: -webkit-transform .5s ease-in-out,left .5s ease-in-out;
    transition: transform .5s ease-in-out,left .5s ease-in-out;
}

.page.is-sidebar {
    left: -13em;
}

.csstransforms .page.is-sidebar {
    left: 0;
    -webkit-transform: translateX(-13em);
    transform: translateX(-13em);
}

.page-mask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

    .page-mask.is-active {
        display: block;
    }

.featured-band {
    background-color: #c1001f;
    margin: 1em auto 4em;
}

@media screen and (min-width: 48em) {
  .featured-band {
    margin-top: 2em;
  }
}
@media screen and (min-width: 60em) {
  .featured-band {
    margin-top: 6em;
  }
}

.content {
    position: relative;
    /*z-index: 3;*/
}

.content__title {
    font: 300 1.875em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #244d48;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 1em 0 .25em;
}

.content__title--blue {
    color: #6bb9e7;
}

.content__title--red {
    color: #c1001f;
}

.content__title--green {
    color: #77aa38;
}

.content__subtitle {
    font: 300 1.4375em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    text-transform: uppercase;
    margin: 1em auto;
}

.content__header {
    max-width: 780px;
    margin: 0 auto 2em;
    position: relative;
}

    .content__header .header__title {
        font-weight: 300;
        font-family: "Nunito","Avenir",Arial,Helvetica,sans-serif;
        line-height: 110%;
        color: #244d48;
        text-transform: uppercase;
    }

.content__header--contacto .header__title {
    background: url("../images/sections/header-contacto.png") no-repeat 50% 100%;
    background-size: 779px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .content__header--contacto .header__title {
        background-image: url("../images/sections/header-contacto@2x.png");
    }
}

.content__header--visita .header__title {
    background: url("../images/sections/header-visita-fabricas.png") no-repeat 50% 100%;
    background-size: 779px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .content__header--visita .header__title {
        background-image: url("../images/sections/header-visita-fabricas@2x.png");
    }
}

.content__header--empresa .header__title {
    background: url("../images/sections/header-empresa.png") no-repeat 50% 100%;
    background-size: 779px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .content__header--empresa .header__title {
        background-image: url("../images/sections/header-empresa@2x.png");
    }
}

.content__header--recetas .header__title {
    text-align: left;
    background: url("../images/sections/header-recetas.png") no-repeat 50% 100%;
    background-size: 779px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .content__header--recetas .header__title {
        background-image: url("../images/sections/header-recetas@2x.png");
    }
}

.content__header--nutricion .header__title {
    text-align: left;
    background: url("../images/sections/header-nutricion.png") no-repeat 50% 100%;
    background-size: 779px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .content__header--nutricion .header__title {
        background-image: url("../images/sections/header-nutricion@2x.png");
    }
}

.content__promo {
    margin: 1.5em auto 0;
}

    .content__promo .promo__item {
        font: 300 1.125em/110% "Nunito","Avenir",Arial,Helvetica,sans-serif;
        color: #fff;
        text-align: center;
        height: 205px;
    }

        .content__promo .promo__item strong {
            font-weight: 700;
            line-height: 140%;
            color: #fff;
            text-transform: uppercase;
        }

    .content__promo .promo__item--contacto-1 {
        width: 205px;
        padding: 1.5em 1em 0;
    }

    .content__promo .promo__item--contacto-2 {
        width: 205px;
        padding: 3.75em 1em 0;
    }

    .content__promo .promo__item--contacto-3 {
        font-size: .9em;
        width: 205px;
        padding: 2.5em 1em 0;
    }

    .content__promo .promo__item--visita-1 {
        width: 205px;
        padding: 3.2em 0;
    }

    .content__promo .promo__item--visita-2 {
        width: 245px;
        padding: 1.65em 1em 0;
    }

    .content__promo .promo__item--visita-3 {
        width: 205px;
        padding: 4em 1em 0;
    }

    .content__promo .promo__item--blue {
        background-color: #5d7cbd;
        border-radius: 84% 85% 82% 80%;
    }

        .content__promo .promo__item--blue strong {
            margin: .35em 0;
            display: block;
        }

    .content__promo .promo__item--red {
        background-color: #e66867;
        border-radius: 94% 88% 88% 92%;
    }

    .content__promo .promo__item--green {
        background-color: #5bbc6e;
        border-radius: 84% 78% 82% 82%;
    }

.limbo {
    top: -9999px;
    left: -9999px;
    position: absolute;
    z-index: 0;
}

@media screen and (min-width:0) and (max-width:52.4375em) {
    .content {
        padding-top: 2em;
    }

    .content__header .header__title {
        font-size: 1.875em;
        text-align: left;
        margin: 0;
        box-sizing: content-box;
        padding-bottom: 120px;
    }
}

@media screen and (min-width:52.5em) {
    .content {
        padding-top: 3em;
    }

    .content__header .header__title {
        font-size: 2.0625em;
        text-align: right;
        height: 110px;
        margin: 0;
    }

    .content__header--contacto .header__title {
        padding: 1.25em 1.8em 0 3.5em;
    }

    .content__header--marcas .header__title {
        font-size: 2.5em;
        padding: .9em 1.3em 0 3.5em;
    }

    .content__header--visita .header__title {
        font-size: 1.6em;
        padding: 1.1em 1.8em 0 3.5em;
    }

    .content__header--empresa .header__title {
        padding: .6em 1.8em 0 16.5em;
    }

    .content__header--recetas .header__title, .content__header--nutricion .header__title {
        font-size: 2.5em;
        padding: .9em 1.3em 0 3.5em;
    }
}

.featured-band--home .col {
  display: block;
  width: 25%;
  margin: 0;
}

.featured-band--home .col .video-featured {
  display: block;
  max-width: 240px;
  margin: 1.5em auto 0;
}

@media screen and (min-width:0) and (max-width:42.5625em) {
    .content__promo .promo__item {
        margin: .25em auto;
    }
}

@media screen and (min-width:42.625em) and (max-width:59.9375em) {
    .content__promo {
        width: 642px;
    }

        .content__promo .promo__item {
            margin: .25em;
            float: left;
        }
}

@media screen and (min-width:60em) {
    .content__promo .promo__item {
        margin: .25em 1em;
        float: left;
    }
    .featured-band--home .col .video-featured {
        margin: 0;
    }
}

@media screen and (min-width:0) and (max-width:33.6875em) {
        .featured-band--home .video-featured h2 {
            text-align: center;
            color: #fff;
        }

        .featured-band--home .col {
            width: 100%;
            margin-bottom: 1.5em;
        }
}

@media screen and (min-width:33.75em) and (max-width:59.9375em) {
    .featured-band--home {
        padding:  0 1.5em 1.5em;
    }

        .featured-band--home .video-featured h2 {
            color: #fff;
        }

        .featured-band--home .col {
            width: 50%;
            margin-bottom: 1.5em;
        }
}

@media screen and (min-width:60em) {
    .featured-band--home {
        height: 100px;
    }

        .featured-band--home .video-featured {
            top: -4.8em;
        }
}

.page--quienes-somos .content p {
    font-size: 1.0625em;
    line-height: 120%;
    margin-top: .25em;
}

    .page--quienes-somos .content p strong {
        color: #244d48;
    }

@media (min-width: 60em) {
  .featured-wrapper {
    margin-top: 5em;
  }
}

.page--quienes-somos .featured-block {
    position: relative;
}

    .page--quienes-somos .featured-block .image__button {
        font-weight: 300;
        line-height: 120%;
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        padding: 2em .25em 2em 1em;
        margin: 0;
        border-radius: 84% 76% 92% 80%;
        position: absolute;
        z-index: 2;
    }

        .page--quienes-somos .featured-block .image__button strong {
            font-weight: 700;
        }

.page--quienes-somos .featured-block--red .col--image {
    background: #c1001f;
    background: radial-gradient(circle at 126% 50%,#750013 90%,#c1001f 0%);
}

.page--quienes-somos .featured-block--red .image__button {
    max-width: 10em;
}

.page--quienes-somos .featured-block--blue .col--image {
    background: #6bb9e7;
    background: radial-gradient(circle at 10% 50%,#0b529a 90%,#6bb9e7 0%);
}

.page--quienes-somos .featured-block--blue .image__button {
    max-width: 12em;
    padding-right: 1.25em;
}

.page--quienes-somos .featured-block--yellow .col--image {
    background: #eec319;
    background: radial-gradient(circle at 102% 50%,#bb9808 90%,#eec319 0%);
}

.page--quienes-somos .featured-block--yellow .image__button {
    max-width: 14em;
}

@media screen and (min-width:0) and (max-width:43.6875em) {
    .page--quienes-somos .image__button {
        font-size: 1.25em;
    }

    .page--quienes-somos .image--right {
        margin: 0 0 0 auto;
    }

    .page--quienes-somos .featured-block {
        margin: 1em auto;
    }

        .page--quienes-somos .featured-block .col {
            width: 100%;
        }

        .page--quienes-somos .featured-block .col--image {
            margin-bottom: 1em;
            padding-right: 0;
        }

            .page--quienes-somos .featured-block .col--image.col--right {
                padding-left: 0;
                padding-right: 1.5em;
            }

    .page--quienes-somos .featured-block--red .image__button {
        right: .3em;
        bottom: -.5em;
        background-color: #c1001f;
        background-color: rgba(193,0,31,.9);
    }

    .page--quienes-somos .featured-block--blue .image__button {
        left: .3em;
        bottom: -.5em;
        background-color: #6bb9e7;
        background-color: rgba(122,192,233,.9);
    }

    .page--quienes-somos .featured-block--yellow .image__button {
        right: .3em;
        bottom: -.5em;
        background-color: #eec319;
        background-color: rgba(238,195,25,.9);
    }
}

@media screen and (min-width:43.75em) {
    .page--quienes-somos .image__button {
        font-size: 1.5em;
    }

    .page--quienes-somos .featured-block--red .image__button {
        right: -.5em;
        bottom: -2.3em;
        background-color: #c1001f;
    }

    .page--quienes-somos .featured-block--blue .image__button {
        left: -.5em;
        bottom: -2em;
        background-color: #6bb9e7;
    }

    .page--quienes-somos .featured-block--yellow .image__button {
        right: -.5em;
        bottom: -4em;
        background-color: #eec319;
    }
}

@media screen and (min-width:43.75em) and (max-width:59.9375em) {
    .page--quienes-somos .image--right {
        margin: 0 0 0 auto;
    }

    .page--quienes-somos .featured-block {
        margin: 1em auto 4em;
    }

        .page--quienes-somos .featured-block .col {
            width: 50%;
        }

        .page--quienes-somos .featured-block .col--image {
            padding: 0;
        }

        .page--quienes-somos .featured-block .col--left {
            float: left;
        }

        .page--quienes-somos .featured-block .col--right {
            float: right;
        }
}

@media screen and (min-width:60em) {
    .page--quienes-somos .image--right {
        margin: 0 0 0 auto;
    }

    .page--quienes-somos .featured-block {
        margin: 1em auto 4em;
    }

        .page--quienes-somos .featured-block .col--left {
            float: left;
        }

        .page--quienes-somos .featured-block .col--right {
            float: right;
        }
}

.page--nutricion .content p {
    font-size: 1.0625em;
    line-height: 120%;
    margin-top: .25em;
}

    .page--nutricion .content p strong {
        color: #244d48;
    }

.page--nutricion .col--button img {
    margin: 0 auto;
}

.page--nutricion .col--title h3 {
    font: 400 1em/140% "Open Sans",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

    .page--nutricion .col--title h3 strong {
        font-weight: 700;
    }

.page--nutricion .col--desc li {
    font: 400 .8125em/120% "Open Sans",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    margin: .5em auto;
}

.page--nutricion .button--featured {
    display: block;
    width: 11.25em;
    padding: 4em 1em;
    margin: 0 auto;
}

    .page--nutricion .button--featured .featured__number {
        font: 400 1.5em/120% "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        text-align: center;
        display: block;
        padding: .2em .5em;
        border-radius: 90% 96% 90% 98%;
        position: absolute;
        right: .6em;
        top: .4em;
        z-index: 2;
    }

    .page--nutricion .button--featured .featured__title {
        font: 400 1.125em/120% "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        display: block;
    }

    .page--nutricion .button--featured .featured__info {
        font: 400 .875em/120% "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        margin-left: -1.7em;
        display: block;
        position: absolute;
        left: 50%;
        bottom: .75em;
        z-index: 2;
    }

.page--nutricion .featured-block {
    margin: 2.5em auto 3.5em;
    position: relative;
}

.page--nutricion .featured-block--ingredients {
    background-color: #eef6fb;
    background-color: rgba(87,170,211,.1);
}

    .page--nutricion .featured-block--ingredients .col--title h3 {
        color: #57aad3;
    }

    .page--nutricion .featured-block--ingredients .button--featured {
        background-color: #00aad5;
        border-radius: 90% 96% 90% 98%;
    }

        .page--nutricion .featured-block--ingredients .button--featured .featured__number {
            background-color: #2a5493;
            background-color: rgba(42,84,147,.9);
        }

.page--nutricion .featured-block--collab {
    background-color: #e9eee5;
    background-color: rgba(109,159,66,.1);
}

    .page--nutricion .featured-block--collab .col--title h3 {
        color: #6d9f42;
    }

    .page--nutricion .featured-block--collab .button--featured {
        background-color: #4d9f39;
        border-radius: 90% 96% 90% 98%;
    }

        .page--nutricion .featured-block--collab .button--featured .featured__number {
            background-color: #405c34;
            background-color: rgba(64,92,52,.9);
        }

.page--nutricion .featured-block--communication {
    background-color: #f3e3e4;
    background-color: rgba(182,29,36,.1);
}

    .page--nutricion .featured-block--communication .col--title h3 {
        color: #b61d24;
    }

    .page--nutricion .featured-block--communication .col--desc .featured__list {
        padding: 2.15em 0 2.15em 2.4em;
    }

    .page--nutricion .featured-block--communication .button--featured {
        background-color: #d41d24;
        border-radius: 90% 96% 90% 98%;
    }

        .page--nutricion .featured-block--communication .button--featured .featured__number {
            background-color: #73060c;
            background-color: rgba(115,6,12,.9);
        }

@media screen and (min-width:0) and (max-width:43.6875em) {
    .page--nutricion .col--buttons {
        width: 100%;
    }

        .page--nutricion .col--buttons img {
            margin: 0 auto;
        }

    .page--nutricion .col--title {
        width: 100%;
    }

        .page--nutricion .col--title h3 {
            margin: 1.5em auto .5em;
        }

    .page--nutricion .col--desc {
        width: 100%;
    }

        .page--nutricion .col--desc .featured__list {
            margin: .25em auto;
            padding: .25em 0 .25em 1.4em;
        }

    .page--nutricion .featured-block {
        padding: 1.5em 0;
    }

    .page--nutricion .button--featured {
        margin-top: -3.5em;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width:43.75em) and (max-width:59.9375em) {
    .page--nutricion .col--buttons {
        width: 30%;
    }

    .page--nutricion .col--title {
        width: 70%;
        float: right;
    }

        .page--nutricion .col--title h3 {
            margin: .25em auto .5em;
        }

    .page--nutricion .col--desc {
        width: 70%;
        float: right;
    }

        .page--nutricion .col--desc .featured__list {
            margin: .25em auto;
            padding: .25em 0 .25em 1.4em;
        }

    .page--nutricion .featured-block {
        padding: 1.5em 0;
    }

    .page--nutricion .button--featured {
        margin-top: -3.5em;
        position: relative;
        z-index: 2;
    }
}

@media screen and (min-width:60em) {
    .page--nutricion .col--buttons {
        position: static;
    }

        .page--nutricion .col--buttons img {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 1;
        }

    .page--nutricion .col--title h3 {
        margin: 2.25em auto;
    }

    .page--nutricion .col--desc .featured__list {
        margin: 1.25em auto;
        padding: .25em 0 .25em 2.4em;
        border-left: 3px solid #fff;
    }

    .page--nutricion .featured-block {
        padding: 0;
    }

    .page--nutricion .button--featured {
        position: absolute;
        left: 7em;
        bottom: 0;
        z-index: 2;
    }
}

.content__section p {
    font-size: 1.0625em;
    line-height: 120%;
    margin-top: 1em;
}

    .content__section p img {
        margin: 0 auto;
    }

    .content__section p strong {
        color: #244d48;
    }

.content__section li {
    font-size: 1.0625em;
}

    .content__section li strong {
        color: #244d48;
    }

.content__section .image__button {
    font-weight: 300;
    line-height: 120%;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    color: #fff;
    padding: 1.5em;
    margin: 0 auto;
    border-radius: 83% 89% 74% 82%;
    text-align: center;
}

.content__section .image__button--large {
    padding: 2em 1em 2em 2em;
}

.content__section .image__button strong {
    font-weight: 700;
}

.content__section .section__featured {
    position: relative;
}

    .content__section .section__featured .image__button {
        position: absolute;
        z-index: 2;
    }

.section__back {
    font: 300 1em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #6bb9e7;
    text-transform: uppercase;
    text-decoration: underline;
    position: absolute;
    bottom: 1em;
    z-index: 1;
}

@media screen and (min-width:0) and (max-width:43.6875em) {
    .content__section .col--4, .content__section .col--8 {
        width: 100%;
    }

    .content__section .image__button {
        font-size: 1.25em;
    }

    .content__section .image--right {
        margin: 0 0 0 auto;
    }

    .content__section .section__featured:first-child {
        margin-top: 0;
    }

    .content__section .section__featured .col {
        width: 100%;
    }

    .content__section .section__featured .col--image {
        margin-bottom: 1em;
        padding-right: 0;
    }

        .content__section .section__featured .col--image.col--right {
            padding-left: 0;
            padding-right: 1.5em;
        }
}

@media screen and (min-width:0) and (max-width:59.9375em) {
    .section__back {
        right: 1.5em;
    }
}

@media screen and (min-width:43.75em) {
    .content__section .image__button {
        font-size: 1.25em;
    }
}

@media screen and (min-width:43.75em) and (max-width:59.9375em) {
    .content__section .image--right {
        margin: 0 0 0 auto;
    }

    .content__section .section__featured:first-child {
        margin-top: 0;
    }

    .content__section .section__featured .col {
        width: 50%;
    }

    .content__section .section__featured .col--image {
        padding: 0;
    }

    .content__section .section__featured .col--left {
        float: left;
    }

    .content__section .section__featured .col--right {
        float: right;
    }
}

@media screen and (min-width:60em) {
    .content__section .image--right {
        margin: 0 0 0 auto;
    }

    .content__section .section__featured:first-child {
        margin-top: 0;
    }

    .content__section .section__featured .col--left {
        float: left;
    }

    .content__section .section__featured .col--right {
        float: right;
    }

    .section__back {
        right: 0;
    }
}

.content__section--ingredients {
    padding: 0 0 2.5em;
    background-color: #e9f2f6;
    background-color: rgba(87,170,211,.1);
}

    .content__section--ingredients .image__button {
        max-width: 10.8em;
        background-color: #6bb9e7;
    }

    .content__section--ingredients .section__featured--1 .col--image {
        background: #6bb9e7;
        background: radial-gradient(circle at 126% 50%,#0b529a 91%,#6bb9e7 0%);
    }

    .content__section--ingredients .section__featured--2 p {
        margin-top: 0;
    }

    .content__section--ingredients .section__featured--2 .col--image {
        background: #6bb9e7;
        background: radial-gradient(circle at 10% 50%,#0b529a 91%,#6bb9e7 0%);
    }

@media screen and (min-width:0) and (max-width:43.6875em) {
    .content__section--ingredients .section__featured {
        margin: 1em auto;
    }

    .content__section--ingredients .section__featured--1 .image__button {
        right: .5em;
        bottom: -.3em;
    }

    .content__section--ingredients .section__featured--2 .image__button {
        left: .5em;
        bottom: -.3em;
    }
}

@media screen and (min-width:43.75em) {
    .content__section--ingredients .section__featured {
        margin: 2.5em auto 5.5em;
    }

    .content__section--ingredients .section__featured--1 .image__button {
        right: -.5em;
        bottom: -3.3em;
    }

    .content__section--ingredients .section__featured--2 .image__button {
        left: -.5em;
        bottom: -3.3em;
    }
}

.content__section--communication {
    padding: 0 0 2.5em;
    background-color: #e9f2f6;
    background-color: rgba(87,170,211,.1);
}

    .content__section--communication .image__button {
        background-color: #c1001f;
    }

    .content__section--communication .section__featured--1 .col--image {
        background: #c1001f;
        background: radial-gradient(circle at 126% 50%,#750013 91%,#c1001f 0%);
    }

    .content__section--communication .section__featured--1 .image__button {
        max-width: 10.8em;
    }

    .content__section--communication .section__featured--2 p {
        margin-top: 0;
    }

    .content__section--communication .section__featured--2 .col--image {
        background: #c1001f;
        background: radial-gradient(circle at 10% 50%,#750013 91%,#c1001f 0%);
    }

    .content__section--communication .section__featured--2 .image__button {
        max-width: 11em;
    }

    .content__section--communication .section__featured--3 p {
        margin-top: 0;
    }

    .content__section--communication .section__featured--3 .col--image {
        background: #c1001f;
        background: radial-gradient(circle at 126% 50%,#750013 91%,#c1001f 0%);
    }

    .content__section--communication .section__featured--3 .image__button {
        max-width: 10.8em;
    }

@media screen and (min-width:0) and (max-width:43.6875em) {
    .content__section--communication .section__featured {
        margin: 1em auto;
    }

    .content__section--communication .section__featured--1 .image__button {
        right: .5em;
        bottom: -.3em;
    }

    .content__section--communication .section__featured--2 .image__button {
        left: .5em;
        bottom: -.3em;
    }

    .content__section--communication .section__featured--3 .image__button {
        right: .5em;
        bottom: -.3em;
    }
}

@media screen and (min-width:43.75em) {
    .content__section--communication .section__featured {
        margin: 2.5em auto 5.5em;
    }

    .content__section--communication .section__featured--1 .image__button {
        right: -.5em;
        bottom: -3.3em;
    }

    .content__section--communication .section__featured--2 .image__button {
        left: -.5em;
        bottom: -3.3em;
    }

    .content__section--communication .section__featured--3 .image__button {
        right: -.5em;
        bottom: -3.3em;
    }
}

.content__section--collab {
    padding: 0 0 2.5em;
    background-color: #e9f2f6;
    background-color: rgba(87,170,211,.1);
}

    .content__section--collab p a {
        color: #244d48;
        text-decoration: underline;
    }

    .content__section--collab .image__button {
        max-width: 13.6em;
        margin: 1em auto;
        background-color: #77aa38;
    }

    .content__section--collab .section__featured--1 .col--image {
        background: #77aa38;
        background: radial-gradient(circle at 126% 50%,#3a5721 91%,#77aa38 0%);
    }

    .content__section--collab .section__featured--2 p {
        margin-top: 0;
    }

    .content__section--collab .section__featured--2 .col--image {
        background: #77aa38;
        background: radial-gradient(circle at 10% 50%,#3a5721 91%,#77aa38 0%);
    }

    .content__section--collab .logo-list {
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0 auto 1.5em;
    }

        .content__section--collab .logo-list .list__item {
            margin: .5em;
            display: inline-block;
        }

@media screen and (min-width:0) and (max-width:43.6875em) {
    .content__section--collab .col--6 {
        width: 100%;
    }

    .content__section--collab .section__featured .col--image {
        padding-left: 0;
    }

    .content__section--collab .section__featured {
        margin: 1em auto;
    }

    .content__section--collab .section__featured--1 .image__button {
        right: .5em;
        bottom: -.3em;
    }
}

@media screen and (min-width:43.75em) {
    .content__section--collab .section__featured {
        margin: 2.5em auto;
    }

    .content__section--collab .section__featured--1 .image__button {
        right: -.5em;
        bottom: -3.3em;
    }
}

.content__section--entities {
    padding: 0 0 2.5em;
    background-color: #e9f2f6;
    background-color: rgba(87,170,211,.1);
}

    .content__section--entities p a {
        text-decoration: underline;
    }

    .content__section--entities .col--brand p {
        text-align: center;
    }

    .content__section--entities .section__featured .col--image {
        background: #77aa38;
        background: radial-gradient(circle at 42% 50%,#3a5721 91%,#77aa38 0%);
    }

    .content__section--entities .section__featured--2 p, .content__section--entities .section__featured--3 p {
        margin-top: 0;
    }

@media screen and (min-width:0) and (max-width:43.6875em) {
    .content__section--entities .col--6, .content__section--entities .col--logo, .content__section--entities .col--subtitle {
        width: 100%;
    }

    .content__section--entities .section__featured .col--image {
        padding-left: 0;
    }

    .content__section--entities .section__featured {
        margin: 1em auto;
    }

    .content__section--entities .section__featured--1 .image__button {
        right: .5em;
        bottom: -.3em;
    }
}

@media screen and (min-width:43.75em) {
    .content__section--entities .section__featured {
        margin: 2.5em auto 1.5em;
    }

    .content__section--entities .section__featured--1 .image__button {
        right: -.5em;
        bottom: -3.3em;
    }
}

.section-nav {
    margin: 1.5em auto 0;
}

    .section-nav .nav__list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .section-nav .list__item {
        width: 120px;
    }

        .section-nav .list__item.is-active a {
            background-color: #d4d4d4;
        }

            .section-nav .list__item.is-active a .item__number {
                background-color: #989898;
            }

        .section-nav .list__item a {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 120px;
            height: 120px;
            padding: 1em;
            margin: 0;
            position: relative;
        }

            .section-nav .list__item a .item__number {
                font: 400 1.25em/120% "Open Sans",Arial,Helvetica,sans-serif;
                color: #fff;
                text-align: center;
                display: block;
                padding: .2em .5em;
                border-radius: 90% 96% 90% 98%;
                position: absolute;
                right: .5em;
                top: .3em;
                z-index: 2;
            }

.csstransitions .section-nav .list__item a .item__number {
    transition: background-color .3s ease-in-out;
}

.section-nav .list__item a .item__text {
    font: 400 1em/120% "Open Sans",Arial,Helvetica,sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

.section-nav .list__item--ingredients a {
    background-color: #00aad5;
    border-radius: 90% 96% 90% 98%;
}

    .section-nav .list__item--ingredients a .item__number {
        background-color: #2a5493;
        background-color: rgba(42,84,147,.9);
    }

.section-nav .list__item--collab a {
    background-color: #4d9f39;
    border-radius: 90% 96% 90% 98%;
}

    .section-nav .list__item--collab a .item__number {
        background-color: #405c34;
        background-color: rgba(64,92,52,.9);
    }

.section-nav .list__item--communication a {
    background-color: #d41d24;
    border-radius: 90% 96% 90% 98%;
}

    .section-nav .list__item--communication a .item__number {
        background-color: #73060c;
        background-color: rgba(115,6,12,.9);
    }

@media screen and (min-width:0) and (max-width:28.6875em) {
    .section-nav .list__item {
        margin: .75em auto;
    }
}

@media screen and (min-width:28.75em) {
    .section-nav {
        float: right;
    }

        .section-nav .list__item {
            margin: .5em;
            float: left;
        }
}

.control {
    position: relative;
}

.control--page {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: .25em;
    background-color: #cfcfcf;
    border: 0 none;
    display: inline-block;
    border-radius: 80% 70% 100% 70%;
}

.csstransitions .control--page {
    transition: background-color .3s ease-in;
}

.control--page.is-active, .control--page:hover, .control--page:focus {
    background-color: #6bb9e7;
}

.csstransitions .control--page.is-active, .csstransitions .control--page:hover, .csstransitions .control--page:focus {
    transition-duration: .2s;
    transition-timing-function: ease-out;
}

.csstransforms .control--page-1 {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}

.csstransforms .control--page-2 {
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg);
}

.csstransforms .control--page-3 {
    -webkit-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg);
}

.cookies-widget {
    display: none;
    font-size: .75em;
    width: 100%;
    background-color: #fafafa;
    border-bottom: 3px solid #6bb9e7;
    position: relative;
    z-index: 99;
}

    .cookies-widget .cookies-content {
        max-width: 960px;
        margin: 0 auto;
        padding: 1em;
    }

.modal {
    display: none;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
}
    .modal.is-active {
      display: block;
    }

    .modal .csstransforms3d {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

.cssanimations.csstransforms.opacity .modal {
    -webkit-animation: modal-enter .5s ease-in-out;
    animation: modal-enter .5s ease-in-out;
}

    .cssanimations.csstransforms.opacity .modal.anim-leave {
        -webkit-animation: modal-leave .3s ease-in-out;
        animation: modal-leave .3s ease-in-out;
    }

        .cssanimations.csstransforms.opacity .modal.anim-leave .modal__box {
            -webkit-animation: modal-box-leave .3s ease-in-out;
            animation: modal-box-leave .3s ease-in-out;
        }

.modal__box {
    background: #008fcc;
    position: relative;
}

.cssanimations.csstransforms.opacity .modal__box {
    -webkit-animation: modal-box-enter .5s ease-in-out;
    animation: modal-box-enter .5s ease-in-out;
}

.modal--video .modal__box {
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
}

.modal--video .video-wrapper {
    width: 100%;
    height: 100%;
    background-color: #212121;
    position: relative;
    z-index: 1;
}

.modal--video .button--close {
    position: absolute;
    right: -1em;
    top: -1em;
    z-index: 2;
}

@media screen and (min-width:0) and (max-width:43.6875em) {
    .modal--video .modal__box {
        width: 300px;
        height: 170px;
        margin: -85px 0 0 -150px;
    }
}

@media screen and (min-width:43.75em) {
    .modal--video .modal__box {
        width: 640px;
        height: 360px;
        margin: -180px 0 0 -320px;
    }
}

@-webkit-keyframes modal-enter {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes modal-enter {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes modal-box-enter {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes modal-box-enter {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes modal-leave {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes modal-leave {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes modal-box-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes modal-box-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.page__footer {
    padding: 3em 0 2em;
    margin: 4em auto 0;
    background: #e4e4e4;
}
  @media screen and (min-width: 60em) { /* 960 px */
    .page--pt .page__footer {
      padding-bottom: 8em;
    }
  }

    .page__footer, .page__footer .row {
        position: relative;
    }

        .page__footer .col {
            position: relative;
            z-index: 2;
        }

        .page__footer .footer__logo {
            width: 140px;
            height: 109px;
            text-indent: -9999px;
            background: url("../images/adam-foods-logo-footer.png") no-repeat 0 0;
            background-size: 140px 109px;
        }

        .page__footer .footer__title {
            font: 700 .75em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
            color: #7c7c7c;
            text-transform: uppercase;
            margin: 0 0 .5em;
        }

        .page__footer .footer__list.no-top {
            margin-top: 1.4em;
        }

        .page__footer .footer__legal small {
            display: block;
            line-height: 160%;
        }

        .page__footer ul {
            margin-bottom: 2em;
        }

        .page__footer li, .page__footer a {
            color: #7c7c7c;
        }

        .page__footer p {
            font-weight: 400;
            color: #7c7c7c;
        }

@media screen and (min-width:0) and (max-width:41.1875em) {
    .page__footer {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

        .page__footer .col {
            width: 100%;
            float: none;
        }

        .page__footer .footer__logo {
            margin: 2.3em auto .5em;
        }

        .page__footer .footer__legal {
            clear: both;
        }

        .page__footer.is-wide .footer__list {
            margin: 0;
        }
}

@media screen and (min-width:41.25em) and (max-width:59.9375em) {
    .page__footer {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

        .page__footer .col {
            width: 20%;
        }
        .page__footer .col--4 {
            width: 40%;
        }
        .page__footer .col--6 {
            width: 60%;
        }

        .page__footer .footer__logo {
            margin: 2.3em 0 .5em;
        }

        .page__footer .footer__legal {
            clear: both;
        }
}

@media screen and (min-width:41.25em) {
  .page__footer .footer__brand {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
    .page__footer .footer__brand li {
      float: left;
    }
    .page__footer .footer__brand li,
    .page__footer .footer__brand a {
      padding-right: 1em;
    }
    .page__footer .col--4 .footer__brand li,
    .page__footer .col--4 .footer__brand a {
      width: 50%;
    }
    .page__footer .col--6 .footer__brand li,
    .page__footer .col--6 .footer__brand a {
      width: 33.33%;
    }
}
@media screen and (min-width:60em) {
    .page__footer .row {
        padding-left: 160px;
    }

    .page__footer .footer__logo {
        margin: 0;
    }

    .page__footer .footer__legal {
        width: 300px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

        .page__footer .footer__legal small {
            display: block;
            line-height: 160%;
        }
}

.form {
    position: relative;
    margin: 0 0 1.5em;
}

.form__row {
    margin: 1em 0;
}

.form__row--inset .form__col--left {
    padding-left: 1.5em;
}

.form__band {
    padding: 2.5em 0;
    position: relative;
}

.form__band--yellow {
    background-color: #f4de89;
    background-color: rgba(238,195,25,.5);
}

    .form__band--yellow .form__label {
        color: #d3711c;
    }

.form__band--blue {
    background-color: #deecf4;
    background-color: rgba(122,192,233,.5);
}

    .form__band--blue .form__label {
        color: #008fcc;
    }

.form__band--green {
    background-color: #dde8d1;
    background-color: rgba(119,170,56,.3);
}

    .form__band--green .form__label {
        color: #77aa38;
    }

.form__title {
    font: 400 1.625em/120% "Open Sans",Arial,Helvetica,sans-serif;
    margin: 0 0 .5em;
}

.form__label {
    font: 400 1.5em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    display: block;
    margin: .15em 0;
}

.form__inline {
    font: 400 1em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    display: inline;
    vertical-align: middle;
}
.form__inline.is-long {
  font-size: 0.8125em;
}
.form__inline a {
  text-decoration: underline;
}

.form__input {
    width: 100%;
    background-color: #fff;
    position: relative;
    border: 0 none;
}

    .form__input.is-wrong {
        color: #c1001f;
        border: 1px solid #c1001f;
    }

.form__input--text {
    color: #5b5b5f;
    padding: .5em 1em;
}

.form__input--text, .form__input--textarea {
    font: 300 1em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    display: block;
}

.form__input--textarea {
    min-height: 200px;
}

.form__input--file {
    display: block;
    font-weight: 400;
    width: 100%;
    padding: .5em 1em;
}

.form__input--check {
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #525c68;
    vertical-align: middle;
}

.form__select {
    display: inline-block;
    font-weight: 400;
    color: #5b5b5f;
    width: 100%;
    padding: .25em;
    border: 1px solid #cfcfcf;
}

.form__select--large {
    padding: .5em;
}

.form__select.is-hidden {
    display: none;
}

.form--recipes {
    margin: 1.5em auto 8em;
}

.form__bubble {
    max-width: 12.5em;
    text-align: center;
    border-radius: 94% 90% 100% 92%;
    position: relative;
    z-index: 1;
}

.form__bubble--receta {
    background-color: #c1001f;
}

    .form__bubble--receta .bubble__number {
        color: #c1001f;
    }

.form__bubble--marca {
    background-color: #77aa38;
}

    .form__bubble--marca .bubble__number {
        color: #77aa38;
    }

.form__bubble--search {
    background-color: #6bb9e7;
}

    .form__bubble--search .bubble__number {
        color: #6bb9e7;
    }

.form__bubble .bubble__number {
    font: 700 3.125em/130% "Open Sans",Arial,Helvetica,sans-serif;
    position: absolute;
    left: -.1em;
    top: -.3em;
    z-index: 1;
}

.form__bubble .bubble__title {
    font: 400 1.15em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #fff;
    margin: .5em auto;
}

.form__bubble .form__select {
    position: absolute;
    right: -1.3em;
    bottom: 2.5em;
    z-index: 2;
}

@media screen and (min-width:0) and (max-width:47.4375em) {
    .form__bubble {
        font-size: 1em;
        height: 11em;
        padding: 2em 1.75em;
        margin: 1em auto;
    }
}

@media screen and (min-width:47.5em) and (max-width:59.9375em) {
    .form__bubble {
        font-size: .875em;
        width: 25%;
        height: 11em;
        padding: 2em;
        margin: 0 4%;
        float: left;
    }
}

@media screen and (min-width:60em) {
    .form__bubble {
        font-size: 1em;
        width: 25%;
        height: 10em;
        padding: 1.5em;
        margin: 0 4%;
        float: left;
    }
}

@media screen and (min-width:0) and (max-width:45.375em) {
    .form__col {
        margin-bottom: 1em;
    }
}

@media screen and (min-width:45.4375em) {
    .form__col {
        width: 50%;
        float: left;
    }
}

@media screen and (min-width:0) and (max-width:59.9375em) {
    .form__band {
        padding: 2.5em 1em;
    }
}

.brand-list-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.brand-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

    .brand-list .list__item {
        text-indent: -9999px;
        width: 182px;
        height: 162px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .brand-list .list__item:hover,
    .brand-list .list__item:focus {
      cursor: pointer;
    }

.csstransitions .brand-list .list__item {
    transition: all .3s ease-in-out;
}

.csstransforms .brand-list .list__item:hover, .csstransforms .brand-list .list__item:focus {
    -webkit-transform: scale(.85);
    transform: scale(.85);
}

.brand-list .list__item.is-inactive {
    cursor: default;
}

.csstransforms .brand-list .list__item.is-inactive:hover, .csstransforms .brand-list .list__item.is-inactive:focus {
    -webkit-transform: none;
    transform: none;
}

.brand-list .list__item a {
    display: block;
    width: 100%;
    height: 100%;
}

.brand-list .list__item--avenacol {
    background-image: url("../images/brands/avenacol-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--avenacol {
        background-image: url("../images/brands/avenacol-frame@2x.png");
    }
}
.brand-list .list__item--la-piara-poultry-pate {
    background-image: url("../images/brands/la-piara-poultry-pate-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-poultry-pate  {
        background-image: url("../images/brands/la-piara-poultry-pate-frame@2x.png");
    }
}

.brand-list .list__item--chiquilin {
    background-image: url("../images/brands/chiquilin-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--chiquilin {
        background-image: url("../images/brands/chiquilin-frame@2x.png");
    }
}

.brand-list .list__item--cookienss {
    background-image: url("../images/brands/cookienss-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--cookienss {
        background-image: url("../images/brands/cookienss-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-roasted-vegetables {
    background-image: url("../images/brands/la-piara-roasted-vegetables-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-roasted-vegetables {
        background-image: url("../images/brands/la-piara-roasted-vegetables-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-vegetables-spreadables {
    background-image: url("../images/brands/la-piara-vegetables-spreadables-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-vegetables-spreadables {
        background-image: url("../images/brands/la-piara-vegetables-spreadables-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-sandwich-spreads {
    background-image: url("../images/brands/la-piara-sandwich-spreads-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-sandwich-spreads {
        background-image: url("../images/brands/la-piara-sandwich-spreads-frame@2x.png");
    }
}

.brand-list .list__item--dinosaurus {
    background-image: url("../images/brands/dinosaurus-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--dinosaurus {
        background-image: url("../images/brands/dinosaurus-frame@2x.png");
    }
}

.brand-list .list__item--princesa {
    background-image: url("../images/brands/princesa-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--princesa {
        background-image: url("../images/brands/princesa-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-bio-organic-hummus {
    background-image: url("../images/brands/la-piara-bio-organic-hummus-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-bio-organic-hummus {
        background-image: url("../images/brands/la-piara-bio-organic-hummus-frame@2x.png");
    }
}

.brand-list .list__item--flakes {
    background-image: url("../images/brands/flakes-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--flakes {
        background-image: url("../images/brands/flakes-frame@2x.png");
    }
}

.brand-list .list__item--tostarica-oceanix {
    background-image: url("../images/brands/tostarica-oceanix-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--tostarica-oceanix {
        background-image: url("../images/brands/tostarica-oceanix-frame@2x.png");
    }
}

.brand-list .list__item--tostarica {
    background-image: url("../images/brands/tostarica-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--tostarica {
        background-image: url("../images/brands/tostarica-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-gourmet-pate {
    background-image: url("../images/brands/la-piara-gourmet-pate-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-gourmet-pate {
        background-image: url("../images/brands/la-piara-gourmet-pate-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-fish-pate {
    background-image: url("../images/brands/la-piara-fish-pate-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-fish-pate {
        background-image: url("../images/brands/la-piara-fish-pate-frame@2x.png");
    }
}

.brand-list .list__item--marbu-dorada {
    background-image: url("../images/brands/marbu-dorada-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--marbu-dorada {
        background-image: url("../images/brands/marbu-dorada-frame@2x.png");
    }
}

.brand-list .list__item--bio-organic-artiach {
    background-image: url("../images/brands/bio-organic-artiach-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--bio-organic-artiach {
        background-image: url("../images/brands/bio-organic-artiach-frame@2x.png");
    }
}

.brand-list .list__item--healthy-novelties-artiach {
    background-image: url("../images/brands/healthy-novelties-artiach-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--healthy-novelties-artiach {
        background-image: url("../images/brands/healthy-novelties-artiach-frame@2x.png");
    }
}

.brand-list .list__item--campurrianas {
    background-image: url("../images/brands/campurrianas-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--campurrianas {
        background-image: url("../images/brands/campurrianas-frame@2x.png");
    }
}

.brand-list .list__item--hojaldrada {
    background-image: url("../images/brands/hojaldrada-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--hojaldrada {
        background-image: url("../images/brands/hojaldrada-frame@2x.png");
    }
}

.brand-list .list__item--maria-oro {
    background-image: url("../images/brands/maria-oro-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--maria-oro {
        background-image: url("../images/brands/maria-oro-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-pork-pate {
    background-image: url("../images/brands/la-piara-pork-pate-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-pork-pate {
        background-image: url("../images/brands/la-piara-pork-pate-frame@2x.png");
    }
}

.brand-list .list__item--bocaditos {
    background-image: url("../images/brands/bocaditos-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--bocaditos {
        background-image: url("../images/brands/bocaditos-frame@2x.png");
    }
}

.brand-list .list__item--krit {
    background-image: url("../images/brands/krit-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--krit {
        background-image: url("../images/brands/krit-frame@2x.png");
    }
}

.brand-list .list__item--artinata {
    background-image: url("../images/brands/artinata-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--artinata {
        background-image: url("../images/brands/artinata-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-gourmet-pork {
    background-image: url("../images/brands/la-piara-gourmet-pork-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-gourmet-pork {
        background-image: url("../images/brands/la-piara-gourmet-pork-frame@2x.png");
    }
}


.brand-list .list__item--filipinos {
    background-image: url("../images/brands/filipinos-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--filipinos {
        background-image: url("../images/brands/filipinos-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-gourmet-spreadables {
    background-image: url("../images/brands/la-piara-gourmet-spreadables-frame.png");
    background-size: 200 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-gourmet-spreadables {
        background-image: url("../images/brands/la-piara-gourmet-spreadables-frame@2x.png");
    }
}

.brand-list .list__item--napolitanas {
    background-image: url("../images/brands/napolitanas-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--napolitanas {
        background-image: url("../images/brands/napolitanas-frame@2x.png");
    }
}

.brand-list .list__item--surtido-cuetara {
    background-image: url("../images/brands/surtido-cuetara-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--surtido-cuetara {
        background-image: url("../images/brands/surtido-cuetara-frame@2x.png");
    }
}
/*Este caso es especial, mostrará artiach surtidos, pero llevará a la página de artiach selección, porque la de surtidos no existe*/
.brand-list .list__item--artiach-seleccion {
    background-image: url("../images/brands/artiach-seleccion-frame.png");
    background-size: 182px 157px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--artiach-seleccion {
        background-image: url("../images/brands/artiach-seleccion-frame@2x.png");
    }
}

.brand-list .list__item--artiach-tentaciones {
    background-image: url("../images/brands/artiach-tentaciones-frame.png");
    background-size: 182px 157px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--artiach-tentaciones {
        background-image: url("../images/brands/artiach-tentaciones-frame@2x.png");
    }
}

.brand-list .list__item--fibralia {
    background-image: url("../images/brands/fibralia-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--fibralia {
        background-image: url("../images/brands/fibralia-frame@2x.png");
    }
}

.brand-list .list__item--fibra-linea {
    background-image: url("../images/brands/fibra-linea-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--fibra-linea {
        background-image: url("../images/brands/fibra-linea-frame@2x.png");
    }
}

.brand-list .list__item--cero-azucares-cuetara {
    background-image: url("../images/brands/cero-azucares-cuetara-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--cero-azucares-cuetara {
        background-image: url("../images/brands/cero-azucares-cuetara-frame@2x.png");
    }
}

.brand-list .list__item--cero-azucares-artiach {
    background-image: url("../images/brands/cero-azucares-artiach-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--cero-azucares-artiach {
        background-image: url("../images/brands/cero-azucares-artiach-frame@2x.png");
    }
}

.brand-list .list__item--phoskitos {
    background-image: url("../images/brands/phoskitos.png");
    background-size:181px 76px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--phoskitos {
        background-image: url("../images/brands/phoskitos@2x.png");
    }
}

.brand-list .list__item--gitanitos {
    background-image: url("../images/brands/gitanitos.png");
    background-size: 165px 39px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--gitanitos {
        background-image: url("../images/brands/gitanitos@2x.png");
    }
}

.brand-list .list__item--tostarica-bizcochitos {
    background-image: url("../images/brands/tostarica-bizcochitos-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--tostarica-bizcochitos {
        background-image: url("../images/brands/tostarica-bizcochitos-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-infantil-tapa-negra {
    background-image: url("../images/brands/la-piara-infantil-tapa-negra-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-infantil-tapa-negra {
        background-image: url("../images/brands/la-piara-infantil-tapa-negra-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-infantil-tapa-colores {
    background-image: url("../images/brands/la-piara-infantil-tapa-colores-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-infantil-tapa-colores {
        background-image: url("../images/brands/la-piara-infantil-tapa-colores-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-tapa-negra {
    background-image: url("../images/brands/la-piara-adulto-tapa-negra-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-tapa-negra {
        background-image: url("../images/brands/la-piara-adulto-tapa-negra-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-el-corral {
    background-image: url("../images/brands/la-piara-adulto-el-corral-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-el-corral {
        background-image: url("../images/brands/la-piara-adulto-el-corral-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-el-huerto {
    background-image: url("../images/brands/la-piara-adulto-el-huerto-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-el-huerto {
        background-image: url("../images/brands/la-piara-adulto-el-huerto-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-la-lonja {
    background-image: url("../images/brands/la-piara-adulto-la-lonja-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-la-lonja {
        background-image: url("../images/brands/la-piara-adulto-la-lonja-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-la-dehesa {
    background-image: url("../images/brands/la-piara-adulto-la-dehesa-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-la-dehesa {
        background-image: url("../images/brands/la-piara-adulto-la-dehesa-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-ecologicos {
    background-image: url("../images/brands/la-piara-adulto-ecologicos-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-ecologicos {
        background-image: url("../images/brands/la-piara-adulto-ecologicos-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-bocadelia {
    background-image: url("../images/brands/la-piara-adulto-bocadelia-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-bocadelia {
        background-image: url("../images/brands/la-piara-adulto-bocadelia-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-bloc {
    background-image: url("../images/brands/la-piara-adulto-bloc-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-bloc {
        background-image: url("../images/brands/la-piara-adulto-bloc-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-adulto-frankfurt {
    background-image: url("../images/brands/la-piara-adulto-frankfurt-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-adulto-frankfurt {
        background-image: url("../images/brands/la-piara-adulto-frankfurt-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-tapa-negra {
    background-image: url("../images/brands/la-piara-tapa-negra-frame.png");
    background-size: 182px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-tapa-negra {
        background-image: url("../images/brands/la-piara-tapa-negra-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-solo-natural {
    background-image: url("../images/brands/la-piara-solo-natural-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-solo-natural {
        background-image: url("../images/brands/la-piara-solo-natural-frame@2x.png");
    }
}

.brand-list .list__item--la-piara-bloc {
    background-image: url("../images/brands/la-piara-bloc-frame.png");
    background-size: 176px 162px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara-bloc {
        background-image: url("../images/brands/la-piara-bloc-frame@2x.png");
    }
}

.brand-list .list__item--bocadelia {
    background-image: url("../images/brands/bocadelia-frame.png");
    background-size: 171px 156px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--bocadelia {
        background-image: url("../images/brands/bocadelia-frame@2x.png");
    }
}

.brand-list .list__item--cuetara-tea-biscuits {
    background-image: url("../images/brands/cuetara-tea-biscuits-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list list__item--cuetara-tea-biscuits {
        background-image: url("../images/brands/cuetara-tea-biscuits-frame@2x.png")
    }
}

.brand-list .list__item--maria-biscuits {
    background-image: url("../images/brands/maria-biscuits-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--maria-biscuits  {
        background-image: url("../images/brands/maria-biscuits-frame@2x.png")
    }
}


.brand-list .list__item--minibears{
    background-image: url("../images/brands/mini-bears-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--minibears  {
        background-image: url("../images/brands/mini-bears-frame@2x.png")
    }
}

.brand-list .list__item--wafer{
    background-image: url("../images/brands/wafer-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--wafer  {
        background-image: url("../images/brands/wafer-frame@2x.png")
    }
}

.brand-list .list__item--cuetara-speciality{
    background-image: url("../images/brands/cuetara-speciality-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--cuetara-specility  {
        background-image: url("../images/brands/cuetara-speciality-frame@2x.png")
    }
}


.brand-list .list__item--digesta {
    background-image: url("../images/brands/digesta-frame.png");
    background-size: 182px 157px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--digesta  {
        background-image: url("../images/brands/digesta-frame@2x.png")
    }
}



.brand-list .list__item--aneto {
    background-image: url("../images/brands/aneto.png");
    background-size:136px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto {
        background-image: url("../images/brands/aneto@2x.png");
    }
}

.brand-list .list__item--cuetara {
    background-image: url("../images/brands/cuetara.png");
    background-size:180px 108px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--cuetara {
        background-image: url("../images/brands/cuetara@2x.png");
    }
}

.brand-list .list__item--artiach {
    background-image: url("../images/brands/artiach.png");
    background-size:180px 95px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--artiach {
        background-image: url("../images/brands/artiach@2x.png");
    }
}

.brand-list .list__item--la-piara {
    background-image: url("../images/brands/la-piara.png");
    background-size:180px 78px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--la-piara {
        background-image: url("../images/brands/la-piara@2x.png");
    }
}

.brand-list .list__item--panrico {
    background-image: url("../images/brands/panrico.png");
    background-size:136px 112px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico {
        background-image: url("../images/brands/panrico@2x.png");
    }
}

.brand-list .list__item--pez {
    background-image: url("../images/brands/pez.png");
    background-size: 191px 55px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--pez {
        background-image: url("../images/brands/pez@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco {
    background-image: url("../images/brands/granja-san-francisco-frame.png");
    background-size: 182px 157px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco {
        background-image: url("../images/brands/granja-san-francisco-frame@2x.png");
    }
}

.brand-list .list__item--panrico-pan-blanco {
    background-image: url("../images/brands/panrico-pan-blanco-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico-pan-blanco {
        background-image: url("../images/brands/panrico-pan-blanco-frame@2x.png");
    }
}

.brand-list .list__item--panrico-grisines {
    background-image: url("../images/brands/panrico-grisines-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico-grisines {
        background-image: url("../images/brands/panrico-grisines-frame@2x.png");
    }
}

.brand-list .list__item--panrico-sveltia {
    background-image: url("../images/brands/panrico-sveltia-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico-sveltia {
        background-image: url("../images/brands/panrico-sveltia-frame@2x.png");
    }
}

.brand-list .list__item--panrico-cerealia {
    background-image: url("../images/brands/panrico-cerealia-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico-cerealia {
        background-image: url("../images/brands/panrico-cerealia-frame@2x.png");
    }
}

.brand-list .list__item--panrico-burguer-hot-dogs {
    background-image: url("../images/brands/panrico-pan-blanco-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--panrico-burguer-hot-dogs {
        background-image: url("../images/brands/panrico-pan-blanco-frame@2x.png");
    }
}

.brand-list .list__item--aneto-caldo-pollo {
    background-image: url("../images/brands/Aneto-Caldo-Pollo-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto-caldo-pollo {
        background-image: url("../images/brands/Aneto-Caldo-Pollo-frame@2x.png");
    }
}

.brand-list .list__item--aneto-caldo-pollo-cero-sal {
    background-image: url("../images/brands/Aneto-Caldo-Pollo-0-Sal-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto-caldo-pollo-cero-sal {
        background-image: url("../images/brands/Aneto-Caldo-Pollo-0-Sal-frame@2x.png");
    }
}

.brand-list .list__item--aneto-caldo-pollo-ecologico {
    background-image: url("../images/brands/Aneto-Caldo-Pollo-Ecologico-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto-caldo-pollo-ecologico {
        background-image: url("../images/brands/Aneto-Caldo-Pollo-Ecologico-frame@2x.png");
    }
}

.brand-list .list__item--aneto-caldo-paella {
    background-image: url("../images/brands/Aneto-Caldo-Paella-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto-caldo-paella {
        background-image: url("../images/brands/Aneto-Caldo-Paella-frame@2x.png");
    }
}

.brand-list .list__item--aneto-crema-marisco {
    background-image: url("../images/brands/Aneto-Crema-Marisco-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--aneto-crema-marisco {
        background-image: url("../images/brands/Aneto-Crema-Marisco-frame@2x.png");
    }
}

.brand-list .list__item--phoskitos-original {
    background-image: url("../images/brands/Phoskitos-Original-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--phoskitos-original {
        background-image: url("../images/brands/Phoskitos-Original-frame@2x.png");
    }
}

.brand-list .list__item--phoskitos-japokitos {
    background-image: url("../images/brands/phoskitos-japokitos-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--phoskitos-japokitos {
        background-image: url("../images/brands/phoskitos-japokitos-frame@2x.png");
    }
}

.brand-list .list__item--phoskitos-1972 {
    background-image: url("../images/brands/phoskitos-1972-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--phoskitos-1972 {
        background-image: url("../images/brands/phoskitos-1972-frame@2x.png");
    }
}

.brand-list .list__item--phoskitos-mini {
    background-image: url("../images/brands/phoskitos-mini-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--phoskitos-mini {
        background-image: url("../images/brands/phoskitos-mini-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-miel-de-flores {
    background-image: url("../images/brands/granja-san-francisco-miel-de-flores-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-miel-de-flores {
        background-image: url("../images/brands/granja-san-francisco-miel-de-flores-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-mieles-monoflorales {
    background-image: url("../images/brands/granja-san-francisco-mieles-monoflorales-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-mieles-monoflorales {
        background-image: url("../images/brands/granja-san-francisco-mieles-monoflorales-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-mieles-ecologicas {
    background-image: url("../images/brands/granja-san-francisco-mieles-ecologicas-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-mieles-ecologicas {
        background-image: url("../images/brands/granja-san-francisco-mieles-ecologicas-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-especialidades {
    background-image: url("../images/brands/granja-san-francisco-especialidades-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-especialidades {
        background-image: url("../images/brands/granja-san-francisco-especialidades-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-bizcochitos {
    background-image: url("../images/brands/granja-san-francisco-bizcochitos-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-bizcochitos {
        background-image: url("../images/brands/granja-san-francisco-bizcochitos-frame@2x.png");
    }
}

.brand-list .list__item--granja-san-francisco-galletas {
    background-image: url("../images/brands/granja-san-francisco-galletas-frame.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .brand-list .list__item--granja-san-francisco-galletas {
        background-image: url("../images/brands/granja-san-francisco-galletas-frame@2x.png");
    }
}

@media screen and (min-width:0) and (max-width:47.9375em) {
  .brand-div-masterbrand .brand-list .list__item {
    margin: 0 auto;
  }
}

@media screen and (min-width:0) and (max-width:26.25em) {
    .brand-list .list__item {
        margin: .5em auto;
    }
}
@media screen and (min-width:26.25em) {
    .brand-list .list__item {
        margin: 1em .45em;
    }
}
@media screen and (min-width:48em) {
    .brand-list .list__item {
        float: left;
    }
}

@media screen and (min-width:26.3125em) and (max-width:38.3125em) {
    .brand-list {
        width: 386px;
    }
}

@media screen and (min-width:38.375em) and (max-width:50.375em) {
    .brand-list {
        width: 580px;
    }
}

@media screen and (min-width:50.4375em) and (max-width:59.9375em) {
    .brand-list {
        width: 772px;
    }
}

.product-profile {
    padding: 1.5em 0 3em;
    position: relative;
}

    .product-profile p {
        text-align: center;
    }

    .product-profile .profile__back {
        font: 300 1em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
        color: #6bb9e7;
        text-transform: uppercase;
        text-decoration: underline;
        position: absolute;
        right: 0;
        top: 1em;
    }

    .product-profile .profile__logo {
        width: 100%;
        text-indent: -9999px;
        margin: 1.5em auto 2em;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }

.csstransitions .product-profile .profile__logo {
    transition: all .3s ease-in-out;
}

.product-profile .profile__subtitle {
    font: 400 1.0625em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #9d0e1e;
    text-align: center;
    text-transform: uppercase;
    max-width: 546px;
    margin: .5em auto 2em;
    border-bottom: 2px solid #9d0e1e;
    position: relative;
}

.boxshadow.cssgradients .product-profile .profile__subtitle {
    border-bottom: 0 none;
}

    .boxshadow.cssgradients .product-profile .profile__subtitle:after {
        content: '';
        width: 100%;
        height: 2px;
        background: radial-gradient(circle at center center,#9d0e1e,transparent);
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: 1;
    }

.product-profile .profile__desc {
    margin: 0 0 2.5em;
}

    .product-profile .profile__desc strong {
        color: #244d48;
    }

    .product-profile .profile__desc .desc__content {
        display: none;
    }

        .product-profile .profile__desc .desc__content.is-active {
            display: block;
        }

.product-profile .profile__sidebar--left .button {
    width: 116px;
    margin: .5em auto;
    position: relative;
}

.product-profile .profile__cookie {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}
@media screen and (max-width: 59.9375em) {
  .product-profile .profile__cookie {
    max-width: 272px !important;
    height: 100% !important;
    background-size: contain !important;
    margin: 0 auto !important;
    position: relative;
    left: 0;
    top: 0;
  }
}

.csstransitions .product-profile .profile__cookie {
    transition: all .3s ease-in-out;
}

.product-profile .profile__pack {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.csstransitions .product-profile .profile__pack {
    transition: all .3s ease-in-out;
}

.product-profile .pack__list {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 1em auto 0;
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 960px) {
  .product-profile .pack__list {
    margin-top: 2.5em;
  }
}

    .product-profile .pack__list .list__item {
        display: inline-block;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-color: transparent;
        border: 0 none;
    }

.csstransitions.opacity .product-profile .pack__list .list__item {
    transition: opacity .3s ease-in;
}

    .csstransitions.opacity .product-profile .pack__list .list__item:focus, .csstransitions.opacity .product-profile .pack__list .list__item:hover {
        transition-duration: .2s;
        transition-timing-function: ease-out;
    }

.product-profile .pack__list .list__item:focus, .product-profile .pack__list .list__item:hover, .product-profile .pack__list .list__item.is-active {
    opacity: .5;
}

.product-profile .col.is-inactive {
    display: none;
}

.product-profile .col.is-active {
    display: block;
}

.csstransforms.cssanimations .product-profile .col.anim-enter {
    -webkit-animation: product-col-enter .5s ease-out;
    animation: product-col-enter .5s ease-out;
}

.csstransforms.cssanimations .product-profile .col.anim-leave {
    -webkit-animation: product-col-leave .5s ease-in;
    animation: product-col-leave .5s ease-in;
}

.product-profile .col--detail {
    padding-top: .75em;
    display: none;
}

.product-profile .col--cookie {
    height: 200px;
}

@media screen and (min-width: 960px) {
  .product-profile .col--cookie {
      height: 340px;
  }
}

.product-profile .col--info .button {
    position: absolute;
    top: 2em;
    z-index: 1;
}

.product-profile .col--info .button--prev {
    left: -2.5em;
}

.product-profile .col--info .button--next {
    right: -2.5em;
}

.product-profile .col--info .info__wrapper .button {
  display: none;
}
.product-profile .col--info .info__wrapper.show-arrow .button {
  display: block;
}

.product-profile .col--info .info__wrapper {
    max-width: 268px;
    min-height: 300px;
    margin: 0 auto;
    position: relative;
}

.product-profile .col--info .info__table {
    display: none;
}

    .product-profile .col--info .info__table.is-active {
        display: block;
    }

.product-profile .col--info table {
    display: block;
    padding: 1em;
    margin: 0 auto;
    background-color: #f9e8a7;
    border-collapse: collapse;
    border-radius: 10px;
}

.product-profile .col--info thead td {
    font: 400 .8125em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #212121;
    text-align: center;
    padding-bottom: 1em;
    margin: 0;
}

.product-profile .col--info tbody td {
    font: 400 .6875em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    text-align: right;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    padding: .15em .5em;
}

    .product-profile .col--info tbody td:first-child {
        text-align: left;
    }

.product-profile .col--info tbody .level-1 td {
    background-color: #fcf5d7;
}

.product-profile .col--info tbody .level-2 td {
    background-color: #fefbef;
}

    .product-profile .col--info tbody .level-2 td:first-child {
        text-indent: 13px;
    }

.product-profile .col--info tbody .level-3 td {
    background-color: #fff;
}

    .product-profile .col--info tbody .level-3 td:first-child {
        text-indent: 23px;
    }

.product-profile .col--info tfoot td {
    font: 400 .6875em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #9d0e1e;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 3px 6px 0;
}

.product-profile .col--explore p {
    font-size: 1em;
    text-align: left;
    margin: 1.25em auto;
}

    .product-profile .col--explore p small {
        font-size: .875em;
        font-style: italic;
        color: #6bb9e7;
    }

    .product-profile .col--explore p strong {
        font-weight: 400;
        color: #424245;
    }

    .product-profile .col--explore p em {
        font-weight: 300;
        font-size: .875em;
        color: #5b5b5f;
    }

.product-profile .col--explore .image--middle {
    margin: 0 auto;
}

.product-profile .col--explore .col__nav {
    margin-bottom: 1.5em;
}

.product-profile .col--explore .col__tab {
    display: none;
}

    .product-profile .col--explore .col__tab.is-active {
        display: block;
    }

.product-profile .col--explore .video-featured--nutricion {
    min-height: 142px;
}

.product-profile .video__wrapper {
    background-color: #212121;
    margin: 0 auto;
}

.product-profile .video__list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

    .product-profile .video__list .list__item {
        width: 31.33%;
        margin: 0 1% .65em;
        float: left;
    }

.opacity .product-profile .video__list .button--video:focus, .opacity .product-profile .video__list .button--video:hover, .opacity .product-profile .video__list .button--video.is-active {
    opacity: .5;
}

/*** LOGOS ***/

.product-profile--aneto .profile__logo {
    height: 110px;
    background-image: url("../images/brands/aneto.png");
    background-size: 136px 110px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--aneto .profile__logo {
        background-image: url("../images/brands/aneto@2x.png");
    }
}

.product-profile--la-piara-pork-pate .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-pork-pate.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-pork-pate .profile__logo {
        background-image: url("../images/brands/la-piara-pork-pate@2x.png");
    }
}

.product-profile--la-piara-poultry-pate .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-poultry-pate.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-poultry-pate .profile__logo {
        background-image: url("../images/brands/la-piara-poultry-pate@2x.png");
    }
}

.product-profile--la-piara-vegetables-spreadables .profile__logo {
    height: 126px;
    background-image: url("../images/brands/la-piara-vegetables-spreadables.png");
    background-size: 155px 126px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-vegetables-spreadables .profile__logo {
        background-image: url("../images/brands/la-piara-vegetables-spreadables@2x.png");
    }
}

.product-profile--la-piara-gourmet-pate .profile__logo {
    height: 123px;
    background-image: url("../images/brands/la-piara-gourmet-pate.png");
    background-size: 133px 123px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-gourmet-pate .profile__logo {
        background-image: url("../images/brands/la-piara-gourmet-pate@2x.png");
    }
}

.product-profile--la-piara-fish-pate .profile__logo {
    height: 87px;
    background-image: url("../images/brands/la-piara-fish-pate.png");
    background-size: 199px 87px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-fish-pate .profile__logo {
        background-image: url("../images/brands/la-piara-fish-pate@2x.png");
    }
}

.product-profile--la-piara-sandwich-spreads .profile__logo {
    height: 121px;
    background-image: url("../images/brands/la-piara-sandwich-spreads.png");
    background-size: 255px 121px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-sandwich-spreads .profile__logo {
        background-image: url("../images/brands/la-piara-sandwich-spreads@2x.png");
    }
}

.product-profile--artiach-seleccion .profile__logo {
    height: 114px;
    background-image: url("../images/brands/artiach-seleccion.png");
    background-size: 172px 114px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--artiach-seleccion .profile__logo {
        background-image: url("../images/brands/artiach-seleccion@2x.png");
    }
}

.product-profile--la-piara-roasted-vegetables .profile__logo {
    height: 126px;
    background-image: url("../images/brands/la-piara-roasted-vegetables.png");
    background-size: 155px 126px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-roasted-vegetables .profile__logo {
        background-image: url("../images/brands/la-piara-roasted-vegetables@2x.png");
    }
}

.product-profile--la-piara-gourmet-spreadables .profile__logo {
    height: 128px;
    background-image: url("../images/brands/la-piara-gourmet-spreadables.png");
    background-size: 113px 128px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-gourmet-spreadables .profile__logo {
        background-image: url("../images/brands/la-piara-gourmet-spreadables@2x.png");
    }
}

.product-profile--artiach-tentaciones .profile__logo {
    height: 113px;
    background-image: url("../images/brands/artiach-tentaciones.png");
    background-size: 172px 113px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--artiach-tentaciones .profile__logo {
        background-image: url("../images/brands/artiach-tentaciones@2x.png");
    }
}

.product-profile--panrico-pan-blanco .profile__logo {
    height: 167px;
    background-image: url("../images/brands/panrico-pan-blanco.png");
    background-size: 211px 167px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--panrico-pan-blanco .profile__logo {
        background-image: url("../images/brands/panrico-pan-blanco@2x.png");
    }
}

.product-profile--panrico-cerealia .profile__logo {
    height: 90px;
    background-image: url("../images/brands/panrico-cerealia.png");
    background-size: 174px 90px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--panrico-cerealia .profile__logo {
        background-image: url("../images/brands/panrico-cerealia@2x.png");
    }
}

.product-profile--panrico-sveltia .profile__logo {
    height: 167px;
    background-image: url("../images/brands/panrico-sveltia.png");
    background-size: 211px 167px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--panrico-sveltia .profile__logo {
        background-image: url("../images/brands/panrico-sveltia@2x.png");
    }
}

.product-profile--panrico-burguer-hot-dogs .profile__logo {
    height: 167px;
    background-image: url("../images/brands/panrico-pan-blanco.png");
    background-size: 211px 167px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--panrico-burguer-hot-dogs .profile__logo {
        background-image: url("../images/brands/panrico-pan-blanco.png");
    }
}

.product-profile--panrico-grisines .profile__logo {
    height: 167px;
    background-image: url("../images/brands/panrico-grisines.png");
    background-size: 183px 167px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--panrico-grisines .profile__logo {
        background-image: url("../images/brands/panrico-grisines@2x.png");
    }
}

.product-profile--artinata .profile__logo {
    height: 67px;
    background-image: url("../images/brands/artinata.png");
    background-size: 248px 67px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--artinata .profile__logo {
        background-image: url("../images/brands/artinata@2x.png");
    }
}

.product-profile--avenacol .profile__logo {
    height: 180px;
    background-image: url("../images/brands/avenacol.png");
    background-size: 244px 180px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--avenacol .profile__logo {
        background-image: url("../images/brands/avenacol@2x.png");
    }
}

.product-profile--bocadelia .profile__logo {
    height: 121px;
    background-image: url("../images/brands/bocadelia.png");
    background-size: 255px 121px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--bocadelia .profile__logo {
        background-image: url("../images/brands/bocadelia@2x.png");
    }
}

.page--es .product-profile--bocaditos .profile__logo,
.page--ca .product-profile--bocaditos .profile__logo,
.page--eu .product-profile--bocaditos .profile__logo,
.page--gl .product-profile--bocaditos .profile__logo {
    height: 78px;
    background-image: url("../images/brands/bocaditos-es.png");
    background-size: 243px 78px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .page--es .backgroundsize .product-profile--bocaditos .profile__logo {
        background-image: url("../images/brands/bocaditos-es@2x.png");
    }
}

.page--en .product-profile--bocaditos .profile__logo {
    height: 78px;
    background-image: url("../images/brands/bocaditos-en.png");
    background-size: 243px 78px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .page--en .product-profile--bocaditos .profile__logo {
        background-image: url("../images/brands/bocaditos-en@2x.png");
    }
}

.product-profile--campurrianas .profile__logo {
    max-width: 341px;
    height: 47px;
    background-image: url("../images/brands/campurrianas.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--campurrianas .profile__logo {
        background-image: url("../images/brands/campurrianas@2x.png");
    }
}

.product-profile--cero-azucares-cuetara .profile__logo {
    height: 80px;
    background-image: url("../images/brands/cero-azucares-cuetara.png");
    background-size: 134px 80px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--cero-azucares-cuetara .profile__logo {
        background-image: url("../images/brands/cero-azucares-cuetara@2x.png");
    }
}

.product-profile--cero-azucares-artiach .profile__logo {
    height: 80px;
    background-image: url("../images/brands/cero-azucares-artiach.png");
    background-size: 134px 80px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--cero-azucares-artiach .profile__logo {
        background-image: url("../images/brands/cero-azucares-artiach@2x.png");
    }
}

.product-profile--chiquilin .profile__logo {
    height: 127px;
    background-image: url("../images/brands/chiquilin.png");
    background-size: 251px 127px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--chiquilin .profile__logo {
        background-image: url("../images/brands/chiquilin@2x.png");
    }
}

.product-profile--dinosaurus .profile__logo {
    max-width: 336px;
    height: 102px;
    background-image: url("../images/brands/dinosaurus.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--dinosaurus .profile__logo {
        background-image: url("../images/brands/dinosaurus@2x.png");
    }
}

.product-profile--fibralia .profile__logo {
    height: 60px;
    background-image: url("../images/brands/fibralia.png");
    background-size: 213px 80px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--fibralia .profile__logo {
        background-image: url("../images/brands/fibralia@2x.png");
    }
}

.product-profile--fibra-linea .profile__logo {
    height: 60px;
    background-image: url("../images/brands/fibra-linea.png");
    background-size: 206px 60px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--fibra-linea .profile__logo {
        background-image: url("../images/brands/fibra-linea@2x.png");
    }
}

.product-profile--filipinos .profile__logo {
    height: 85px;
    background-image: url("../images/brands/filipinos.png");
    background-size: 232px 85px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--filipinos .profile__logo {
        background-image: url("../images/brands/filipinos@2x.png");
    }
}

.product-profile--la-piara-gourmet-pork .profile__logo {
    height: 121px;
    background-image: url("../images/brands/la-piara-gourmet-pork.png");
    background-size: 119px 121px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-gourmet-pork .profile__logo {
        background-image: url("../images/brands/la-piara-gourmet-pork@2x.png");
    }
}

.product-profile--flakes .profile__logo {
    height: 126px;
    background-image: url("../images/brands/flakes.png");
    background-size: 187px 126px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--flakes .profile__logo {
        background-image: url("../images/brands/flakes@2x.png");
    }
}

.product-profile--gitanitos .profile__logo {
    height: 56px;
    background-image: url("../images/brands/gitanitos.png");
    background-size: 165px 39px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--gitanitos .profile__logo {
        background-image: url("../images/brands/gitanitos@2x.png");
    }
}

.product-profile--granja-san-francisco .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco.png");
    background-size: 142px 118px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco .profile__logo {
        background-image: url("../images/brands/granja-san-francisco@2x.png")
    }
}

.product-profile--granja-san-francisco-miel-de-flores .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-miel-de-flores.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-miel-de-flores .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-miel-de-flores@2x.png");
    }
}

.product-profile--granja-san-francisco-mieles-monoflorales .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-mieles-monoflorales.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-mieles-monoflorales .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-mieles-monoflorales@2x.png");
    }
}

.product-profile--granja-san-francisco-mieles-ecologicas .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-mieles-ecologicas.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-mieles-ecologicas .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-mieles-ecologicas@2x.png");
    }
}

.product-profile--granja-san-francisco-especialidades .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-especialidades.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-especialidades .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-especialidades@2x.png");
    }
}

.product-profile--granja-san-francisco-bizcochitos .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-bizcochitos.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-bizcochitos .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-bizcochitos@2x.png");
    }
}

.product-profile--granja-san-francisco-galletas .profile__logo {
    height: 118px;
    background-image: url("../images/brands/granja-san-francisco-galletas.png");
    background-size: 142px 118px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--granja-san-francisco-galletas .profile__logo {
        background-image: url("../images/brands/granja-san-francisco-galletas@2x.png");
    }
}

.product-profile--hojaldrada .profile__logo {
    max-width: 319px;
    height: 66px;
    background-image: url("../images/brands/hojaldrada.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--hojaldrada .profile__logo {
        background-image: url("../images/brands/hojaldrada@2x.png");
    }
}

.product-profile--krit .profile__logo {
    height: 137px;
    background-image: url("../images/brands/krit.png");
    background-size: 196px 137px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--krit .profile__logo {
        background-image: url("../images/brands/krit@2x.png");
    }
}

.product-profile--la-piara-tapa-negra .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-tapa-negra.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-tapa-negra .profile__logo {
        background-image: url("../images/brands/la-piara-tapa-negra@2x.png");
    }
}

.product-profile--la-piara-solo-natural .profile__logo {
    height: 87px;
    background-image: url("../images/brands/la-piara-solo-natural.png");
    background-size: 199px 87px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-solo-natural .profile__logo {
        background-image: url("../images/brands/la-piara-solo-natural@2x.png")
    }
}

.product-profile--la-piara-infantil-tapa-negra .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-infantil-tapa-negra.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-infantil-tapa-negra .profile__logo {
        background-image: url("../images/brands/la-piara-infantil-tapa-negra@2x.png");
    }
}

.product-profile--la-piara-infantil-tapa-colores .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-infantil-tapa-colores.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-infantil-tapa-colores .profile__logo {
        background-image: url("../images/brands/la-piara-infantil-tapa-colores@2x.png");
    }
}

.product-profile--la-piara-adulto-tapa-negra .profile__logo {
    height: 96px;
    background-image: url("../images/brands/la-piara-adulto-tapa-negra.png");
    background-size: 137px 96px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-tapa-negra .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-tapa-negra@2x.png");
    }
}

.product-profile--la-piara-adulto-el-corral .profile__logo {
    height: 145px;
    background-image: url("../images/brands/la-piara-adulto-el-corral.png");
    background-size: 200px 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-el-corral .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-el-corral@2x.png");
    }
}

.product-profile--la-piara-adulto-el-huerto .profile__logo {
    height: 145px;
    background-image: url("../images/brands/la-piara-adulto-el-huerto.png");
    background-size: 200px 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-el-huerto .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-el-huerto@2x.png");
    }
}

.product-profile--la-piara-adulto-la-lonja .profile__logo {
    height: 145px;
    background-image: url("../images/brands/la-piara-adulto-la-lonja.png");
    background-size: 200px 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-la-lonja .profile__logo {
        /*background-image: url("../images/brands/la-piara-adulto-la-lonja@2x.png");*/
    }
}

.product-profile--la-piara-adulto-la-dehesa .profile__logo {
    height: 145px;
    background-image: url("../images/brands/la-piara-adulto-la-dehesa.png");
    background-size: 200px 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-la-dehesa .profile__logo {
        /*background-image: url("../images/brands/la-piara-adulto-la-dehesa@2x.png");*/
    }
}

.product-profile--la-piara-adulto-ecologicos .profile__logo {
    height: 145px;
    background-image: url("../images/brands/la-piara-adulto-ecologicos.png");
    background-size: 200px 145px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-ecologicos .profile__logo {
        /*background-image: url("../images/brands/la-piara-adulto-ecologicos@2x.png");*/
    }
}

.product-profile--la-piara-adulto-bocadelia .profile__logo {
    height: 121px;
    background-image: url("../images/brands/la-piara-adulto-bocadelia.png");
    background-size: 255px 121px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-bocadelia .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-bocadelia@2x.png");
    }
}

.product-profile--la-piara-adulto-bloc .profile__logo {
    height: 82px;
    background-image: url("../images/brands/la-piara-adulto-bloc.png");
    background-size: 140px 82px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-bloc .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-bloc@2x.png");
    }
}

.product-profile--la-piara-adulto-frankfurt .profile__logo {
    height: 79px;
    background-image: url("../images/brands/la-piara-adulto-frankfurt.png");
    background-size: 223px 79px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-adulto-frankfurt .profile__logo {
        background-image: url("../images/brands/la-piara-adulto-frankfurt@2x.png");
    }
}

.product-profile--marbu-dorada .profile__logo {
    height: 129px;
    background-image: url("../images/brands/marbu-dorada.png");
    background-size: 232px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--marbu-dorada .profile__logo {
        background-image: url("../images/brands/marbu-dorada@2x.png");
    }
}

.product-profile--bio-organic-artiach .profile__logo {
    height: 105px;
    background-image: url("../images/brands/bio-organic-artiach.png");
    background-size: 496px 105px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--bio-organic-artiach .profile__logo {
        background-image: url("../images/brands/bio-organic-artiach@2x.png");
    }
}

.product-profile--healthy-novelties-artiach .profile__logo {
    height: 105px;
    background-image: url("../images/brands/healthy-novelties-artiach.png");
    background-size: 496px 105px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--healthy-novelties-artiach .profile__logo {
        background-image: url("../images/brands/healthy-novelties-artiach@2x.png");
    }
}

.product-profile--maria-oro .profile__logo {
    height: 97px;
    background-image: url("../images/brands/maria-oro.png");
    background-size: 163px 97px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--maria-oro .profile__logo {
        background-image: url("../images/brands/maria-oro@2x.png");
    }
}

.product-profile--napolitanas .profile__logo {
    max-width: 431px;
    height: 118px;
    background-image: url("../images/brands/napolitanas.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--napolitanas .profile__logo {
        background-image: url("../images/brands/napolitanas@2x.png");
    }
}

.product-profile--tostarica-oceanix .profile__logo {
    height: 101px;
    background-image: url("../../images/brands/tostarica-oceanix.png");
    background-size: 266px 101px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--tostarica-oceanix .profile__logo {
        background-image: url("../../images/brands/tostarica-oceanix@2x.png");
    }
}

.page--en .product-profile--tostarica-oceanix .profile__logo {
    height: 84px;
    background-image: url("../images/brands/tostarica-oceanix-en.png");
    background-size: 314px 83px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .page--en .product-profile--tostarica-oceanix .profile__logo {
        background-image: url("../images/brands/tostarica-oceanix-en@2x.png");
    }
}

.product-profile--pez .profile__logo {
    height: 55px;
    background-image: url("../images/brands/pez.png");
    background-size: 191px 55px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--pez .profile__logo {
        background-image: url("../images/brands/pez@2x.png");
    }
}

.product-profile--phoskitos .profile__logo {
    height: 88px;
    background-image: url("../images/brands/phoskitos.png");
    background-size: 181px 76px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--phoskitos .profile__logo {
        background-image: url("../images/brands/phoskitos@2x.png");
    }
}

.product-profile--princesa .profile__logo {
    max-width: 321px;
    height: 98px;
    background-image: url("../images/brands/princesa.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--princesa .profile__logo {
        background-image: url("../images/brands/princesa@2x.png");
    }
}

.product-profile--surtido-cuetara .profile__logo {
    height: 114px;
    background-image: url("../images/brands/surtido-cuetara.png");
    background-size: 193px 114px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--surtido-cuetara .profile__logo {
        background-image: url("../images/brands/surtido-cuetara@2x.png");
    }
}

.product-profile--tostarica .profile__logo {
    max-width: 306px;
    height: 95px;
    background-image: url("../images/brands/tostarica.png");
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--tostarica .profile__logo {
        background-image: url("../images/brands/tostarica@2x.png");
    }
}

.product-profile--tostarica-bizcochitos .profile__logo {
    height: 77px;
    background-image: url("../images/brands/tostarica-bizcochitos.png");
    background-size: 171px 77px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--tostarica-bizcochitos .profile__logo {
        background-image: url("../images/brands/tostarica-bizcochitos@2x.png");
    }
}

.product-profile--cuetara-tea-biscuits .profile__logo {
    height: 96px;
    background-image: url("../images/brands/cuetara-tea-biscuits.png");
    background-size: 180px 96px
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--cuetara-tea-biscuits .profile__logo {
        background-image: url("../images/brands/cuetara-tea-biscuits@2x.png")
    }
}

.product-profile--maria-biscuits .profile__logo {
    height: 99px;
    background-image: url("../images/brands/maria-biscuits.png");
    background-size: 217px 99px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--maria-biscuits .profile__logo {
        background-image: url("../images/brands/maria-biscuits@2x.png")
    }
}

.product-profile--digesta .profile__logo {
    height: 72px;
    background-image: url("../images/brands/digesta.png");
    background-size: 225px 72px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--digesta .profile__logo {
        background-image: url("../images/brands/digesta@2x.png")
    }
}

.product-profile--mini-bears .profile__logo {
    height:103px;
    background-image: url("../images/brands/mini-bears.png");
    background-size: 172px 103px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--mini-bears .profile__logo {
        background-image: url("../images/brands/mini-bears@2x.png")
    }
}

.product-profile--wafer .profile__logo {
    height: 70px;
    background-image: url("../images/brands/wafer.png");
    background-size: 210px 70px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--wafer .profile__logo {
        background-image: url("../images/brands/wafer@2x.png")
    }
}

.product-profile--cuetara-speciality .profile__logo {
    height: 107px;
    background-image: url("../images/brands/cuetara-speciality.png");
    background-size: 140px 107px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--cuetara-speciality .profile__logo {
        background-image: url("../images/brands/cuetara-speciality@2x.png")
    }
}

.product-profile--la-piara-bio-organic-hummus .profile__logo {
    height: 82px;
    background-image: url("../images/brands/la-piara-bio-organic-hummus.png");
    background-size: 183px 82px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .product-profile--la-piara-bio-organic-hummus .profile__logo {
        background-image: url("../images/brands/la-piara-bio-organic-hummus@2x.png")
    }
}

@media screen and (min-width:0) and (max-width:41.1875em) {
    .product-profile .profile__subtitle {
        line-height: 130%;
    }

    .product-profile .col--buttons {
        text-align: center;
        width: 100%;
        margin-bottom: .5em;
    }

    .product-profile .col--cookie, .product-profile .col--packs, .product-profile .col--explore, .product-profile .col--spot, .product-profile .col--tip {
        width: 100%;
    }

    .product-profile .col--info {
        width: 100%;
        padding-left: 2em;
        padding-right: 2em;
    }

    .product-profile .col--spot-list, .product-profile .col--tip-list {
        width: 100%;
    }

    .product-profile .video__wrapper {
        width: 244px;
        height: 137px;
    }

    .product-profile .video__list .list__item {
        width: 31%;
        margin: 0 1%;
        float: right;
    }

    .product-profile .col--explore .col__nav .button {
        width: 100%;
        margin: 0;
    }

    .product-profile .profile__sidebar--right {
        width: 100%;
    }

    .product-profile .profile__pack {
        display: none;
    }
}

@media screen and (min-width:41.25em) {
    .product-profile .col--explore .content--left {
        width: 78%;
        margin: 0 2% 0 0;
        float: left;
    }

    .product-profile .col--explore .content--right {
        width: 20%;
        margin: 0;
        float: right;
    }

    .product-profile .col--explore .col__nav .button {
        width: 50%;
        float: left;
    }
}

@media screen and (min-width:41.25em) and (max-width:59.9375em) {
    .product-profile .col--buttons {
        width: 20%;
    }

    .product-profile .col--cookie, .product-profile .col--packs, .product-profile .col--explore, .product-profile .col--spot, .product-profile .col--tip, .product-profile .col--spot-list, .product-profile .col--tip-list {
        width: 80%;
        float: right;
    }

    .product-profile .video__wrapper {
        width: 460px;
        height: 258px;
    }

    .product-profile .video__list .list__item {
        width: 31%;
        margin: 0 1%;
        float: right;
    }

    .product-profile .col--info {
        width: 80%;
        float: right;
    }

    .product-profile .profile__pack {
        display: none;
    }
}

@media screen and (min-width:60em) {
    .product-profile .col--buttons {
        /*min-height: 490px;*/
    }

    .product-profile .profile__pack {
        margin: 2em auto 1em;
    }

    .product-profile .video__wrapper {
        max-width: 620px;
        height: 350px;
    }

    .product-profile--bocaditos .profile__pack {
        margin: 7em auto 1em;
    }

    .product-profile--napolitanas .profile__pack {
        margin: 5em auto 1em;
    }

    .product-profile--fibralia .profile__pack {
        margin-bottom: 0;
    }

    .product-profile--fibralia .pack__list {
        margin-top: 0;
    }

    .product-profile--campurrianas .profile__pack {
        margin-bottom: 0;
    }

    .product-profile--campurrianas .pack__list {
        margin-top: 0;
    }

    .product-profile--chiquilin .profile__pack {
        margin: 0 auto;
    }

    .product-profile--chiquilin .pack__list {
        margin-top: 0;
    }

    .product-profile--dinosaurus .profile__pack {
        margin-bottom: 0;
    }

    .product-profile--dinosaurus .pack__list {
        margin-top: .5em;
    }

    .product-profile--cero-azucares-cuetara .pack__list {
        margin-top: 0;
    }

    .product-profile--cero-azucares-artiach .pack__list {
        margin-top: 0;
    }

    .product-profile--filipinos .profile__pack {
        margin-top: 6em;
    }

    .product-profile--krit .pack__list {
        margin-top: 0;
    }

    .product-profile--la-piara-solo-natural .pack__list {
        margin-top: 14em;
    }

    .product-profile--la-piara-tapa-negra .profile__pack, .product-profile--pez .profile__pack, .product-profile--surtido-cuetara .profile__pack {
        margin-top: 5em;
    }
}

@-webkit-keyframes product-col-enter {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes product-col-enter {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes product-col-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes product-col-leave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

.recipe__back {
    font: 300 1em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #6bb9e7;
    text-transform: uppercase;
    text-decoration: underline;
    position: absolute;
    z-index: 1;
}

.recipe__band {
    max-width: 781px;
    height: 112px;
    margin: 1.5em auto;
    background: url("../images/sections/recipe-band.png") no-repeat 50% 0;
    background-size: 781px 112px;
}

.recipe__results {
    margin-top: 1.5em;
}

    .recipe__results .result__item {
        max-width: 780px;
        background-color: #6bb9e7;
        overflow: hidden;
        position: relative;
    }

        .recipe__results .result__item img {
            margin: 0 auto;
        }

        .recipe__results .result__item .item__title {
            font-weight: 400;
            line-height: 116%;
            font-family: "Open Sans",Arial,Helvetica,sans-serif;
            color: #fff;
            margin: 0;
        }

        .recipe__results .result__item .item__link {
            font-weight: 400;
            font-size: 1.125em;
            font-family: "Open Sans",Arial,Helvetica,sans-serif;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            display: block;
            margin: 0 auto;
            background-color: #0b529a;
        }

            .recipe__results .result__item .item__link:hover, .recipe__results .result__item .item__link:focus {
                text-decoration: none;
                background-color: #6bb9e7;
            }

.csstransforms .recipe__results .result__item .item__link:hover, .csstransforms .recipe__results .result__item .item__link:focus {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.csstransitions .recipe__results .result__item .item__link {
    transition: all .3s ease-in;
}

    .csstransitions .recipe__results .result__item .item__link:hover, .csstransitions .recipe__results .result__item .item__link:focus {
        transition-duration: .2s;
        transition-timing-function: ease-out;
    }

@media screen and (min-width:0) and (max-width:29.5625em) {
    .recipe__results .result__item {
        width: 220px;
        margin: .5em auto 1em;
    }

        .recipe__results .result__item .item__image {
            width: 100%;
        }

        .recipe__results .result__item .item__desc {
            padding: 1em;
        }

        .recipe__results .result__item .item__title {
            font-size: 1.5em;
        }

        .recipe__results .result__item .item__link {
            line-height: 270%;
            width: 100%;
            clear: both;
        }
}

@media screen and (min-width:29.625em) and (max-width:42.6875em) {
    .recipe__results .result__item {
        margin: .5em 1.5em 1em;
    }

        .recipe__results .result__item .item__image {
            width: 30%;
            float: left;
        }

        .recipe__results .result__item .item__desc {
            width: 70%;
            float: left;
        }

    .boxsizing .recipe__results .result__item .item__desc {
        padding: .5em 1em;
    }

    .recipe__results .result__item .item__title {
        font-size: 1em;
    }

    .recipe__results .result__item .item__link {
        line-height: 270%;
        width: 100%;
        clear: both;
    }
}

@media screen and (min-width:42.75em) and (max-width:52.4375em) {
    .recipe__results .result__item {
        margin: .5em 1.5em 1em;
    }

        .recipe__results .result__item .item__image {
            width: 220px;
            height: 96px;
            position: absolute;
        }

        .recipe__results .result__item .item__desc {
            width: 100%;
            height: 96px;
            float: left;
        }

    .boxsizing .recipe__results .result__item .item__desc {
        padding: .5em 11em 1em 240px;
    }

    .recipe__results .result__item .item__title {
        font-size: 1.25em;
    }

    .recipe__results .result__item .item__link {
        line-height: 96px;
        width: 8.75em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media screen and (min-width:52.5em) {
    .recipe__results .result__item {
        margin: .5em auto 1em;
    }

        .recipe__results .result__item .item__image {
            width: 220px;
            height: 96px;
            float: left;
        }

        .recipe__results .result__item .item__desc {
            width: 560px;
            height: 96px;
            float: left;
        }

    .boxsizing .recipe__results .result__item .item__desc {
        padding: .5em 11em 1em 1em;
    }

    .recipe__results .result__item .item__title {
        font-size: 1.475em;
    }

    .no-boxsizing .recipe__results .result__item .item__title {
        margin: .25em 5em .5em .5em;
    }

    .recipe__results .result__item .item__link {
        line-height: 96px;
        width: 8.75em;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
}

.recipe-profile {
    margin: 0 0 3em;
}

    .recipe-profile .recipe__title {
        font: 400 1.5625em/130% "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        padding: .5em .75em;
        background-color: #6bb9e7;
    }

    .recipe-profile .recipe__desc {
        margin: 1.5em auto;
    }

        .recipe-profile .recipe__desc p {
            font: 700 1.125em/130% "Open Sans",Arial,Helvetica,sans-serif;
            color: #c1001f;
            margin: 0 auto .5em;
        }

        .recipe-profile .recipe__desc ol {
            padding: 0;
            margin: 0 0 1.5em 1.6em;
        }

        .recipe-profile .recipe__desc li {
            font: 400 1.125em/130% "Open Sans",Arial,Helvetica,sans-serif;
            color: #5b5b5f;
        }

    .recipe-profile .recipe__ingredients p {
        font: 700 1.125em/130% "Open Sans",Arial,Helvetica,sans-serif;
        color: #6bb9e7;
        margin: 0 auto .5em;
    }

    .recipe-profile .recipe__ingredients ul {
        padding: 0;
        margin: 0 0 1.5em 1.1em;
    }

    .recipe-profile .recipe__ingredients li {
        font: 700 .875em/130% "Open Sans",Arial,Helvetica,sans-serif;
        color: #5b5b5f;
    }

@media screen and (min-width:0) and (max-width:59.9375em) {
    .recipe__back {
        right: 1.5em;
    }
}

@media screen and (min-width:0) and (max-width:47.5625em) {
    .recipe-profile .recipe__title {
        margin: 0 auto 1em;
    }

    .recipe-profile .counter {
        display: inline-block;
        margin: .25em 1em;
    }

    .recipe-profile .col--buttons {
        width: 100%;
        text-align: center;
    }

    .recipe-profile .col--desc {
        width: 100%;
    }

        .recipe-profile .col--desc .col--2, .recipe-profile .col--desc .col--6 {
            width: 100%;
            padding-top: 2em;
        }
}

@media screen and (min-width:47.625em) {
    .recipe-profile .recipe__title {
        margin: 0 auto 2em;
    }
}

@media screen and (min-width:47.625em) and (max-width:54.6875em) {
    .recipe-profile .col--buttons {
        width: 14%;
    }

    .recipe-profile .col--desc {
        width: 86%;
    }

        .recipe-profile .col--desc .col--2 {
            width: 100%;
            padding-top: 2em;
        }

        .recipe-profile .col--desc .col--6 {
            width: 100%;
        }
}

@media screen and (min-width:54.75em) and (max-width:59.9375em) {
    .recipe-profile .col--buttons {
        width: 14%;
    }

    .recipe-profile .col--desc {
        width: 86%;
    }

        .recipe-profile .col--desc .col--2 {
            width: 20%;
        }

        .recipe-profile .col--desc .col--6 {
            width: 80%;
            float: right;
        }
}

@media screen and (min-width:60em) {
    .recipe__back {
        right: 0;
    }

    .col--desc .col--6 {
        float: right;
    }
}

.awesome-bubble {
    display: none;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
}

.canvas .awesome-bubble {
    display: block;
}

.awesome-bubble--1 {
    margin: 180px 0 0 440px;
}

.awesome-bubble--2 {
    margin: 170px 0 0 -630px;
}

.awesome-bubble--3 {
    margin: 530px 0 0 471px;
}

.awesome-bubble--4 {
    margin: -250px 0 0 -1120px;
}

.awesome-bubble--5 {
    margin: -250px 0 0 580px;
}

.button {
    cursor: pointer;
    text-decoration: none;
    border: 0 none;
    outline: none;
}

    .button:hover, .button:focus {
        text-decoration: none;
    }

.csstransitions .button {
    transition: all .3s ease-in;
}

.csstransforms .button:hover {
    transition-duration: .2s;
    transition-timing-function: ease-out;
    -webkit-transform: scale(.85);
    transform: scale(.85);
}

.button.is-inactive {
    cursor: default;
}

.csstransforms .button.is-inactive:hover {
    -webkit-transform: none;
    transform: none;
}

.opacity .button.is-inactive {
    opacity: .3;
}

.no-opacity .button.is-inactive {
    display: none;
}

.button--close {
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    background: url("../images/ui/ico-close.png") no-repeat 50% 50%;
    background-size: 32px 31px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--close {
        background-image: url("../images/ui/ico-close@2x.png");
    }
}

.button--prev {
    text-indent: -9999px;
    width: 40px;
    height: 38px;
    background: url("../images/ui/arrow-prev.png") no-repeat 0 0;
    background-size: 40px 38px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--prev {
        background-image: url("../images/ui/arrow-prev@2x.png");
    }
}

.button--prev.is-small {
    width: 30px;
    height: 29px;
    background: url("../images/ui/arrow-prev-small.png") no-repeat 0 0;
    background-size: 30px 29px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--prev.is-small {
        background-image: url("../images/ui/arrow-prev-small@2x.png");
    }
}

.button--next {
    text-indent: -9999px;
    width: 40px;
    height: 38px;
    background: url("../images/ui/arrow-next.png") no-repeat 0 0;
    background-size: 40px 38px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--next {
        background-image: url("../images/ui/arrow-next@2x.png");
    }
}

.button--next.is-small {
    width: 30px;
    height: 29px;
    background: url("../images/ui/arrow-next-small.png") no-repeat 0 0;
    background-size: 30px 29px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--next.is-small {
        background-image: url("../images/ui/arrow-next-small@2x.png");
    }
}

.button--submit {
    font: 300 2em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    width: 5.5em;
    height: 4.25em;
    padding: 0;
    margin: .5em auto;
    background-color: #6bb9e7;
    border: 0 none;
    border-radius: 82% 80% 92% 88%;
}

.button--submit, .button--contacto {
    color: #fff;
    text-transform:!important lowercase;
    display: block;
}

.button--contacto {
    font: 700 .75em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    text-align: left;
    width: 156px;
    height: 72px;
    margin: 0 auto;
    background: #c1001f url("../images/ui/TextoTienda.png") no-repeat 94% 50%;
    background-size: 149px 72px;
    padding: 1.2em 4.2em 1.2em 1em;
    border-radius: 0 0 16px 16px;
}
/*.button--contacto {
    font-size: .75em;
    text-align: left;
    width: 145px;
    height: 63px;
    background: url("../images/ui/TextoTienda.png") no-repeat 77% 50%;
    border-radius: 0 0 16px 16px;
}*/


    .button--contacto:hover, .button--contacto:focus {
        text-decoration: none;
        background-color: #a8001b;
    }

.csstransforms .button--contacto:hover, .csstransforms .button--contacto:focus {
    -webkit-transform: none;
    transform: none;
}

.button--menu {
    width: 32px;
    height: 44px;
    background-color: transparent;
    padding: 0;
}

    .button--menu .menu__line {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #6bb9e7;
        border-radius: 4px;
        margin: 6px 0;
    }

.button--video {
    padding: 0;
    background-color: transparent;
}

.button--web {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #c1001f;
    display: block;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 58px;
    padding-top: 62px;
    background: url("../images/ui/ico-web.png") no-repeat 50% 0;
    background-size: 58px 55px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--web {
        background-image: url("../images/ui/ico-web@2x.png");
    }
}

.button--spots {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #77aa38;
    text-align: center;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    width: 57px;
    padding-top: 62px;
    background: url("../images/ui/ico-spots.png") no-repeat 50% 0;
    background-size: 57px 54px;
}

.no-opacity .button--spots.is-active {
    color: #cfcfcf;
}

.opacity .button--spots.is-active {
    opacity: .4;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--spots {
        background-image: url("../images/ui/ico-spots@2x.png");
    }
}

.button--spots img {
    display: inline;
    padding-left: 2px;
}

.button--info {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #eec319;
    text-align: center;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    width: 58px;
    padding-top: 60px;
    background: url("../images/ui/ico-info.png") no-repeat 50% 0;
    background-size: 58px 54px;
}

.no-opacity .button--info.is-active {
    color: #cfcfcf;
}

.opacity .button--info.is-active {
    opacity: .4;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--info {
        background-image: url("../images/ui/ico-info@2x.png");
    }
}

.button--explore {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #77aa38;
    text-align: center;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    width: 57px;
    padding-top: 62px;
    background: url("../images/ui/ico-explore.png") no-repeat 50% 0;
    background-size: 57px 54px;
}

.no-opacity .button--explore.is-active {
    color: #cfcfcf;
}

.opacity .button--explore.is-active {
    opacity: .4;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--explore {
        background-image: url("../images/ui/ico-explore@2x.png");
    }
}

.button--tips {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #6bb9e7;
    text-align: center;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    width: 58px;
    padding-top: 54px;
    background: url("../images/ui/ico-tips.png") no-repeat 50% 0;
    background-size: 58px 50px;
}

.no-opacity .button--tips.is-active {
    color: #cfcfcf;
}

.opacity .button--tips.is-active {
    opacity: .4;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--tips {
        background-image: url("../images/ui/ico-tips@2x.png");
    }
}

.button--recipes {
    font: 400 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #c0601a;
    text-align: center;
    text-transform: uppercase;
    display: block;
    display: inline-block;
    width: 58px;
    padding-top: 54px;
    background: url("../images/ui/ico-recipes.png") no-repeat 50% 0;
    background-size: 58px 50px;
}

.no-opacity .button--recipes.is-active {
    color: #cfcfcf;
}

.opacity .button--recipes.is-active {
    opacity: .4;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .button--recipes {
        background-image: url("../images/ui/ico-recipes@2x.png");
    }
}

.button--search {
    font: 700 1.625em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #0b529a;
    text-transform: uppercase;
    margin: 0 auto;
    background-color: transparent;
}

.button--tab {
    font: 300 .8125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: .5em;
    background-color: #c1001f;
}

    .button--tab:hover, .button--tab:focus, .button--tab.is-active {
        background-color: #750013;
    }

.csstransforms .button--tab:hover, .csstransforms .button--tab:focus, .csstransforms .button--tab.is-active {
    -webkit-transform: none;
    transform: none;
}

.carousel {
    width: 100%;
    margin-bottom: 1.5em;
    position: relative;
    z-index: 3;
}

.carousel__title {
    font: 400 1.625em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #c1001f;
    text-transform: uppercase;
    margin: .25em 0 1em;
}

.carousel__items {
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1;
}

.carousel__items, .carousel__item {
    position: relative;
}

.carousel__navigation {
    margin: .5em 0 0;
    position: relative;
}

.carousel--slider .carousel__wrapper {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.carousel--slider .carousel__items {
    width: 100%;
    height: 360px;
}
@media (min-width: 48em) { /* 768px >> */
  .carousel--slider .carousel__items {
    height: 267px;
  }
}

.csstransforms3d .carousel--slider .carousel__items {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.carousel--slider .carousel__item {
    display: none;
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
@media (min-width: 48em) { /* 768px >> */
  .carousel--slider .carousel__item {
    height: 267px;
  }
}
  .carousel--slider .carousel__item.is-active {
      display: block;
  }

.carousel--home {
    margin: .5em auto 1.5em;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

    .carousel--home .carousel__wrapper {
        width: 100%;
        height: 170px;
        padding: 1.6em 0 0.5em;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

.csstransforms3d .carousel--home .carousel__items {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.carousel--home .carousel__item {
    text-align: center;
    text-indent: -9999px;
    width: 164px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
    position: relative;
}

.no-csstransforms .carousel--home .carousel__item {
    text-indent: 0;
}

    .no-csstransforms .carousel--home .carousel__item img {
        display: inline;
    }

.csstransitions.csstransforms .carousel--home .carousel__item {
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .csstransitions.csstransforms .carousel--home .carousel__item:hover, .csstransitions.csstransforms .carousel--home .carousel__item:focus, .csstransitions.csstransforms .carousel--home .carousel__item.is-active {
        transition-duration: .2s;
        transition-timing-function: ease-out;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

.carousel--home .carousel__item img {
    max-width: 80%;
}

.csstransforms .carousel--home .carousel__item img {
    margin: 0 auto;
    z-index: 1;
}

.carousel--home .carousel__navigation {
    position: static;
    margin: 0;
}

.carousel--home .button--prev {
    margin-top: -19px;
    position: absolute;
    left: -48px;
    top: 50%;
}

.carousel--home .button--next {
    margin-top: -19px;
    position: absolute;
    right: -48px;
    top: 50%;
}

.carousel--brands {
    margin: 0 auto;
}

    .carousel--brands .carousel__wrapper {
        width: 65%;
        height: 144px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    .carousel--recipes .carousel__wrapper {
        height: 142px;
    }
    @media screen and (min-width:28.5em) {
      .carousel--brands .carousel__wrapper {
          width: 80%;
        }
    }

    .carousel--brands .carousel__item {
        text-indent: -9999px;
        width: 155px;
        padding: 0 .5em;
        float: left;
    }

.csstransitions.csstransforms .carousel--brands .carousel__item {
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .csstransitions.csstransforms .carousel--brands .carousel__item:hover, .csstransitions.csstransforms .carousel--brands .carousel__item:focus, .csstransitions.csstransforms .carousel--brands .carousel__item.is-active {
        transition-duration: .2s;
        transition-timing-function: ease-out;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

.carousel--brands .carousel__navigation {
    width: 100%;
    height: 38px;
    margin: 0;
    position: absolute;
    top: 31%;
}
.carousel--recipes .carousel__navigation {
  top: 52%;
}

.carousel--brands .button--prev {
    float: left;
}

.carousel--brands .button--next {
    float: right;
}

.carousel--video {
    margin: 1em auto 1.5em;
}

    .carousel--video .carousel__wrapper {
        width: 100%;
        height: 74px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

.csstransforms3d .carousel--video .carousel__items {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.carousel--video .carousel__item {
    text-align: center;
    text-indent: -9999px;
    line-height: 140px;
    width: 164px;
    height: 74px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
    position: relative;
}

.no-csstransforms .carousel--video .carousel__item {
    text-indent: 0;
}

    .no-csstransforms .carousel--video .carousel__item img {
        display: inline;
    }

.csstransitions.csstransforms .carousel--video .carousel__item {
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    -webkit-transform: scale(1);
    transform: scale(1);
}

    .csstransitions.csstransforms .carousel--video .carousel__item:hover, .csstransitions.csstransforms .carousel--video .carousel__item:focus, .csstransitions.csstransforms .carousel--video .carousel__item.is-active {
        transition-duration: .2s;
        transition-timing-function: ease-out;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

.carousel--video .carousel__item img {
    max-width: 80%;
}

.csstransforms .carousel--video .carousel__item img {
    -webkit-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.carousel--video .carousel__navigation {
    position: static;
    margin: 0;
}

.carousel--video .button--prev {
    margin-top: -19px;
    position: absolute;
    left: -48px;
    top: 50%;
}

.carousel--video .button--next {
    margin-top: -19px;
    position: absolute;
    right: -48px;
    top: 50%;
}

@media screen and (min-width:0) and (max-width:28.4375em) {
    .carousel--home {
        max-width: 164px;
    }
}

@media screen and (min-width:28.625em) and (max-width:38.8125em) {
    .carousel--home {
        max-width: 328px;
    }
}

@media screen and (min-width:38.875em) and (max-width:49.0625em) {
    .carousel--home {
        max-width: 492px;
    }
}

@media screen and (min-width:49.125em) and (max-width:59.9375em) {
    .carousel--home {
        max-width: 656px;
    }
}

@media screen and (min-width:60em) {
    .carousel--home {
        max-width: 820px;
    }
}

@media screen and (min-width:0) and (max-width:28.4375em) {
    .carousel--brands {
        max-width: 240px;
    }
}

@media screen and (min-width:28.625em) and (max-width:49.0625em) {
    .carousel--brands {
        max-width: 390px;
    }
}

@media screen and (min-width:49.125em) and (max-width:59.9375em) {
    .carousel--brands {
        max-width: 587px;
    }
}

@media screen and (min-width:60em) {
    .carousel--brands {
        max-width: 820px;
    }
}

@media screen and (min-width:0) and (max-width:59.9375em) {
    .carousel--slider .carousel__wrapper {
        margin-left: .5em;
        margin-right: .5em;
    }

    .carousel__navigation {
        text-align: center;
    }
}

@media screen and (min-width:60em) {
    .carousel__navigation {
        text-align: left;
    }
}

@media screen and (min-width:0) and (max-width:30.5625em) {
    .carousel--video {
        width: 164px;
    }
}

@media screen and (min-width:30.625em) and (max-width:48.6875em) {
    .carousel--video {
        width: 328px;
    }
}

@media screen and (min-width:48.75em) {
    .carousel--video {
        width: 492px;
    }
}

.video-featured {
    text-align: left;
    width: 100%;
    background: 0 0;
    cursor: pointer;
    border: 0 none;
    position: relative;
}

    .video-featured .video__title {
        max-width: 100%;
        margin: 0 auto .5em;
    }

    .video-featured .video__image {
        display: block;
        margin: 0 auto;
        position: relative;
        border-radius: 8px;
    }

.csstransitions.csstransforms .video-featured .video__image:hover .video__icon, .csstransitions.csstransforms .video-featured .video__image:focus .video__icon {
    transition-duration: .2s;
    transition-timing-function: ease-out;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .6;
}

.video-featured .video__icon {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url("../images/ui/ico-play.png") no-repeat 0 0;
    background-size: 50px 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.csstransitions.csstransforms .video-featured .video__icon {
    transition: all .3s ease-in;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured .video__icon {
        background-image: url("../images/ui/ico-play@2x.png");
    }
}

.video-featured--home-conoce .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-conoce.jpg") no-repeat 0 0;
    background-size: 220px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--home-conoce .video__image {
        background-image: url("../images/videos/video-conoce@2x.jpg");
    }
}

.video-featured--home-marcas .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-marcas.jpg") no-repeat 0 0;
    background-size: 220px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--home-marcas .video__image {
        background-image: url("../images/videos/video-marcas@2x.jpg");
    }
}

.video-featured--home-comprometidos .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-comprometidos.jpg") no-repeat 0 0;
    background-size: 220px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--home-comprometidos .video__image {
        background-image: url("../images/videos/video-comprometidos@2x.jpg");
    }
}

.video-featured--home-fabricas .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-fabricas.jpg") no-repeat 0 0;
    background-size: 220px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--home-fabricas .video__image {
        background-image: url("../images/videos/video-fabricas@2x.jpg");
    }
}

.video-featured--home-fesnad .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-fesnad.jpg") no-repeat 0 0;
    background-size: 220px 129px;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--home-fesnad .video__image {
        background-image: url("../images/videos/video-fesnad@2x.jpg");
    }
}

.video-featured--visita .video__image {
    width: 220px;
    height: 129px;
    background: url("../images/videos/video-visita.jpg") no-repeat 0 0;
    background-size: 220px 128px;
    margin: 0 0 0 auto;
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .video-featured--visita .video__image {
        background-image: url("../images/videos/video-visita@2x.jpg");
    }
}

.video-featured--nutricion {
    text-align: center;
    min-height: 232px;
}

    .video-featured--nutricion .video__image {
        width: 168px;
        height: 94px;
        margin-bottom: 1em;
        background-size: 168px 94px;
    }

    .video-featured--nutricion .video__title {
        font: 700 1.125em/120% "Open Sans",Arial,Helvetica,sans-serif;
        color: #244d48;
        text-transform: uppercase;
        margin: .5em auto 0;
    }

    .video-featured--nutricion .video__subtitle {
        margin: .5em auto;
    }

.video-featured--nutri-marbu .video__image {
    background: url("../images/videos/nutri-marbu.png") no-repeat 0 0;
}

.video-featured--nutri-fibralia .video__image {
    background: url("../images/videos/nutri-fibra.png") no-repeat 0 0;
}

.video-featured--nutri-fibra-linea .video__image {
    background: url("../images/videos/nutri-fibra.png") no-repeat 0 0;
}

.video-featured--nutri-fibra-soja .video__image {
    background: url("../images/videos/nutri-fibra-soja.png") no-repeat 0 0;
}

.video-featured--nutri-tostarica .video__image {
    background: url("../images/videos/nutri-tostarica.png") no-repeat 0 0;
}

.video-featured--nutri-chiquilin .video__image {
    background: url("../images/videos/nutri-chiquilin.png") no-repeat 0 0;
}

.video-featured--nutri-cero-azucares .video__image {
    background: url("../images/videos/nutri-cero-azucares.png") no-repeat 0 0;
}

.video-featured--nutri-dinosaurus .video__image {
    background: url("../images/videos/nutri-dinosaurus.png") no-repeat 0 0;
}

.video-featured--digestive-cero-azucares .video__image {
    background: url("../images/videos/digestive-cero-azucares.png") no-repeat 0 0;
}

.video-featured--campurrianas-cero-azucares .video__image {
    background: url("../images/videos/campurrianas-cero-azucares.png") no-repeat 0 0;
}

.video-featured--marbu-cero-azucares .video__image {
    background: url("../images/videos/marbu-cero-azucares.png") no-repeat 0 0;
}

@media screen and (min-width:0) and (max-width:36.1875em) {
    .video-featured--nutricion {
        padding: 0 1.5em;
        margin: 1em auto;
    }
}

@media screen and (min-width:36.25em) and (max-width:49.9375em) {
    .video-featured--nutricion {
        width: 50%;
        padding: 0 1.5em;
        margin: 1em auto;
        float: left;
    }
}

@media screen and (min-width:50em) {
    .video-featured--nutricion {
        width: 168px;
        margin: 1em;
        float: left;
    }
}

.video-featured--iphone {
    padding: 2em 0;
    margin: 2.5em auto;
}

    .video-featured--iphone .video__frame {
        background-color: #212121;
        box-shadow: inset 0 0 10px #000;
    }

@media screen and (min-width:39em) {
    .video-featured--iphone .video__asset {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
    }

    .video-featured--iphone .video__asset--green {
        width: 467px;
        height: 337px;
        margin: -170px 0 0 -440px;
        background: url("../images/ui/bubble-green.png") no-repeat 0 0;
        background-size: 467px 337px;
    }
}

@media screen and (min-width:39em) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:39em) and (min-resolution:192dpi) {
    .backgroundsize .video-featured--iphone .video__asset--green {
        background-image: url("../images/ui/bubble-green@2x.png");
    }
}

@media screen and (min-width:39em) {
    .video-featured--iphone .video__asset--red {
        width: 512px;
        height: 369px;
        margin: -170px 0 0 -440px;
        background: url("../images/ui/bubble-red.png") no-repeat 0 0;
        background-size: 512px 369px;
    }
}

@media screen and (min-width:39em) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:39em) and (min-resolution:192dpi) {
    .backgroundsize .video-featured--iphone .video__asset--red {
        background-image: url("../images/ui/bubble-red@2x.png");
    }
}

@media screen and (min-width:39em) {
    .video-featured--iphone .video__mobile {
        width: 577px;
        height: 286px;
        margin: 0 auto;
        background: url("../images/ui/iphone-landscape.png") no-repeat 0 0;
        background-size: 577px 286px;
        position: relative;
        z-index: 2;
    }

    .video-featured--iphone .video__frame {
        width: 445px;
        height: 248px;
        position: absolute;
        left: 66px;
        top: 18px;
        z-index: 1;
    }
}

.map {
    margin: 2em auto 0;
    position: relative;
}

    .map .map__title {
        font: 400 1.0625em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
        color: #5b5b5f;
        text-transform: uppercase;
        margin: 0;
    }

        .map .map__title strong {
            font-weight: 400;
            font-size: 1.33em;
            color: #a47c24;
            display: block;
        }

        .map .map__title em {
            font-style: normal;
            display: block;
            margin-bottom: .5em;
        }

    .map .map__featured {
        width: 254px;
        height: 274px;
        padding: 3em 1em 0;
        background: url("../images/ui/map-featured.png") no-repeat 1px 1px;
        background-size: 254px 274px;
    }

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .backgroundsize .map .map__featured {
        background-image: url("../images/ui/map-featured@2x.png");
    }
}

.map .map__featured .featured__title {
    font: 300 1.125em/130% "Nunito","Avenir",Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: right;
    margin: 0;
}

.map .map__featured .video-featured {
    position: absolute;
    right: .5em;
    bottom: .8em;
}

.map .map__zone {
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #a07b23;
    border: 0 none;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
}

    .map .map__zone:hover, .map .map__zone:focus, .map .map__zone.is-active {
        background-color: #6bb9e7;
    }

@media screen and (min-width: 44.375em) {
  .csstransforms .map .map__zone:hover, .csstransforms .map .map__zone:focus, .csstransforms .map .map__zone.is-active {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.csstransitions.csstransforms .map .map__zone {
    transition: all .3s ease-in;
}

    .csstransitions.csstransforms .map .map__zone:hover, .csstransitions.csstransforms .map .map__zone:focus {
        transition-duration: .2s;
        transition-timing-function: .2s;
    }

.csstransforms .map .map__zone {
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

@media screen and (min-width:0) and (max-width:44.3125em) {
    .map {
        padding-top: 232px;
        background: url("../images/ui/map-medium.png") no-repeat 50% 0%;
        background-size: 300px 215px;
    }

        .map .map__title {
            margin: 1.5em auto;
        }

        .map .map__featured {
            float: right;
            position: relative;
        }

        .map .map__zone {
            margin: 0;
            left: 50%;
            top: 0;
        }

        .map .map__zone--cantabria {
            margin-left: -8px;
            margin-top: 12px;
        }

        .map .map__zone--vizcaya {
            margin-left: 22px;
            margin-top: 14px;
        }

        .map .map__zone--girona {
            margin-left: 104px;
            margin-top: 38px;
        }

        .map .map__zone--barcelona {
            margin-left: 82px;
            margin-top: 48px;
        }

        .map .map__zone--aneto {
            margin-left: 62px;
            margin-top: 48px;
        }

        .map .map__zone--madrid {
            margin-left: -16px;
            margin-top: 80px;
        }

        .map .map__zone--portugal {
            margin-left: -92px;
            margin-top: 90px;
        }

        .map .map__zone--vila-nova-gaia {
            margin-left: -100px;
            margin-top: 53px;
        }
}

@media screen and (min-width:44.375em) {
    .map {
        height: 456px;
        background: url("../images/ui/map.png") no-repeat 0% 0%;
        background-size: 554px 396px;
    }

        .map .map__title {
            position: absolute;
            left: 540px;
            top: 48px;
        }

        .map .map__featured {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .map .map__zone {
            margin: 0;
        }

        .map .map__zone--cantabria {
            left: 250px;
            top: 33px;
        }

        .map .map__zone--vizcaya {
            left: 298px;
            top: 32px;
        }

        .map .map__zone--girona {
            left: 474px;
            top: 78px;
        }

        .map .map__zone--barcelona {
            left: 436px;
            top: 92px;
        }

        .map .map__zone--madrid {
            left: 262px;
            top: 150px;
        }

        .map .map__zone--portugal {
            left: 108px;
            top: 160px;
        }

        .map .map__zone--vila-nova-gaia {
          left: 99px;
          top: 108px;
        }

        .map .map__zone--aneto {
            left: 414px;
            top: 92px;
        }
}

.map__detail {
    margin: .5em auto 1.5em;
}

.map__detail--villarejo .map__title {
    margin-left: -52px;
    margin-top: -60px;
}

.map__detail--villarejo .map__zone {
    margin-left: -13px;
    margin-top: -20px;
}

.map__detail--reinosa .map__title {
    margin-left: -44px;
    margin-top: -75px;
}

.map__detail--reinosa .map__zone {
    margin-left: -6px;
    margin-top: -94px;
}

.map__detail--orozco .map__title {
    margin-left: -18px;
    margin-top: -72px;
}

.map__detail--orozco .map__zone {
    margin-left: -14px;
    margin-top: -90px;
}

.map__detail--riudarenes .map__title {
    margin-left: -12px;
    margin-top: -64px;
}

.map__detail--riudarenes .map__zone {
    margin-left: 114px;
    margin-top: -62px;
}

.map__detail--pombal .map__title {
    margin-left: -78px;
    margin-top: -22px;
}

.map__detail--pombal .map__zone {
    margin-left: -94px;
    margin-top: -16px;
}

.map__detail--vila-nova-gaia .map__title {
    margin-left: -78px;
    margin-top: -22px;
}

.map__detail--vila-nova-gaia .map__zone {
    margin-left: -94px;
    margin-top: -16px;
}

.map__detail--manlleu .map__title {
    margin-left: 0;
    margin-top: -56px;
}

.map__detail--manlleu .map__zone {
    margin-left: 98px;
    margin-top: -54px;
}

.map__detail--aneto .map__title {
    margin-left: 0;
    margin-top: -56px;
}

.map__detail--aneto .map__zone {
    margin-left: 98px;
    margin-top: -54px;
}

.map__detail .detail__title {
    font: 300 1.875em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #6bb9e7;
    text-transform: uppercase;
    height: 50px;
    margin: 0 auto .25em;
}

.map__detail p strong {
    color: #6bb9e7;
}

.map__detail .detail__map {
    width: 100%;
    height: 233px;
    padding-top: .5em;
    background: url("../images/ui/map-mini.png") no-repeat 50% 100%;
    background-size: 324px 233px;
    border-top: 1em solid #0b529a;
    box-sizing: content-box;
    position: relative;
}

.map__detail .map__title {
    font: 700 .8125em/130% "Open Sans",Arial,Helvetica,sans-serif;
    color: #5b5b5f;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
}

    .map__detail .map__title strong {
        font-weight: 700;
        font-size: 1.3846em;
        color: #6bb9e7;
        display: block;
    }

.map__detail .map__zone {
    width: 10px;
    height: 10px;
    background-color: #6bb9e7;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.map__detail .featured__banner {
    font: 400 1.25em/50px "Open Sans",Arial,Helvetica,sans-serif;
    color: #fff;
    height: 50px;
    padding: 0 1em;
    background-color: #6bb9e7;
    overflow: hidden;
    position: relative;
}

    .map__detail .featured__banner .banner__link {
        font: 400 .75em/130% "Open Sans",Arial,Helvetica,sans-serif;
        color: #fff;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 140px;
        height: 50px;
        padding: .45em 2em;
        background-color: #0b529a;
        position: absolute;
        right: 0;
        top: 0;
    }

        .map__detail .featured__banner .banner__link:hover, .map__detail .featured__banner .banner__link:focus {
            text-decoration: none;
            background-color: #6bb9e7;
        }

.csstransforms .map__detail .featured__banner .banner__link:hover, .csstransforms .map__detail .featured__banner .banner__link:focus {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.csstransitions .map__detail .featured__banner .banner__link {
    transition: all .3s ease-in;
}

    .csstransitions .map__detail .featured__banner .banner__link:hover, .csstransitions .map__detail .featured__banner .banner__link:focus {
        transition-duration: .2s;
        transition-timing-function: ease-out;
    }

@media screen and (min-width:0) and (max-width:44.3125em) {
    .map__detail .col--6, .map__detail .col--4 {
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
        float: none;
    }
}

@media screen and (min-width:44.375em) and (max-width:59.9375em) {
    .map__detail .col--6 {
        width: 50%;
        padding-right: 0;
    }

    .map__detail .col--4 {
        width: 50%;
        padding-left: 0;
    }
}

.counter {
    text-transform: uppercase;
    display: block;
    margin: 0 0 1em;
}

    .counter strong {
        font-weight: 700;
        line-height: 60px;
        color: #fff;
        max-width: 60px;
        height: 60px;
        margin: 0 auto .25em;
    }

    .counter strong, .counter em {
        font-style: normal;
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
        text-align: center;
        display: block;
    }

    .counter em {
        font-weight: 400;
    }

.counter--ppl strong {
    font-size: 1.875em;
    background-color: #c1001f;
    border-radius: 97% 86% 96% 90%;
}

.counter--ppl em {
    font-size: .75em;
    color: #c1001f;
}

.counter--min strong {
    font-size: 1.875em;
    background-color: #77aa38;
    border-radius: 86% 90% 97% 96%;
}

.counter--min em {
    font-size: .75em;
    color: #77aa38;
}

.counter--cook strong {
    font-size: 1.875em;
    background-color: #eec319;
    border-radius: 86% 90% 96% 97%;
}

.counter--cook em {
    font-size: .75em;
    color: #eec319;
}

.counter--diff strong {
    font-size: .9375em;
    background-color: #6bb9e7;
    border-radius: 96% 97% 86% 90%;
}

.counter--diff em {
    font-size: .75em;
    color: #6bb9e7;
}

.nocookie {
  display: none;
  width: 100%;
  z-index: 100;
  position: fixed;
  bottom: 0;
}
  .nocookie.is-active {
    display: block;
  }

.variety__td {
  padding: 0 0.7em 1em;
}

.col-2 {
  left: 200%;
}

.brand-div-masterbrand {
  width: 100%;
  display: block;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 48em) {
  .brand-div-masterbrand {
    width: 190px;
    display: table-cell;
  }
}

.brand-div-masterbrand-items {
  display: block;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .brand-div-masterbrand-items {
    display: table-cell;
    width: 580px;
    vertical-align: middle;
  }
}
.page--marcas .brand-div-masterbrand-items {
  margin-top: 3em;
}

.page--marcas .brand-div-masterbrand-items ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 48em) {
  .page--marcas .brand-div-masterbrand-items ul {
    border-left: solid 1px #a7c2d4;
    justify-content: left;
  }
}

.brand-div-masterbrand-others {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.brand-div-masterbrand-others .brand-div-masterbrand {
  display: inline-block;
  margin: 0;
  position: relative;
}

.breadcrumbs {
  font: 300 0.875em/120% "Nunito","Avenir",Arial,Helvetica,sans-serif;
  color: #5b5b5f;
  margin: 1.5em 0;
  position: relative;
}

.special_text {
  display: block;
  width: 100%;
  color: #5b5b5f;
  font-size: 1em;
  line-height: 11px;
  text-indent: 0;
  text-align: center;
  margin-top: 0.5em;
  position: relative;
}

.carousel--brands .carousel__item .special_text,
.carousel--home .carousel__item .special_text {
  font-size: 0.6em;
}

.brand-list .list__item,
.carousel--home .carousel__item {
  position: relative;
}

.carousel--brands .carousel__item:hover,
.carousel--brands .carousel__item:focus,
.carousel--brands .carousel__item.is-active,
.carousel--home .carousel__item:hover,
.carousel--home .carousel__item:focus,
.carousel--home .carousel__item.is-active {
  text-decoration: none;
}

.is-temp-loading {
  opacity: 0;
}

.submenu__item--2 {
  position: relative;
}

.is-new:after {
  content: 'NEW';
  background: #78ac35;
  color: white;
  margin: 0;
  padding: 0.2em 0.5em;
  line-height: 100%;
  position: absolute;
  right: 2%;
  top: 7%;
}

@media screen and (max-width: 47.9375em) {
  .carousel__rwd {
    padding: 0 !important;
  }
  .carousel__rwd .carousel__wrapper {
    margin: 0;
  }
}

.button--idae {
  width: 9.5em;
  height: 8.5625em;
  background: url('../images/idae/footer-patrons.png') 50% 50% / contain no-repeat;
}

.csstransforms .button--idae:hover,
.csstransforms .button--idae:focus {
  transform: none;
}

.page__footer .button--idae {
  margin: 1.5em 0 0;
}