/* ------- Semana do Nutricionista 2025 ------- */

#semana-do-nutri a:hover {
  opacity: 0.8;
}

.mobile-bf,
#semana-do-nutri #section-1 .mobile-bf,
#semana-do-nutri #section-1 .top-section-1.mobile-bf {
  display: none;
}

/* ------- Geral CSS ------- */
.container {
  max-width: 1230px !important;
}

.blackfriday-index-index .container-space {
  padding: 0 32px !important;
}

#semana-do-nutri .pdl-8 {
  padding-left: 8px;
}

#semana-do-nutri .mb-20 {
  margin-bottom: 20px;
}

#semana-do-nutri.background-bf {
  background-color: #1A291B;
  padding-block: 10px;
  padding-bottom: 130px;
}

#semana-do-nutri .container-bf {
  width: 100%;
  max-width: 1192px;
  background-color: #fdfff0;
  margin: 0px auto 16px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 111px;
}

#semana-do-nutri .container-bf-left {
  width: 100%;
  max-width: 1192px;
  background-color: #1a291b;
  margin: 0px auto 30px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

/* Section - 01 */

.cms-semana-do-nutricionista .bloco01 {
  background-color: #1a291b !important;
  padding-bottom: 8px;
}

.cms-semana-do-nutricionista .bloco01 .logo-nutri {
  margin: 125px auto 0px;
  display: block;
}

.cms-semana-do-nutricionista .bloco01 h1 {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  max-width: 350px;
  margin: 40px auto 0px;
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}

.cms-semana-do-nutricionista .bloco01 .txt {
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 19px;
  line-height: 23px;
  margin: 55px auto 0px;
  max-width: 580px;
  text-align: center;
  font-weight: bold;
}

.cms-semana-do-nutricionista .bloco01 .txt-1 {
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 19px;
  line-height: 26px;
  text-align: center;
  margin: 45px auto 55px;
  max-width: 485px;
}

.cms-semana-do-nutricionista .bloco02 {
  background-color: #ffffff;
}

.cms-semana-do-nutricionista .bloco02 .logo-pro-member {
  margin: 60px auto 0px;
  display: block;
}

.cms-semana-do-nutricionista .bloco02 .txt {
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 19px;
  line-height: 23px;
  margin: 35px auto 0px;
  max-width: 580px;
  text-align: center;
  font-weight: bold;
}

.cms-semana-do-nutricionista .bloco02 .blc-beneficios {
  display: flex;
  align-items: flex-start;
  margin: 60px auto;
  justify-content: center;
  text-align: center;
}

.cms-semana-do-nutricionista .bloco02 .blc-beneficios .text-icons {
  font-size: 19px;
  max-width: 135px;
  line-height: 26px;
  margin: 10px auto 0px;
}

.cms-semana-do-nutricionista .bloco02 .blc-beneficios .box-icons {
  width: 185px;
}

.cms-semana-do-nutricionista .bloco02 .botao {
  width: 185px;
  height: 47px;
  line-height: 47px;
  background: #55893a;
  border: 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin: 30px auto 125px;
  text-align: center;
  border-radius: unset !important;
}

.cms-semana-do-nutricionista .bloco02 .botao:hover {
  color: #fff;
  background-color: #67a845;
  transition: 0.3s ease-in-out;
}

/*--- semana nutri 23 ---*/
.cms-semana-do-nutricionista .bloco01 .alinhar-imagens-01 {
  height: 160px;
}

.cms-semana-do-nutricionista .bloco01 img.bloco-01-align {
  height: 180px;
  display: block;
  margin-top: 20px;
  transform: translateY(0);
  transition: all ease-in;
}

.cms-semana-do-nutricionista .bloco01 img.bloco-01-align:first-child {
  margin-top: 60px;
  /* transform: translateY(20px); */
  margin-left: 15%;
}

.cms-semana-do-nutricionista .bloco01 img.bloco-01-align:nth-child(2) {
  margin-top: 10px;
  margin-left: 65%;
  /* transform: translateY(90px); */
}

.cms-semana-do-nutricionista .bloco01 img.bloco-01-align:nth-child(3) {
  transform: translateY(-80px);
}

.cms-semana-do-nutricionista .bloco01 .container-anima {
  width: 100%;
  position: absolute;
  margin-top: 150px;
}

