@charset "UTF-8";
/*HEADER*/
.header-new-promoweek-cms {
  max-width: 1328px;
  height: 280px;
  margin: 16px;
  overflow: hidden;
  background-image: url("https://cyberpuerta.mx/out/marketing/2023/semana-impresion-2/header-landing.png");
  background-position: center;
  background-size: cover;
  background-color: #e0e0e0;
}

.header-new-promoweek-cms img {
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .header-new-promoweek-cms {
    margin: 0px 0px 0px 0px;
    height: 96px;
  }
}

/*HEADER END*/
/*COPY SECTION*/
.huno-copy-new-promoweek-cms {
  font-family: 'Montserrat';
  font-weight: 600;
  color: #ff8d0a;
  font-size: 24px;
  line-height: 32px;
}

h1.mobile {
  display: none;
}

.p-copy-new-promoweek-cms {
  font-family: 'Montserrat';
  font-weight: 400;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.cta-new-promoweek-cms {
  background-color: #0066bb;
  width: 221px;
  height: 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px auto;
}

.cta-new-promoweek-cms p {
  margin: 16px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}

.cta-new-promoweek-cms:hover {
  background-color: #128adf;
}

.cta-new-promoweek-cms:active {
  background-color: #00499c;
}

@media only screen and (max-width: 880px) {
  .p-copy-new-promoweek-cms {
    display: none;
    padding-bottom: 16px;
  }
  .huno-copy-new-promoweek-cms {
    font-size: 16px;
    line-height: 24px;
    display: none;
  }
  h1.mobile {
    display: contents;
    line-height: 24px;
  }
  .cta-new-promoweek-cms {
    margin: 16px auto 0px auto;
    width: 100%;
    height: 48px;
  }
}

/*COPY SECTION END*/
/*CARDS*/
.cards-section-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.category-cards-section-new-promoweek-cms {
  text-align: center;
}

.category-cards-section-new-promoweek-cms h2 {
  margin: 32px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #ff8d0a;
  font-size: 20px;
  line-height: 32px;
}

.p-category-cards-new-promoweek-cms {
  width: 176px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 8px 16px 16px 16px;
}

.category-cards-new-promoweek-cms {
  height: 237px;
  width: 208px;
  border: 1px solid #eee;
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  margin: 8px;
  -webkit-transition: .5s;
  transition: .5s;
}

.category-cards-new-promoweek-cms img {
  height: 110px;
  width: 120px;
  -webkit-transition: .5s;
  transition: .5s;
}

.category-cards-new-promoweek-cms p {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #0066BB;
}

.category-cards-new-promoweek-cms:hover {
  -webkit-box-shadow: 0px 1px 6px 0px #EEEEEE;
  box-shadow: 0px 1px 6px 0px #EEEEEE;
  -webkit-transition: .5s;
  transition: .5s;
}

.category-cards-new-promoweek-cms:hover img {
  width: 160px;
  height: 150px;
  -webkit-transition: .5s;
  transition: .5s;
}

.category-cards-new-promoweek-cms:active {
  border: 1px solid #0066bb;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.category-cards-new-promoweek-cms:active img {
  height: 110px;
  width: 120px;
  -webkit-transition: .5s;
  transition: .5s;
}

@media only screen and (max-width: 880px) {
  .cards-section-new-promoweek-cms {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .category-cards-new-promoweek-cms-mobile {
    margin-left: 20px;
  }
  .p-category-cards-new-promoweek-cms {
    margin-bottom: 16px;
  }
  .category-cards-new-promoweek-cms {
    width: 136px;
    height: 176px;
    margin-top: 0px;
  }
  .category-cards-new-promoweek-cms p {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
  }
  .cards-section-new-promoweek-cms::-webkit-scrollbar {
    display: none;
  }
  .category-cards-section-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 16px;
  }
  .category-cards-new-promoweek-cms:hover img {
    height: 110px;
    width: 120px;
  }
}

/*CARDS END*/
/* VIDEO & CPC SECTION */
.video-section-new-promoweek-cms {
  margin: 0px;
  padding: 0px;
}

.video-section-new-promoweek-cms h2 {
  margin: 16px;
  font-family: 'Montserrat';
  font-weight: 600;
  color: #ff8d0a;
  font-size: 20px;
  line-height: 32px;
}

.video-section-new-promoweek-cms video {
  width: 100%;
  max-width: 992px;
  padding-top: 16px;
  padding-bottom: 32px;
  margin: 0px;
}

.cpc-banner-section-new-promoweek-cms {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  padding: 0px;
}

img.cpc-banner-new-promoweek-cms {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .video-section-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .video-section-new-promoweek-cms video {
    background-color: #128adf;
    margin: 0px auto 16px auto;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 16px;
  }
}

/* VIDEO & CPC SECTION END*/
/*GIF*/
.gif-ofertas-new-promoweek-cms-mobile {
  width: 100%;
  display: none;
  background-color: #0066BB;
}

.gif-ofertas-new-promoweek-cms {
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .gif-ofertas-new-promoweek-cms {
    display: none;
  }
  .gif-ofertas-new-promoweek-cms-mobile {
    display: contents;
  }
}

/*GIF END*/
/*PROMOS BANCARIAS*/
.h2-promos-bancos-new-promoweek-cms {
  text-align: center;
}

.h2-promos-bancos-new-promoweek-cms h2 {
  font-family: montserrat;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #0066BB;
}

.promos-bancarias-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.promos-bancos-new-promoweek-cms {
  width: 320px;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 8px;
}

.promos-bancos-new-promoweek-cms p {
  font-family: montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin: 16px 16px 0px 16px;
  color: #000;
}

.img-promos-bancos-new-promoweek-cms {
  width: 144px;
  height: 56px;
  margin-top: 16px;
}

.img-promos-bancos-new-promoweek-cms img {
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .h2-promos-bancos-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .promos-bancarias-new-promoweek-cms {
    overflow: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0px -21px;
  }
}

/*PROMOS BANCARIAS END*/
/*PROMOS*/
.promos-tittle-card-new-promoweek-cms {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.promos-tittle-card-new-promoweek-cms > div {
  width: 48px;
  height: 48px;
}

.promos-tittle-card-new-promoweek-cms h2 {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  padding-left: 8px;
  color: #0066BB;
}

.promo-card-new-promoweek-cms {
  height: 96px;
  width: 208px;
  border: 1px solid #eee;
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
  margin: 8px 8px;
}

.promo-card-new-promoweek-cms p {
  font-family: 'Montserrat';
}

.promo-card-new-promoweek-cms-brand {
  height: 96px;
  width: 208px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-card-new-promoweek-cms-brand img {
  width: 144px;
  height: 56px;
}

.promo-card-new-promoweek-cms-copy {
  width: 208px;
  height: 32px;
  border-top: 1ps solid #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo-card-new-promoweek-cms-copy p {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #0066BB;
  margin-top: 7px;
}

.promo-card-new-promoweek-cms-copy div > span {
  color: #0066BB;
  font-size: 14px;
  line-height: 20px;
}

.promo-card-new-promoweek-cms-copy:hover p {
  color: #128adf;
  text-decoration: underline;
  -webkit-text-decoration-color: #128adf;
  text-decoration-color: #128adf;
}

.promo-card-new-promoweek-cms-copy:hover span {
  color: #128adf;
}

.promo-card-new-promoweek-cms-copy:active p {
  color: #00499c;
  text-decoration: underline;
  -webkit-text-decoration-color: #00499c;
  text-decoration-color: #00499c;
}

.promo-card-new-promoweek-cms-copy:active span {
  color: #00499c;
}

.promo-card-new-promoweek-cms:hover {
  -webkit-box-shadow: 0px 1px 6px 0px #EEEEEE;
  box-shadow: 0px 1px 6px 0px #EEEEEE;
  -webkit-transition: .5s;
  transition: .5s;
}

.promo-card-new-promoweek-cms:hover .promo-card-new-promoweek-cms-brand {
  height: 64px;
  -webkit-transition: .5s;
  transition: .5s;
}

.promo-card-new-promoweek-cms:hover .promo-card-new-promoweek-cms-brand img {
  width: 104px;
  height: 43px;
  -webkit-transition: .5s;
  transition: .5s;
}

.promo-cards-section-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 880px) {
  .promo-card-new-promoweek-cms {
    height: 72px;
    width: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
  }
  .promo-card-new-promoweek-cms hr {
    display: none;
  }
  .promo-cards-section-new-promoweek-cms {
    overflow: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0px -21px;
  }
  .promo-card-new-promoweek-cms-mobile {
    margin-left: 21px;
  }
  .promo-cards-section-new-promoweek-cms::-webkit-scrollbar {
    display: none;
  }
  .promo-card-new-promoweek-cms-brand img {
    width: 88px;
    height: 35px;
  }
  .promo-card-new-promoweek-cms-copy {
    display: none;
  }
  .promos-tittle-card-new-promoweek-cms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 16px 0px 8px 0px;
  }
  .promos-tittle-card-new-promoweek-cms div {
    width: 48px;
    height: 48px;
  }
  .promos-tittle-card-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
  }
}

