:root {
  --Brand-color: #302884;
  --Brand-color-1: #302884;
  --Brand-color-2: #EE7219;
  --Brand-color-2-hover: #D15A0A;
  --Brand-color-3: #FCE8D6;
  --Escala-de-grises-Greyscale-100: #302884;
  --Escala-de-grises-Greyscale-700: #FCE8D6;
}

body {
  background: var(--Brand-color-2);
  position: relative;
}

h1, h2, h3, h4, h5, h6, p, label, a, b {
  letter-spacing: 0.03125rem;
}

em, small, span {
  letter-spacing: 0;
}

.header {
  width: 100%;
  padding: 0.625rem 0 0 1.25rem;
}
.header__logo {
  filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.3));
  max-width: 5rem;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .header__logo {
    max-width: 6.25rem;
  }
}

.bg__image {
  display: none;
}
@media screen and (min-width: 991px) {
  .bg__image {
    display: initial;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .bg__image img {
    height: 100vh;
  }
}

.page__container {
  padding: 1.25rem;
  width: 100%;
}
@media screen and (min-width: 991px) {
  .page__container {
    width: 93%;
  }
}
.page__content--polaroid {
  border: 1.25rem solid #FFFFFF;
  border-bottom: 1.25rem solid #FFFFFF;
  background-color: var(--Escala-de-grises-Greyscale-700);
  color: var(--Brand-color-1);
}
.page__content--full {
  width: 100%;
  flex: 1;
  max-width: 1280px;
}
.page__content--reward {
  background-color: var(--Brand-color-2);
}
.page__poster {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page__poster {
    display: none;
  }
}

.contact .box {
  background-color: var(--Brand-color-2);
}

.button:hover {
  background-color: var(--Brand-color-2-hover);
}
.button--contact {
  border: none;
  color: var(--Brand-color-2);
  background-color: var(--Brand-color-3);
}
.button--contact:hover {
  color: var(--Brand-color-2-hover);
  background-color: var(--Brand-color-3);
}
@media screen and (min-width: 991px) {
  .button--contact {
    color: var(--Brand-color-3);
    background-color: var(--Brand-color-2);
  }
  .button--contact:hover {
    color: var(--Brand-color-3);
    background-color: var(--Brand-color-2-hover);
  }
}
.button--border {
  border: none;
  text-decoration: underline;
}
.button--border:hover {
  color: var(--Brand-color-2-hover);
  background-color: var(--Brand-color-3);
}

.contact .button, .texto_legal .button, .politica_cookies .button {
  background-color: var(--Brand-color-3);
  color: var(--Brand-color-2);
}
.contact .button:hover, .texto_legal .button:hover, .politica_cookies .button:hover {
  background-color: var(--Brand-color-2-hover);
  color: var(--Brand-color-3);
}
.contact .button--border, .texto_legal .button--border, .politica_cookies .button--border {
  background-color: transparent;
  color: var(--Brand-color-3);
  text-decoration: underline;
}

.home {
  gap: 1.625rem;
  padding: 1.25rem;
  max-width: 34.375rem;
  margin-inline: auto;
}
.home__image {
  width: 100%;
  max-width: unset;
}
@media screen and (min-width: 480px) {
  .home__image {
    width: 80%;
    max-width: 26.625rem;
  }
}
.home__title-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  text-transform: uppercase;
}
@media screen and (min-width: 480px) {
  .home__title-container {
    justify-content: space-between;
    gap: 1.25rem;
  }
}
.home__title-container img {
  width: 100%;
  max-width: 50px;
}
@media screen and (min-width: 480px) {
  .home__title-container img {
    max-width: 1rem 20;
  }
}
.home__products-image {
  width: 90%;
  border-radius: 0.5rem;
}
.home__button {
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .home__button {
    flex-direction: row;
  }
}
.home p, .home h1 {
  color: var(--Brand-color-1);
}
.home p {
  text-align: center;
}
@media screen and (min-width: 480px) {
  .home p {
    text-align: left;
  }
}
.home p {
  font-weight: 400;
}
.home h1 {
  font-size: 1.625rem;
  line-height: 1.1;
}
@media screen and (min-width: 480px) {
  .home h1 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .home h1 {
    font-size: 3rem;
  }
}

.modal h2 {
  font-weight: 800;
}
.modal__content {
  border: 1.25rem solid #FFFFFF;
  border-radius: 0;
}
.modal__close span {
  border-color: var(--Brand-color-2);
  color: var(--Brand-color-2);
}
.modal__close span:hover {
  border-color: var(--Brand-color-2-hover);
  color: var(--Brand-color-2-hover);
}

.instructions img {
  position: relative;
  width: 100px;
  z-index: 1;
}
.instructions__text h3 {
  text-transform: uppercase;
  font-weight: 800;
}