.cms-semana-do-nutricionista .bloco01 .image-left {
  width: 231px;
  height: 406px;
  margin-top: 140px;
  background-image: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/campanhas/semana-do-nutricionista/lp-pos/banner-left.png);
  background-size: cover;

}

.cms-semana-do-nutricionista .bloco01 .image-right {
  width: 250px;
  border-radius: 20px;
  height: 308px;
  margin-top: 41px;
  background-image: url(https://essentialnutrition-upload-files.s3.us-east-1.amazonaws.com/site-nutrition/campanhas/semana-do-nutricionista/lp-pos/img-right.png);
  background-size: cover;

}

.cms-semana-do-nutricionista .bloco01 img.letreiro-nutri {
  width: 424px;
  margin: 0px 0px 60px 60px;
}

.cms-semana-do-nutricionista .bloco01 .textos-fade {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: #FDFFF0;
  border-radius: 30px;
  margin-top: 30px;
  padding: 0 42px 0px;
  width: 1192px;
  height: 611px;
  border-bottom: 30px solid #BDE15B;
}

.cms-semana-do-nutricionista .bloco01 span.green-desc {
  color: #bde15b;
  font-weight: 700;
}

.cms-semana-do-nutricionista .bloco01 h2.subtitle {
  width: 373px;
  line-height: 24px;
  font-size: 22px;
  color: #1A291B;
  margin: 20px auto 0;
  text-align: center;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 500;

}

.cms-semana-do-nutricionista .bloco01 h1.title-principal {
  color: #1A291B;
  font-family: 'proxima-nova-condensed', sans-serif;
  font-weight: 900;
  margin: 0px 60px;
  font-size: 44px;
  line-height: 42px;
  max-width: 425px;
  text-align: center;
}

.cms-semana-do-nutricionista .bloco01 span.italic {
  font-family: 'proxima-sera', serif;
  color: #1A291B;
  font-size: 44px;
  line-height: 42px;
  text-transform: lowercase;
  font-weight: 100;

}

.cms-semana-do-nutricionista .bloco01 .texts-blk-1 {
  width: 50%;
  margin-left: auto;
  margin-top: 127px;
}

.cms-semana-do-nutricionista .bloco01 .texts-blk-1 a {
  background: #141414;
  font-weight: 500;
  color: #ffffff;
  width: 189px;
  border: none;
  border-radius: 4px;
  height: 48px;
  transition: 0.5s ease;
  display: block;
  text-align: center;
  line-height: 48px;
  padding: 0;
  text-decoration: none;
  margin: 60px auto 25px;
}

.cms-semana-do-nutricionista .bloco01 .texts-blk-1 a:hover {
  opacity: 0.8;
}

.obs-to-campaign {
  font-family: "proxima-nova", sans-serif;
  font-size: 17px;
  text-align: center;
  line-height: 21px;
  max-width: 800px;
  margin: 35px auto 30px;
  color: #1a291b;
}

.cms-semana-do-nutricionista .bloco01 .animacao-texto {
  background-repeat: repeat-x;
  /* background-size: 3920px auto; */
  animation: marquee 40s infinite linear;
  margin-left: 0;
  height: 150px;
}

@keyframes marquee {
  0% {
    background-position: 0;
  }

  100% {
    background-position: -3920px;
  }
}

img.arrow-bottom {
  width: 150px;
  height: 110px;
  position: absolute;
  top: 72%;
  left: 45.9%;
}

img.arrow-top {
  position: absolute;
  width: 110px;
  top: 2.1%;
  left: 86.5%;
}

/* ------- Section 2 ------- */

#semana-do-nutri .container-space #section-2 .container-infos h2.title-section2 {
  font-family: 'proxima-nova-condensed', sans-serif;
  font-weight: 900;
  margin-bottom: 46px;
  line-height: 45px;
  max-width: 400px;
  text-transform: uppercase;
  font-size: 46px;
  color: #1A291B;
  text-align: center;
}

#semana-do-nutri .container-space #section-2 .container-infos h2.title-section2-copo {
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 900;
  margin-bottom: 46px;
  line-height: 45px;
  max-width: 250px;
  text-transform: uppercase;
  font-size: 46px;
  color: #1a291b;
}