/*PROMOS END*/
/*CTA SECTION*/
.copy-section-new-promoweek-cms {
  margin: 0px;
  background-image: url("https://www.cyberpuerta.mx/out/cmsp/weekly-promos/ofertas-desktop.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 308px;
  margin-bottom: 16px;
}

.copy-section-new-promoweek-cms img {
  width: 44px;
  margin: 32px auto 0px auto;
}

.copy-section-new-promoweek-cms h1 {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin: 16px auto;
}

.copy-section-new-promoweek-cms h2 {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.copy-section-new-promoweek-cms div {
  margin-bottom: 32px;
}

@media only screen and (max-width: 880px) {
  .copy-section-new-promoweek-cms {
    background-image: url("https://www.cyberpuerta.mx/out/cmsp/weekly-promos/ofertas-mobile.jpg");
    background-position: center;
    background-size: cover;
    height: 144px;
    text-align: center;
  }
  .copy-section-new-promoweek-cms img {
    display: none;
  }
  .copy-section-new-promoweek-cms h1, .copy-section-new-promoweek-cms h2 {
    font-size: 12px;
    line-height: 16px;
    color: #0066bb;
  }
  .copy-section-new-promoweek-cms div {
    margin-bottom: 12px;
  }
}

/*CTA SECTION END*/
/*CONOCE MÁS*/
.conoce-mas-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px 0px;
}

.conoce-mas-new-promoweek-cms h2 {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #0066bb;
  margin: 0px auto 24px auto;
}

.conoce-mas-cards-section-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.conoce-mas-cards-section-new-promoweek-cms-mobile {
  display: none;
}

.conoce-mas-card-new-promoweek-cms {
  margin: 8px;
  height: 300px;
  width: 320px;
  border: 1px solid #eee;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: .5s;
  transition: .5s;
}

.conoce-mas-card-new-promoweek-cms img {
  width: 152px;
  height: 152px;
  margin: 34px auto 24px auto;
}

.conoce-mas-card-new-promoweek-cms div {
  width: 272px;
  height: 56px;
  text-align: center;
}

.conoce-mas-card-new-promoweek-cms div div {
  width: 272px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 4px auto;
}

.conoce-mas-card-new-promoweek-cms div div a {
  text-decoration: none;
  color: #0066bb;
}

.links-section-conoce-mas-card-new-promoweek-cms {
  margin-bottom: 34px;
}

.conoce-mas-card-new-promoweek-cms:hover {
  -webkit-box-shadow: 0px 1px 6px 0px #EEEEEE;
  box-shadow: 0px 1px 6px 0px #EEEEEE;
  -webkit-transition: .5s;
  transition: .5s;
}

p.link-conoce-mas-card-new-promoweek-cms {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #0066bb;
}

.link-conoce-mas-card-new-promoweek-cms:hover {
  color: #128adf;
  text-decoration: underline;
}

.link-conoce-mas-card-new-promoweek-cms:active {
  color: #00499c;
}

@media only screen and (max-width: 880px) {
  .conoce-mas-new-promoweek-cms {
    text-align: center;
  }
  .conoce-mas-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0px auto;
  }
  .conoce-mas-cards-section-new-promoweek-cms {
    width: 100%;
    margin-bottom: 0px;
    display: none;
  }

  .conoce-mas-cards-section-new-promoweek-cms-mobile {
    width: 100%;
    margin-bottom: 0px;
    display: contents;
  }

  .conoce-mas-card-new-promoweek-cms div div {
    width: auto;
  }
  .links-section-conoce-mas-card-new-promoweek-cms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    height: 48px;
    margin: 16px 16px 16px 0px;
    width: 100%;

  }

  .links-section-conoce-mas-card-new-promoweek-cms div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .conoce-mas-card-new-promoweek-cms {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    height: 80px;
    width: 100%;
  }
  div.tercera-card {
    margin-bottom: 0px;
  }
  .conoce-mas-card-new-promoweek-cms img {
    width: 48px;
    height: 48px;
    margin: 16px 0px 16px 16px;
  }

  p.link-conoce-mas-card-new-promoweek-cms {
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
  }
}

