@font-face {
  font-family: 'Nexa';
  src: url("/assets/fonts/SistecreditoPromotion/Nexa-Bold.woff2") format('woff2'), url("/assets/fonts/SistecreditoPromotion/Nexa-Bold.woff") format('woff'), url("/assets/fonts/SistecreditoPromotion/Nexa-Bold.ttf") format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexa';
  src: url("/assets/fonts/SistecreditoPromotion/Nexa-Black.woff2") format('woff2'), url("/assets/fonts/SistecreditoPromotion/Nexa-Black.woff") format('woff'), url("/assets/fonts/SistecreditoPromotion/Nexa-Black.ttf") format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Novecento Cond';
  src: url("assets/fonts/SistecreditoPromotion/NovecentoCond-Bold.woff2") format('woff2'), url("assets/fonts/SistecreditoPromotion/NovecentoCond-Bold.woff") format('woff'), url("assets/fonts/SistecreditoPromotion/NovecentoCond-Bold.ttf") format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Novecento Cond';
  src: url("/assets/fonts/SistecreditoPromotion/NovecentoCond-Book.woff2") format('woff2'), url("/assets/fonts/SistecreditoPromotion/NovecentoCond-Book.woff") format('woff'), url("/assets/fonts/SistecreditoPromotion/NovecentoCond-Book.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#InvitanElHelado .content {
  background-color: unset;
}
.webp body {
  background: url("/assets/images/SistecreditoPromotion/background.webp");
  background-size: cover;
  background-position: center;
}
.no-webp body {
  background: url("/assets/images/SistecreditoPromotion/background.jpg");
  background-size: cover;
  background-position: center;
}
.promotion-page {
  margin: 0 auto;
  padding: 4rem 0;
  max-width: 1200px;
  font-size: 16px;
  font-family: 'Nexa', Serif;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media (max-width: 799px) {
  .promotion-page {
    font-size: 14px;
  }
}
.title {
  font-family: 'Novecento Cond', sans-serif;
  font-weight: bold;
  font-size: 3.5rem;
}
.logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 0.8rem 0 1rem;
  padding: 0 2rem;
}
.logos .brahma {
  background-color: #bd0811;
  padding: 1rem;
  display: inline-block;
  flex: 0 1 15rem;
}
.logos .brahma img {
  width: 100%;
  display: block;
}
.logos .y {
  position: relative;
  top: 0.1em;
}
.logos .sistecredito {
  background-color: #00b119;
  padding: 1rem;
  display: inline-block;
  flex: 0 1 20rem;
}
.logos .sistecredito img {
  width: 100%;
  display: block;
}
.dates {
  margin-top: 1.5rem;
  font-weight: normal;
}
.central-segment {
  margin: 2rem auto 0;
  max-width: 50rem;
  background-size: 20rem;
  background-repeat: no-repeat;
}
@media (max-width: 799px) {
  .central-segment {
    background-size: 16rem;
  }
}
.no-webp .central-segment {
  background-image: url("/assets/images/SistecreditoPromotion/shoes.png");
}
.webp .central-segment {
  background-image: url("/assets/images/SistecreditoPromotion/shoes.webp");
}
.shoes {
  font-size: 1.8rem;
  line-height: 1.3;
  padding: 0 2rem;
}
@media (max-width: 799px) {
  .shoes {
    font-size: 1.4rem;
  }
}
.shoes .copy {
  margin: 0 0 0 auto;
  max-width: 16em;
}
.shoes .copy b {
  font-weight: 900;
}
.ice-cream-line {
  margin: -2rem auto 1rem;
  display: flex;
  justify-content: right;
  align-items: flex-end;
}
@media (max-width: 899px) {
  .ice-cream-line {
    padding: 0 2rem;
  }
}
@media (max-width: 799px) {
  .ice-cream-line {
    margin-top: 0;
  }
}
.ice-cream-line img {
  width: 100%;
  display: block;
}
.ice-cream-line .logo {
  flex: 0 1 15rem;
}
.ice-cream-line .ice-cream {
  flex: 0 1 17rem;
  margin-right: 2rem;
}
.ice-cream-line .ice-cream img {
  z-index: 0;
  position: relative;
  left: -1rem;
  bottom: -6rem;
}
.terms-line {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  max-width: 55rem;
  margin: 0 auto;
}
.terms-line .bow {
  flex: 0 0 6rem;
  position: relative;
}
.terms-line .bow.left {
  right: -2rem;
}
.terms-line .bow.left img {
  transform: scale(1.2);
}
.terms-line .bow.right {
  left: -2rem;
}
.terms-line .bow.right img {
  transform: scale(1.2) scaleX(-1);
}
.terms-line img {
  width: 100%;
  display: block;
}
.terms-line .terms {
  flex: 1;
  padding: 0.5rem 1rem;
  background-color: #c00e1a;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.8rem;
}
.terms-line .terms h2 {
  font-weight: normal;
  font-size: 1rem;
  margin: 0 0 0.1rem;
}
.terms-line .terms p {
  margin: 0;
}