#semana-do-nutri .container-space #section-2 .container-infos span.color {
  color: #bde15b;
  text-transform: uppercase;
  font-weight: 900;
}

#semana-do-nutri .container-space #section-2 .container-infos span.color-low {
  color: #bde15b;
  font-weight: 900;
}

#section-2 .container-gift p.sub-desc {
  color: #ffffff !important;
}

#semana-do-nutri #section-2 {
  display: flex;
  flex-direction: column;
  padding: 30px 40px 67px;
  gap: 16px;
  flex-wrap: wrap;
  background-color: #FDFFF0;
}

#semana-do-nutri #section-2>div {
  background: #1A291B;
  border-radius: 20px;
  width: calc(50% - 8px);
  height: 340px;
  padding-left: 35px;
  display: flex;
}

#semana-do-nutri #section-2>div.container-infos {
  padding-block: 50px;
  background: transparent;
  flex-direction: column;
  align-items: center;
}

#semana-do-nutri #section-2 .container-gift {
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 16px 35px;
}

#semana-do-nutri #section-2 .container-gift h3 {
  color: #ffffff;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 7px;
  font-family: "proxima-nova-condensed", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

#semana-do-nutri #section-2 .container-gift h3 span.color-green {
  color: #bde15b;
  text-transform: uppercase;
}

#semana-do-nutri #section-2 .container-gift h4 {
  font-size: 20px;
  font-weight: bold;
  color: #1a291b;
}

#semana-do-nutri #section-2 .container-infos .observation-text {
  color: #1A291B;
  font-size: 22px;
  line-height: 24px;
  width: 430px;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
}

#semana-do-nutri #section-2 .container-gift p {
  line-height: 17px;
  font-size: 17px;
}


.container-gift img.desktop {
  width: 250px;
}

@media (min-width: 768px) {
  #semana-do-nutri #section-2 .container-gift {
    display: flex;
  }
}

/* Bloco 04 - Resultados das lojas */
#semana-do-nutri .bloco03 .info-loja b.color {
  color: #5e8f41;
}

.resultados {
  margin-top: 40px;
}

.store-result {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px;
  gap: 2%;
  width: 215%;
}

/* ------- Section 5 ------- */

#semana-do-nutri #section-3 h4.title-section3 {
  color: #ffffff;
  font-family: "proxima-nova", sans-serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: bold;
  width: 510px;
  text-align: center;
  margin: 17px auto 12px;
}

p.sub-desc-form.desktop {
  font-size: 14px !important;
  line-height: 17px;
  color: #5f5f5f !important;
  max-width: 320px;
  font-family: "proxima-nova", sans-serif !important;
}

#semana-do-nutri #section-3 {
  display: flex;
  flex-direction: column;
  padding: 87px 0 62px;
  background-color: #334D35;
}

#semana-do-nutri #section-3 img {
  width: 413px;
}

#semana-do-nutri #section-2 .btSaibaMais {
  background: #000000;
  font-weight: 500;
  color: #FFFFFF;
  width: 168px;
  height: 41px;
  border: none;
  border-radius: 4px;
  transition: 0.5s ease;
  display: block;
  text-align: center;
  line-height: 41px;
  padding: 0;
  text-decoration: none;
  margin-top: 10px;
  font-size: 16px;
}

#semana-do-nutri #section-3 .btSaibaMais {
  background: #000000;
  font-weight: 500;
  color: #FFFFFF;
  width: 168px;
  height: 41px;
  border: none;
  border-radius: 4px;
  transition: 0.5s ease;
  display: block;
  text-align: center;
  line-height: 41px;
  padding: 0;
  text-decoration: none;
  margin-top: 10px;
  font-size: 16px;
}

/* MOBILE ATUALIZADO */