/*CONOCE MÁS END*/
/*FOOTER*/
.nosotros-section-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 370px;
  margin: 0px 0px 32px 0px;
  border: 1px solid #eee;
  overflow: hidden;
}

.nosotros-section-img-new-promoweek-cms {
  overflow: hidden;
}

.nosotros-section-img-new-promoweek-cms img {
  height: 100%;
}

.nosotros-section-copy-new-promoweek-cms {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.nosotros-section-copy-new-promoweek-cms h2 {
  font-family: 'Montserrat';
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #0066bb;
  margin: 0px 0px 24px 0px;
}

.nosotros-section-copy-new-promoweek-cms p {
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #000;
  margin: 0px;
}

.nosotros-section-copy-new-promoweek-cms a {
  text-decoration: none;
}

.nosotros-section-link-new-promoweek-cms {
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #0066bb;
}

.nosotros-section-link-new-promoweek-cms:hover {
  color: #128adf;
  text-decoration: underline;
}

.footerMobile-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: none;
  width: 100%;
  background-color: #0066BB;
}

.badgesFooter-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.badgesFooter-new-promoweek-cms div {
  width: 156px;
  height: 88px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 8px;
  margin: 0px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.badgesFooter-new-promoweek-cms div > img {
  width: 124px;
  height: 56px;
}

.redesFooter-new-promoweek-cms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 80px;
}