.box__title {
  font-weight: 800;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .box__title {
    text-transform: none;
  }
}
.box__body {
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.box__body::-webkit-scrollbar {
  display: none;
}
.box__button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .box__button {
    flex-direction: row;
  }
}
.box__info li {
  font-weight: 500;
}
.box--success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
  background-color: var(--Brand-color-2);
}
.box--success .box__title-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.box--success .box__title-container img {
  width: 50px;
}
.box--success .box__title {
  margin: 0;
  color: #FFFFFF;
  line-height: 1.1;
  font-size: clamp(1.6875rem, 5vw, 2.9375rem);
}
.box--success .box__description {
  max-width: unset;
  color: var(--Brand-color-1);
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 480px) {
  .box--success .box__description {
    font-weight: 700;
  }
}
.box--success .box__reward {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
}
@media screen and (min-width: 480px) {
  .box--success .box__reward {
    gap: 1.5rem;
    flex-direction: row;
  }
}
.box--success .box__prize-image {
  margin: 0;
}
.box--success .box__prize-img {
  max-width: 20rem;
  border-radius: 0;
}
.box--success .box__pending {
  order: 10;
}
@media screen and (min-width: 480px) {
  .box--success .box__pending {
    order: unset;
  }
}
.box--success .box__pending p {
  color: var(--Brand-color-1);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 480px) {
  .box--success .box__pending p {
    font-weight: 700;
  }
}
.box--success .box__draw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  order: 9;
}
@media screen and (min-width: 480px) {
  .box--success .box__draw {
    order: unset;
  }
}
.box--success .box__draw--desktop {
  display: none;
}
@media screen and (min-width: 480px) {
  .box--success .box__draw--desktop {
    display: flex;
  }
}
.box--success .box__draw--mobile {
  display: flex;
}
@media screen and (min-width: 480px) {
  .box--success .box__draw--mobile {
    display: none;
  }
}
.box--success .box__draw p {
  margin: 0;
  color: var(--Brand-color-1);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 480px) {
  .box--success .box__draw p {
    font-weight: 700;
  }
}
.box--success .box__draw img {
  width: 200px;
}
.box--success small {
  color: var(--Brand-color-1);
}
.box--form .box__title {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .box--form .box__title {
    font-size: 1.75rem;
  }
}

.participate .page {
  flex-direction: column-reverse;
}
.participate .box__step {
  color: var(--Brand-color-2);
}
.participate .box__fields {
  flex-direction: column;
}
.participate .box__fields .form__field {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .participate .box__fields .form__field {
    width: 100%;
  }
}
.participate .box__fields .form__label {
  color: var(--Brand-color-1);
}
.participate .box__fields .form__control {
  background: transparent;
  border: none;
  border-bottom: 0.0625rem solid var(--Brand-color-2);
  color: var(--Brand-color-2);
}
.participate .box__fields .form__control::placeholder {
  color: var(--Brand-color-2);
}
.participate .box__fields .form__check a {
  color: var(--Brand-color-2);
}
.participate .form__label {
  font-weight: 600;
}
.participate .form__checkmark {
  background-color: transparent;
  border-color: var(--Brand-color-2);
}
.participate .form__upload-input {
  background-color: var(--Brand-color-3);
  border-color: var(--Brand-color-2);
}
.participate .form__upload-zone {
  background-color: var(--Brand-color-3);
  background-image: repeating-linear-gradient(90deg, var(--Brand-color-2) 0, var(--Brand-color-2) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(90deg, var(--Brand-color-2) 0, var(--Brand-color-2) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(0deg, var(--Brand-color-2) 0, var(--Brand-color-2) 1.75rem, transparent 1.75rem, transparent 2.75rem), repeating-linear-gradient(0deg, var(--Brand-color-2) 0, var(--Brand-color-2) 1.75rem, transparent 1.75rem, transparent 2.75rem);
}
.participate .form__upload-filename {
  color: var(--Brand-color-2);
}
.participate .form__upload-label {
  color: var(--Brand-color-2);
}

.contact .box__fields .form__label {
  font-weight: 600;
}
.contact .box__fields .form__control {
  background-color: var(--Brand-color-3);
  color: var(--Brand-color-2);
  padding: 0.875rem;
}
.contact .box__fields .form__control::placeholder {
  color: var(--Brand-color-2);
}
.contact select {
  padding: 0.875rem;
}
.contact .form__checkmark {
  background-color: transparent;
  border-color: var(--Brand-color-3);
}
.contact .page__content {
  width: 100%;
  flex: 1;
}
.contact .box__description {
  max-width: 31.25rem;
  margin-inline: auto;
}

.form__field {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form__field {
    width: 100%;
  }
}
.form__label {
  color: var(--Brand-color-1);
}
.form__control {
  background: transparent;
  border: none;
  border-bottom: 0.0625rem solid var(--Brand-color-2);
  color: var(--Brand-color-2);
}
.form__control::placeholder {
  color: var(--Brand-color-2);
}

.footer {
  align-items: center;
  border-top: 0.0625rem solid var(--Brand-color-1);
}
@media screen and (min-width: 991px) {
  .footer {
    align-items: flex-start;
    padding-left: 1.25rem;
    border: none;
  }
}
.footer__nav {
  flex-flow: column;
  gap: 0.125rem;
}
@media screen and (min-width: 768px) {
  .footer__nav {
    gap: 0.625rem;
    flex-flow: row nowrap;
  }
}
.footer__link {
  background-color: var(--Brand-color-2);
  border-radius: var(--border-radius-xxl);
  background-color: var(--Brand-color-2);
  border-radius: var(--border-radius-xxl);
  color: var(--Brand-color-1);
  text-align: center;
}

.contact .footer, .texto_legal .footer, .legals .footer {
  border-top: 0.0625rem solid var(--Brand-color-1);
}
@media screen and (min-width: 768px) {
  .contact .footer, .texto_legal .footer, .legals .footer {
    align-items: center;
  }
}

[id=cookie-law] .close-cookie-banner .c-btn {
  background-color: var(--Brand-color-2);
  color: #FFFFFF;
}
[id=cookie-law] .close-cookie-banner .c-btn:hover {
  background-color: var(--Brand-color-2-hover);
}