@media (max-width: 667px) {
  .cms-semana-do-nutricionista .bloco01 {
    padding-top: 16px;
    background-color: #1a291b !important;
  }

  .cms-semana-do-nutricionista .bloco01 .textos-fade {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .bloco01 .countdown-container {
    width: 85%;
    top: 24%;
    left: 3%;
  }

  .bloco01 span#days,
  span#hours,
  span#minutes {
    color: #adc756;
    font-size: 48px;
    line-height: 58px;
  }

  img.arrow-top {
    left: 82%;
    width: 55px;
    top: 0%;
    height: 95px;
  }

  .cms-semana-do-nutricionista .bloco01 .texts-blk-1 {
    width: 100%;
    margin: 0;
  }

  .cms-semana-do-nutricionista .bloco01 img.letreiro-nutri {
    margin: 60px auto 30px;
    width: 261px;
  }

  #semana-do-nutri #section-3 h4.title-section3 {
    width: 311px;
    text-align: left;
    line-height: 26px;
    margin: 0;
    font-family: "proxima-nova", sans-serif;
  }

  .cms-semana-do-nutricionista .bloco01 .image-left {
    background-image: unset;
    width: 0;
  }

  .cms-semana-do-nutricionista .bloco01 h1.title-principal {
    margin: 250px auto 30px;
    font-size: 30px;
    line-height: 28px;
    font-family: "proxima-nova-condensed", sans-serif;
  }

  .cms-semana-do-nutricionista .bloco01 span.italic {
    font-size: 30px;
    line-height: 28px;
  }

  .cms-semana-do-nutricionista .bloco01 h2.subtitle {
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    width: 300px;
    margin-bottom: 30px;
  }

  .cms-semana-do-nutricionista .bloco01 .texts-blk-1 a {
    margin: 20px auto 0;
  }

  .obs-to-campaign {
    max-width: 230px;
    font-size: 14px;
    line-height: 18px;
    margin: 20px auto 30px;
  }

  #semana-do-nutri.background-bf {
    padding: 20px;
  }

  #semana-do-nutri .container-space #section-2 .container-infos h2.title-section2 {
    font-size: 36px;
    line-height: 36px;
    max-width: 320px;
    margin-top: 30px;
    font-family: "proxima-nova-condensed", sans-serif;
    margin-bottom: 24px;
  }

  #semana-do-nutri .container-space #section-2 .container-infos h2.title-section2-copo {
    font-size: 36px;
    line-height: 36px;
    max-width: 320px;
    margin-top: 30px;
    font-family: "proxima-nova-condensed", sans-serif;
    margin-bottom: 24px;
  }

  #semana-do-nutri .container-space #section-2 .container-infos span.color {
    color: #bde15b;
  }

  #semana-do-nutri #section-2 {
    background-color: #1A291B !important;

  }
}

/* CSS ATUALIZADO */

h2.title-beneficios {
  line-height: 45px;
  font-weight: 900;
  font-size: 46px;
  color: #FDFFF0;
  text-transform: uppercase;
  font-family: 'proxima-nova-condensed', sans-serif;
  width: 650px;
  margin: 60px 0 67px;
  text-align: center;
}

h2.title-beneficios1 {
  line-height: 45px;
  font-weight: 900;
  font-size: 46px;
  color: #FDFFF0;
  text-transform: uppercase;
  font-family: 'proxima-nova-condensed', sans-serif;
  width: 650px;
  margin: 117px 0 32px;
  text-align: center;
}


span.color {
  color: #BDE15B;
}

img.icon-ex {
  width: 85px;
}

.englobe-itens {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 100px;
}

h3.title-ex {
  color: #BDE15B;
  font-size: 27px;
  line-height: 35px;
  font-family: 'roboto', sans-serif;
  width: 185px;
}

p.title-ex {
  color: #FDFFF0;
  font-size: 17px;
  line-height: 26px;
  width: 255px;
  text-align: left;
}

p.title-ex1 {
  color: #FDFFF0;
  font-size: 17px;
  line-height: 26px;
  width: 307px;
  text-align: left;
}

p.title-ex3 {
  color: #FDFFF0;
  font-size: 17px;
  line-height: 26px;
  width: 290px;
  text-align: left;
}

p.title-ex8 {
  color: #FDFFF0;
  font-size: 17px;
  line-height: 26px;
  width: 270px;
  text-align: left;
}

.line {
  border-bottom: 1px solid #1A291B;
  margin: 40px 0;
}

p.title-ex a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: 600;
}

p.title-ex8 a {
  text-decoration: underline;
  color: #ffffff;
  font-weight: 600;
}





.englobe-text {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 77px;
}

/* MOBILE ATUALIZADO */