.redesFooter-new-promoweek-cms img {
  width: 40px;
  height: 40px;
  margin: 0px 16px;
}

.redesImgSection-new-promoweek-cms {
  background-color: #FF8D0A;
  margin: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.redesImgSection-new-promoweek-cms > img {
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .nosotros-section-new-promoweek-cms {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 700px;
    border-radius: 8px 8px 0px 0px;
    margin-bottom: 16px;
  }
  .nosotros-section-new-promoweek-cms h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .nosotros-section-new-promoweek-cms p {
    font-size: 12px;
    line-height: 16px;
  }
  .nosotros-section-img-new-promoweek-cms {
    overflow: hidden;
    width: 100%;
    min-height: 142px;
  }
  .nosotros-section-img-new-promoweek-cms img {
    width: 100%;
  }
  .nosotros-section-copy-new-promoweek-cms {
    padding: 16px;
  }
  .footerMobile-new-promoweek-cms {
    display: contents;
  }
}

/*FOOTER END*/
/*HR*/
.hr-new-promoweek-cms {
  height: 1px;
  background-color: #eee;
  border: none;
  margin: 32px 16px;
}

@media only screen and (max-width: 880px) {
  .hr-new-promoweek-cms {
    margin: 16px 0px;
  }
}

/*HR END*/


/* Último CSS 2025 y Dark mode  */

.promo-card-new-promoweek-cms {
        background-color: #fff;
}

.category-cards-section-new-promoweek-cms {
        padding: 0px 16px 16px 16px;
}

.cpc-banner-section-new-promoweek-cms {
        height: 280px;
        width: 100%;
        max-width: 1320px;
        overflow: hidden;
        background-image: url("https://cyberpuerta.mx/out/marketing/2024/hot-sale/PP-banner-cms.png");
        background-repeat: no-repeat;
        background-position: center;
}

.cpc-banner-new-promoweek-cms{
        display: none;
}

@media only screen and (max-width: 880px) {
    .cpc-banner-section-new-promoweek-cms {
            height: 100px;
            background-size: auto 100% ;
    }
}

/* INICIA CÓDIGO PARA MODO OSCURO (AGREGAR ESTO) */

[data-theme="cp-darkMode"] {
    /* 1. Definimos variables de color para el tema oscuro. */
      --dark-bg: #121212; /* Fondo principal de la página */
      --dark-surface: #1e1e1e; /* Fondo para elementos como las tarjetas */
      --dark-text-primary: #e0e0e0; /* Color de texto principal */
      --dark-text-secondary: #a0a0a0; /* Color para texto menos importante */
      --dark-accent-orange: #ffac4d; /* Un naranja más brillante para títulos */
      --dark-border: #333333; /* Color para las líneas <hr> */

    :root {
    }

    /* 2. Aplicamos las variables a los elementos existentes. */

    /* Contenedor principal y fondo de las tarjetas de promoción */
    body,
    div[style*="background-color: #fff"],
    .promo-card-new-promoweek-cms {
      background-color: var(--dark-bg) !important;
      color: var(--dark-text-primary);
    }

    /* Títulos principales y destacados */
    .huno-copy-new-promoweek-cms,
    .promos-tittle-card-new-promoweek-cms span[style*="color: #ff8d0a"] {
      color: var(--dark-accent-orange) !important;
    }

    /* Párrafos y texto general */
    .p-copy-new-promoweek-cms,
    .category-cards-section-new-promoweek-cms h2,
    .promos-tittle-card-new-promoweek-cms h2,
    .conoce-mas-new-promoweek-cms h2,
    .nosotros-section-copy-new-promoweek-cms h2,
    .nosotros-section-copy-new-promoweek-cms p {
      color: var(--dark-text-primary);
    }

    /* Tarjetas de categorías y promociones */
    .category-cards-new-promoweek-cms,
    .promo-card-new-promoweek-cms {
        background-color: var(--dark-surface);
        border: 1px solid var(--dark-border);
    }
    .p-category-cards-new-promoweek-cms p,
    .promo-card-new-promoweek-cms-copy p {
        color: var(--dark-text-primary);
    }

    .promos-bancos-new-promoweek-cms p,
    .p-category-cards-new-promoweek-cms p,
    .promo-card-new-promoweek-cms-copy p {
        color: var(--dark-text-primary);
    }

    /* Sección de legales y términos */
    div[style*="background-color: #eee"] {
      background-color: var(--dark-surface) !important;
    }
    div[style*="background-color: #eee"] p {
      color: var(--dark-text-secondary);
    }

    /* Líneas horizontales */
    .hr-new-promoweek-cms,
    .promo-card-new-promoweek-cms hr {
      border: none;
      height: 1px;
      background-color: var(--dark-border);
      opacity: 1;
    }

    /* Para mejorar la legibilidad de las imágenes de fondo */
    .header-new-promoweek-cms,
    .cpc-banner-section-new-promoweek-cms {
        filter: brightness(0.8);
    }
}

/* TERMINA CÓDIGO PARA MODO OSCURO */


/* CSS AGREGADO PARA HOT SALE CONTADOR*/

h2.huno-copy-new-promoweek-cms, h1.huno-copy-new-promoweek-cms{
  font-size: 24px;
  font-weight: 600;
  color: #ff8d0a;
}


.p-hot, .p-sale, .icon-01, .icon-02 {
  color: #DE3428;
  font-weight: 900;
  font-size: 15vw;
  transition: transform 0.2s ease-out;
}

.div-hotsale {
  padding: 90px 0px;
}

.copy-new-promoweek-cms-hot {
  padding-top: 240px;
  margin-top: -200px;
}

@media only screen and (max-width: 800px) {
        .icon-01, .icon-02, .icon-03, .icon-04, .icon-05 {
        display: none;
        }

        .div-hotsale {
        padding: 30px 0px;
        }

        .copy-new-promoweek-cms-hot {
            padding-top: 100px;
            margin-top: -100px;
        }

        h2.huno-copy-new-promoweek-cms, h1.huno-copy-new-promoweek-cms{
        font-size: 16px;
        }
}



#preguntas-frecuentes {
    margin: 32px 0;
}

