/** ---------------------------------------- */
/** 0. Fonts */
@font-face {
  font-family: "Acorn";
  src: url(/assets/Acorn-Regular-983efbbbb284c4ed68093ec9e85ec0d16cfae59fcd50a760d70188bd73fbf331.eot);
  src: url(/assets/Acorn-Regular-983efbbbb284c4ed68093ec9e85ec0d16cfae59fcd50a760d70188bd73fbf331.eot?#iefix) format("embedded-opentype"), url(/assets/Acorn-Regular-b0f37ef3496ed1dfc0fc19af147c0ccd7113436ae1c6ba042f251efb246ea5e3.woff2) format("woff2"), url(/assets/Acorn-Regular-81578af2f4995c24360949dc02eed2b64fcae9df93b92a14c3a275f664787c40.woff) format("woff"), url(/assets/Acorn-Regular-9a70b7c27f5c2d81107de4265717f2d65faa828217e1df6c4830e9ae93acffa4.ttf) format("truetype"), url(/assets/Acorn-Regular-1f31aeb1f6a60d4a69fe13be35545b29ec932ffefb3c90331157a785459769c5.svg#Acorn-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Acorn";
  src: url(/assets/Acorn-Bold-67ed4ab567fca7b840b1f0632e155fc06ec3b64bd3de14522b2cc5d9f33eed2a.eot);
  src: url(/assets/Acorn-Bold-67ed4ab567fca7b840b1f0632e155fc06ec3b64bd3de14522b2cc5d9f33eed2a.eot?#iefix) format("embedded-opentype"), url(/assets/Acorn-Bold-ef52a8b6f9d99b5a96f3e7917318d660c0e92d66b6602937ac6b22e1a6a1026a.woff2) format("woff2"), url(/assets/Acorn-Bold-97a043d8724f6238bcd222be22299a0b4271332609cde7ab68779b9caeade588.woff) format("woff"), url(/assets/Acorn-Bold-15af74410dd47e2eb66a809b26ccaf62b4b1f692a300dfb392f5d964837d4653.ttf) format("truetype"), url(/assets/Acorn-Bold-5224871343de21723d0d86d53edda58a58fec04270aa211271facf8d5d2655f9.svg#Acorn-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/PlusJakartaSans-Light-30e22e63486307f81babd35205fd9f1afc60d5da61e60d08b4daaf248de2a4bb.eot);
  src: url(/assets/PlusJakartaSans-Light-30e22e63486307f81babd35205fd9f1afc60d5da61e60d08b4daaf248de2a4bb.eot?#iefix) format("embedded-opentype"), url(/assets/PlusJakartaSans-Light-c4fa7f36ac5fd4a5bb6dbb212becd9454f8825e888b81af5833e06390d5591f4.woff2) format("woff2"), url(/assets/PlusJakartaSans-Light-9021f73cf51ce460d3d234494423e5495f7fd4cdfafc16504f153960ef9156c6.woff) format("woff"), url(/assets/PlusJakartaSans-Light-e51ada89c22ba99e87075f0d732e94cb58e161e23acee73e638006ac232fa163.ttf) format("truetype"), url(/assets/PlusJakartaSans-Light-84d3caa37c3b2aa14c874a48f2c0c1b1057f675d087fbdd648e442f8cd58ead0.svg#PlusJakartaSans-Light) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/PlusJakartaSans-Regular-69f14666b8e390173cc727a1dba8600a1644cbacb26bcc79892dcc4f635f0327.eot);
  src: url(/assets/PlusJakartaSans-Regular-69f14666b8e390173cc727a1dba8600a1644cbacb26bcc79892dcc4f635f0327.eot?#iefix) format("embedded-opentype"), url(/assets/PlusJakartaSans-Regular-8980ac6a1290d1fa433faa2fd003499b422829461de858f600948e5af34e0770.woff2) format("woff2"), url(/assets/PlusJakartaSans-Regular-db0b92ab0275696e2080e4293892761dc38d82907fa7370b51da7a154e589111.woff) format("woff"), url(/assets/PlusJakartaSans-Regular-d71ee8e07182d535b5ed80e207fdeda7749214a402cb75e8ac6289849e62eb2c.ttf) format("truetype"), url(/assets/PlusJakartaSans-Regular-3d8a6cdd8e592751d98268f8b26a5deb15b3e1b4d5491975368431c3604d3337.svg#PlusJakartaSans-Regular) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/PlusJakartaSans-Medium-08be9d581626bd29bac4312e8414ec9a301e6433a816bc897ab47d176b9c00a8.eot);
  src: url(/assets/PlusJakartaSans-Medium-08be9d581626bd29bac4312e8414ec9a301e6433a816bc897ab47d176b9c00a8.eot?#iefix) format("embedded-opentype"), url(/assets/PlusJakartaSans-Medium-b349424c0b1aa207a205404fe9ba8cba02e42ce28c444aa4f745c4443ad2a545.woff2) format("woff2"), url(/assets/PlusJakartaSans-Medium-95868107e13e65305744464cbc8f823ce8d21d6d0fcf6d14f43adab637151826.woff) format("woff"), url(/assets/PlusJakartaSans-Medium-b259d71dc396dbc0b5c878dcdae77605497ceae6c56b2ed8d638e014ee4308a2.ttf) format("truetype"), url(/assets/PlusJakartaSans-Medium-2436793fbfa6a4d872106e9ddc8a59198695481ce71021e9a701679260acd90a.svg#PlusJakartaSans-Medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/assets/PlusJakartaSans-SemiBold-1bc0219e0b8cacb782061c9199120d122c46946c6a2a0e265f8d8ea8ec0af8a2.eot);
  src: url(/assets/PlusJakartaSans-SemiBold-1bc0219e0b8cacb782061c9199120d122c46946c6a2a0e265f8d8ea8ec0af8a2.eot?#iefix) format("embedded-opentype"), url(/assets/PlusJakartaSans-SemiBold-01f86f3210f5e4815b9ffcf819331d7574c610099d99f8ef47685900da753373.woff2) format("woff2"), url(/assets/PlusJakartaSans-SemiBold-3c97ab10e8a8af83954d82e41904c32fa0b940f38fa4f92527f8ed148cea7075.woff) format("woff"), url(/assets/PlusJakartaSans-SemiBold-f7b1aecc0dfbaddf9c42d5cf5f55c858bfecdb86e38b6eea0c8af642e7b2f750.ttf) format("truetype"), url(/assets/PlusJakartaSans-SemiBold-06ee33cf7d86559de8bcc411a78795c01b0bd625c4df07c90857dfd1426e69ee.svg#PlusJakartaSans-SemiBold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/** ---------------------------------------- */
/** 1. General */
:root {
  --Brand-color: #FF6800FF;
  --Brand-color-2: #254B5AFF;
  --Brand-color-3: #7CE0D3FF;
  --Brand-color-4: #E6EFEFFF;
  --input-bg: #E6EFEF4D;
  --font-family: 'Plus Jakarta Sans', arial, sans-serif;
  --font-title: 'Acorn', arial, sans-serif;
}

body {
  background: var(--Brand-color-3) none no-repeat fixed 0 0;
  color: var(--Brand-color-2);
}

input, select, textarea {
  border-radius: var(--border-radius-xxs);
  border: 2px solid var(--Brand-color);
  color: var(--Brand-color);
}

input::placeholder, textarea::placeholder {
  color: var(--Brand-color-2);
}

a:focus, button:focus, input:focus, textarea:focus {
  outline: 2px solid var(--Brand-color-2);
  outline-offset: 2px;
}

/** ---------------------------------------- */
/** 2. Content */
.header {
  padding: 1.25rem 0 1.25rem 1.25rem;
}
@media screen and (min-width: 991px) {
  .header {
    padding: 1.5625rem 0 1.5625rem 1.25rem;
  }
}
.header__logo {
  filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));
  max-width: 8.75rem;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .header__logo {
    max-width: 14.9375rem;
  }
}
.header .button--contact {
  display: none;
}

.footer {
  background-color: var(--Brand-color-2);
}
.footer a {
  color: var(--Brand-color-4);
  font-size: 1rem;
  font-weight: normal;
}

@media screen and (min-width: 991px) {
  .page__image {
    background: transparent url(/assets/promotions/dinamicprotein/bodegon-bcca0449260594db9b81ac5a2a76924d2e6966140da7330d3988b101a9724dfe.png) no-repeat scroll center center;
    background-size: contain;
  }
}

.home h1 {
  color: var(--Brand-color-2);
  font-family: var(--font-title);
  font-size: clamp(4rem, 4vw, 5rem);
  margin-right: auto;
  line-height: 1;
  order: 1;
  text-align: left;
}
.home p {
  color: var(--Brand-color-2);
  font-size: 1.25rem;
  font-weight: 300;
  margin-right: auto;
  order: 2;
  text-align: left;
}
@media screen and (min-width: 991px) {
  .home p {
    font-size: 1.5rem;
  }
}
.home .instructions {
  display: flex;
  order: 4;
}
@media screen and (min-width: 991px) {
  .home .instructions {
    order: 3;
    margin: 0.625rem 0 1.5625rem;
  }
}
.home .instructions__description--content {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  gap: 0.625rem;
}
.home .instructions h2 {
  color: var(--Brand-color-2);
  font-family: var(--font-title);
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  text-align: left;
}
.home .instructions p {
  font-size: 1rem;
  font-weight: normal;
}
.home__image {
  max-width: 27.5rem;
  order: 3;
  width: 98%;
}
@media screen and (min-width: 991px) {
  .home__image {
    order: 6;
  }
}
.home__button {
  order: 3;
}
@media screen and (min-width: 991px) {
  .home__button {
    order: 4;
  }
}
.home__info {
  margin-right: auto;
  margin-top: 0.9375rem;
  max-width: 27.5rem;
  order: 5;
  width: 100%;
}
.home__info button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--Brand-color);
  cursor: pointer;
  display: flex;
  font-weight: bold;
  gap: 0.625rem;
  justify-content: space-between;
  padding: 0;
  text-align: left;
  width: 100%;
}
.home__info button span {
  border-radius: 50%;
  border: 2px solid var(--Brand-color);
  display: flex;
  flex-flow: row;
  font-size: 1.125rem;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}
.home__info button span::before {
  content: "+";
}
.home__info button:focus {
  border: 0;
  outline: 0;
}
.home__info .home__disclaimers {
  display: none;
  padding: 0.9375rem 0;
}
.home__info .home__disclaimers p {
  color: var(--Brand-color-2);
  font-size: 0.75rem;
  margin: 0 0 0.5rem;
}
.home__info [data-accordion-target=item].is-open .home__disclaimers {
  display: block;
}
.home__info [data-accordion-target=item].is-open button span::before {
  content: "-";
}

.instructions__item {
  align-items: center;
  border-bottom: 1px solid var(--Brand-color-2);
  display: flex;
  flex-flow: row;
  gap: 0.9375rem;
  justify-content: space-between;
  padding: 0 0 0.9375rem;
}
@media screen and (min-width: 991px) {
  .instructions__item {
    border-bottom: 0;
    flex-flow: column;
    padding: 0;
  }
}
.instructions__item:last-child {
  border-bottom: 0;
  padding: 0;
}
@media screen and (min-width: 991px) {
  .instructions__item:last-child .instructions__content::after {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  .instructions__item:last-child strong {
    margin: 0;
  }
}
.instructions__content {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
  text-align: center;
  width: 4.875rem;
}
@media screen and (min-width: 991px) {
  .instructions__content {
    width: 100%;
  }
}
@media screen and (min-width: 991px) {
  .instructions__content::after {
    content: "";
    width: 40%;
    height: 1px;
    background-color: var(--Brand-color-2);
    margin: 0 auto;
  }
}
.instructions__content strong {
  color: var(--Brand-color);
  font-size: 4.375rem;
  margin: auto;
}
@media screen and (min-width: 991px) {
  .instructions__content strong {
    text-align: center;
    width: 50%;
  }
}
.instructions__description {
  flex: 1;
  justify-content: flex-start;
  margin: 0;
}

.box {
  background-color: transparent;
}
.box--form {
  max-width: 27.5rem;
}
.box--form .box__title {
  color: var(--Brand-color-2);
  font-family: var(--font-title);
}
.box--form .box__button {
  justify-content: space-between;
}
.box--form .box__fields .form__field {
  width: 100%;
}
.box__description {
  margin-bottom: 1.25rem;
}
.box__info li {
  font-size: 0.875rem;
  font-weight: normal;
}
.box--success .box__title, .box--success h1, .box--success .box__description {
  color: var(--Brand-color-2);
}
.box--success h1 {
  font-family: var(--font-title);
  font-weight: 600;
}
.box--success .box__description {
  font-size: 1.25rem;
}
.box--success .box__description strong {
  font-family: var(--font-title);
}
.box--success .button--border {
  border: 0;
  color: var(--Brand-color);
}
.box--success .button--border:hover {
  color: var(--Brand-color-2);
}
.box--contact h1, .box--inactive h1 {
  color: var(--Brand-color-2);
  font-family: var(--font-title);
  font-weight: 600;
}

.form__label {
  color: var(--Brand-color-2);
}
.form__upload-zone {
  background-image: repeating-linear-gradient(90deg, var(--Brand-color) 0, var(--Brand-color) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(90deg, var(--Brand-color) 0, var(--Brand-color) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(0deg, var(--Brand-color) 0, var(--Brand-color) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(0deg, var(--Brand-color) 0, var(--Brand-color) 1.75rem, transparent 1.75rem, transparent 2.75rem);
  border-radius: var(--border-radius-s);
  color: var(--Brand-color);
}
.form__upload-filename {
  color: var(--Brand-color);
}
.form__check {
  font-size: 0.875rem;
}
.form__check em {
  font-size: 0.875rem;
}
.form__check a {
  color: var(--Brand-color);
  text-decoration: underline;
}
.form__check a:hover {
  text-decoration: none;
}
.form__error {
  color: var(--error);
}
.form__field--textarea {
  margin-bottom: 1.25rem;
}

.button {
  background-color: var(--Brand-color);
  border-color: var(--Brand-color);
  font-family: var(--font-title);
  letter-spacing: 0.02em;
  line-height: 1.05;
}
.button:hover, .button:focus {
  background-color: var(--Brand-color-2);
  border-color: var(--Brand-color-2);
}
.button--border {
  background-color: transparent;
  border-color: transparent;
  color: var(--Brand-color);
  text-decoration: underline;
}
.button--border:hover, .button--border:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--Brand-color-2);
}

/** ---------------------------------------- */
/** Page */
.promotions {
  /* Contact */
}
.promotions--contact .page__container, .promotions--submit-contact .page__container {
  justify-content: center;
}
.promotions--contact .page__image, .promotions--submit-contact .page__image {
  display: none;
}
.promotions .box__button {
  justify-content: space-between;
}
.promotions .box--success .box__button {
  justify-content: center;
}
.promotions--participate .page__content::before {
  background: transparent url(/assets/promotions/dinamicprotein/bodegon-bcca0449260594db9b81ac5a2a76924d2e6966140da7330d3988b101a9724dfe.png) no-repeat scroll center center;
  background-size: contain;
  content: "";
  height: 17rem;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .promotions--participate .page__content::before {
    display: none;
  }
}
.promotions--participation-success .page__content {
  order: 2;
}
@media screen and (min-width: 991px) {
  .promotions--participation-success .page__content {
    order: 1;
  }
}
.promotions--participation-success .page__image {
  order: 1;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .promotions--participation-success .page__image {
    order: 2;
    width: 48%;
  }
}
.promotions--participation-success .page__image img {
  display: block;
  margin: 0 auto;
  max-width: 27.5rem;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .promotions--participation-success .page__image img {
    display: none;
  }
}