@media (max-width: 600px) {
  .cms-semana-do-nutricionista .bloco01 h1.title-principal {
    margin-top: 24px;
    font-size: 35px;
    line-height: 32px;
    width: 290px;
  }

  img.banner-mobile {
    width: 250px;
    margin: 0px auto 30px;
  }

  #semana-do-nutri #section-2 {
    background-color: #fdfff0 !important;
  }

  .container-gift p.sub-desc {
    color: #bde15b !important;
  }

  #semana-do-nutri .bloco03 h2.titulo-busca {
    font-family: "proxima-nova-condensed", sans-serif;
    font-size: 32px;
    line-height: 28px;
    font-weight: 900;
    width: 350px;
    margin: 0px auto 30px;
    text-transform: uppercase;
    color: #1A291B;
    text-align: left;
    padding-left: 20px;
  }

  #semana-do-nutri #section-2>div {
    padding-left: 0;
  }

  #semana-do-nutri .container-space #section-2 .container-infos h2.title-section2 {
    font-size: 46px;
    line-height: 45px;
    max-width: 320px;
    margin-top: 30px;
    font-family: "proxima-nova-condensed", sans-serif;
    margin-bottom: 24px;
  }

  #semana-do-nutri #section-2>div.container-infos {
    padding-block: 0;
  }

  h2.title-beneficios {
    font-size: 46px;
    width: 350px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  h2.title-beneficios1 {
    font-size: 36px;
    line-height: 40px;
    width: 278px;
    margin-top: 50px;
    margin-bottom: 20px;
  }



  .englobe-itens {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 10px;
    justify-content: center;
    margin-left: 5px;
  }

  .englobe-text {
    display: block;
  }

  .img-box {
    width: 69px;
  }

  p.title-ex {
    width: 230px;
    line-height: 23px;
  }

  p.title-ex1 {
    width: 230px;
    line-height: 23px;
  }

  .line {
    border-bottom: 1px solid #DBDBDB;
    width: 310px;
    margin: 10px auto 30px;
  }

  p.title-ex3 {
    width: 230px;
    line-height: 23px;
  }

  h3.title-ex {
    width: 205px;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 13px;
  }

  p.title-ex8 {
    width: 240px;
    line-height: 23px;
  }

  img.icon-ex {
    margin-top: -10px;
    width: 70px !important;
  }

  #semana-do-nutri #section-3 .btSaibaMais {
    height: 50px;
    padding-top: 5px;
    width: 175px;
  }

  #semana-do-nutri #section-3 {
    padding-bottom: 50px;
  }

  #semana-do-nutri #section-3 img {
    width: 262px;
  }

  #semana-do-nutri #section-2 .container-infos .observation-text {
    width: 315px;
  }

}

/* 320px */

@media (max-width: 360px) {
  .cms-semana-do-nutricionista .bloco01 h2.subtitle {
    font-size: 15px;
  }

  #semana-do-nutri #section-2 .container-infos .observation-text {
    width: 250px;
    font-size: 17px;
    line-height: 19px;
  }

  #semana-do-nutri .container-space #section-2 .container-infos h2.title-section2 {
    font-size: 40px;
    line-height: 35px;
  }

  h2.title-beneficios {
    font-size: 40px;
    line-height: 40px;
  }

  #semana-do-nutri #section-3 img {
    width: 230px;
  }

  .englobe-itens {
    width: 305px;
    column-gap: 0px;
    margin-left: 15px;
  }

  p.title-ex {
    width: 205px;
    line-height: 20px;
    font-size: 15px;
  }

  p.title-ex1 {
    width: 185px;
    line-height: 20px;
    font-size: 15px;
  }

  .img-box {
    width: 55px;
  }

  p.title-ex8 {
    width: 200px;
    line-height: 20px;
    font-size: 15px;
  }

  p.title-ex3 {
    width: 205px;
    line-height: 20px;
    font-size: 15px;
  }

  .line {
    border-bottom: 1px solid #DBDBDB;
    width: 250px;
    margin: 10px auto 30px;
  }

  h2.title-beneficios1 {
    font-size: 32px;
    line-height: 30px;
  }

  img.icon-ex {
    width: 55px !important;
    margin-left: 7px;
  }
}

.img-box {
  width: 76px;
  height: 76px;
}