#preguntas-frecuentes .title {
        text-align: center;
        margin: 16px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #ff8d0a;
        font-size: 24px;
        line-height: 32px;
}

#preguntas-frecuentes .questions {
        margin: auto;
        margin-top: 32px;
        max-width: 768px;
        justify-content: center;
}

#preguntas-frecuentes .questions details {
        border: 1px solid #EEEEEE;
        color: #0066BB;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 16px;
}

#preguntas-frecuentes .questions details > summary {
        cursor: pointer;
        list-style: none;
        padding: 8px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

#preguntas-frecuentes .questions details > p {
        border-top: 1px solid #EEEEEE;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 16px;
        margin: 0;
}

#preguntas-frecuentes .questions details:last-of-type {
        margin-bottom: 0;
}

#preguntas-frecuentes .list-faq {
        list-style: disc;
        margin: 0;
        margin-left: 16px;
        margin-bottom: 16px;
        padding-right: 16px;
        word-break: break-word;
}

#preguntas-frecuentes .list-faq li {
        list-style-type: disc;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
}

@media (width <= 880px) {
        #preguntas-frecuentes .title {
            font-size: 16px;
            line-height: 24px;
        }

        #preguntas-frecuentes .questions,
        #preguntas-frecuentes summary {
            font-size: 14px;
            line-height: 20px;
        }
}


.slider-promo-week{
        width: 100%;
        height: 50px;
        overflow: hidden;
        margin-top: 32px;
        margin-bottom: 32px;
}

.slider-promo-week ul{
        display: flex;
        animation: cambio 20s infinite alternate linear;
        width: 300%;
}

.slider-promo-week li{
        width: 100%;
        list-style: none;
        font-weight: 600;
}

.slider-promo-week li > p {
        font-size: 24px;
        color: #ff8d0a;
}

@keyframes cambio{
        0%{margin-left: 0;}
        33%{margin-left: 0;}

        34%{margin-left: -100%;}
        66%{margin-left: -100%;}

        67%{margin-left: -200%;}
        100%{margin-left: -200%;}
}
@media only screen and (min-width:320px) and (max-width:768px){
        .slider-promo-week, .slider-promo-week ul,{
            height: 50px;
        }

        .slider-promo-week li > p{
        font-size: 16px;
        }
}

::-webkit-scrollbar {
    display: none;
}

/* HOT SALE CONTADOR*/