Modelagem

Instrução de Lavagem

Coleção

Gênero

País de Fabricação

Sub Categoria

Estação

Eixo

Modelo

Departamento

Personagem

Marca

Categoria

Padronagem

Composição Principal

Navegação Personagens Diversos

Faixa Etária

Código Genérico

Estilo de Vida

Descrição da Marca

Descrição do Departamento

Geek

Medidas do Produto

Classificação do Grupo

Palavra Chave

Produto

Família

Embalagem para presente

Estilo, qualidade, confiança, conforto e muito mais formam o squad perfeito da <strong>Camiseta masculina League of Legends bege | FANLAB. </strong>Feita de algodão, a camiseta vem em modelagem tradicional, possui gola redonda, manga curta e seu destaque está em suas estampas de LOL. Suba no ranking de estilo e aproveite!<br />
<br />
<strong>Características:</strong><br />
Marca: FANLAB<br />
Algodão 100%<br />
Gola redonda<br />
Manga curta<br />
Barra tradicional<br />
Estampa frontal e posterior de League of Legends<br />
<br />
Medidas do modelo: altura: 1,91m; tórax: 100cm; cintura: 78cm; quadril: 102cm. Modelo está vestindo: M<br />
<br />
Básica e que nunca sai de moda a <strong>camiseta</strong> é aquela peça que não pode faltar no guarda-roupa. Encontrada em tecido de malha de algodão ou meia malha é uma peça versátil e prática na hora de compor um look. São inúmeras as possibilidades de utilização dessa peça seja usando casualmente, em uma sobreposição, com amarração frontal ou customizada.<br />
<br />
Para o infinito e além! Com linguagem divertida e livre de julgamentos, a FANLAB foi criada pensando no público geek que não abre mão de poder se vestir usando peças daquele filme, série, desenho, anime e game que tanto gosta. Agora você pode contar com uma marca que conecta cada fã apaixonado ao seu universo favorito com toque de estilo e moda, trazendo peças autênticas, artigos colecionáveis e decorativos. Rompa a fronteira entre o real e o wow, e que a força esteja com você.<br />
<br />
<strong>A cor do produto nas fotos reproduzidas com modelos pode sofrer alteração, em decorrência do uso do flash.</strong>

Camiseta masculina League of Legends bege | FANLAB

Tamanho

:root {
  --background-footer-color: #373737;
  --divider-color: #313131;
  --primary-font: normal normal bold 14px/16px Poppins;
  --secondary-font: 'Larsseit-Regular','Regular', 'Helvetica', 'Arial', sans-serif;
  --dark-color: #DFDFDF;
  --item-color: #6c6c6c;
  --main-color: #272727;
  --white-color: #F1F1F1;
  --white-color2: #ACACAC;
  --max-width: 960px;
  --copy-text-color: #737373;
  --font-size-small: 11.33px;
  --font-size-medium: 13.33px
}

html {
  behavior: smooth;
}
* {
  box-sizing: border-box;
}

input[type='checkbox'] {
  display: none;
}

.footer-bottom .footer-bottom-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  font-family: var(--secondary-font);
}

.divider-heighter {
  width: 100%;
  height: 2px;
  background: var(--divider-color);
}

.divider-lighter {
  width: 100%;
  height: 1px;
  background: var(--divider-color);
}

.spacing {
  height: 34px;
  background: #f9f9f9;
}

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #373737;
  width: 100%;
 z-index: 0 --important;
}

.footer-wrapper {
  width: 100%;
  max-width: 1172px;
  
}

.footer-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 1.4rem 0px;
}

.footer-logo {
   height: 27.87px;
   width: 95.8px;
}

.footer-logo-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.footer-social-media {
  display: flex;
  align-items: center;
  margin-bottom: 4px
}

.footer-social-media .social-description {
  color: var(--white-color);
  font-family: var(--secondary-font);
  font-size: var(--font-size-medium);
  text-align: justify;
  width: 114px;
  margin-left: 10px;
}

.footer-social-media .social-icon-link {
  cursor: pointer;
  margin-left: 10px;
}

.footer-social-media .social-icon-link:hover {
  opacity: 0.8;
}

.formas-pagamento p {
  font: var(--secondary-font);
  color: var(--white-color);
  width: 100%;
  margin: 10px 0 14px 10px
}

.formas-pagamento .bandeiras {
    display: flex;
    width: 220px;
    flex-wrap: wrap;
}

.bandeiras .space {
  margin-left: 10px;
  margin-bottom: 5px;
}

.footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0px;
  /*margin-top: 44px;*/
}

.column p {
  font-family: var(--secondary-font);
  font-size: var(--font-size-medium);
  color: var(--white-color);
  width: 100%;
  margin-bottom: 14px;
}

.options {
  margin-top: 5px;
  
}

.column .options {
  list-style: none;
  padding: 0px;
  margin: 2px;
  width: 100%;
}

.options a {
  list-style: none;
  color: var(--item-color);
  text-decoration: none;
  font-size: var(--font-size-medium);
  font: var(--primary-font);
  font-weight: normal;
}

.options .item {
  padding: 3px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  color: var(--white-color2);
  font-size: var(--font-size-medium);
  font-family: var(--secondary-font);
}

.options .item:hover {
  opacity: 0.8;
}

.options .item-title {
  padding: 3px 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 39px;
  color: var(--white-color);
  font-family: var(--secondary-font);
} 

.options a {
  font-size: var(--font-size-medium);
}

.options .item .title {
  color: var(--white-color2);
  font-size: var(--font-size-medium);
  font-family: var(--secondary-font);
}

.options .item .text {
  list-style: none;
  text-decoration: none;
  color: var(--item-color);
  font-size: var(--font-size-medium);
  font-weight: 400;
  padding: 2px 0px;
}

.footer-warnings {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.text-copy {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0px 0px;
}

.text-copy {
  text-align: center;
  font-family: var(--secondary-font);
  font-weight: normal;
  font-size: var(--font-size-small);
  color: var(--copy-text-color);
}

.checkBoxCopy {
  display: block;
}

.footer-warnings {
  padding: 0px 20px;
}

.site-seguro {
  margin-top: 20px;
}

.footer-bottom {
  flex-direction: column;
}

.footer-bottom .column1 {
  margin-top: 30px;
}

.footer-bottom .column1:first-child {
  margin-top: 0px;
}

.footer-warnings {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0px 20px;
  border: none;
  border-radius: 5px;
  margin: 20px 0px;
  width: 100%;
}

.back-to-top {
  background-color: inherit;
  border: 0;
  cursor: pointer;
  margin-top: 28px;
}

.img-button {
  width: 40px;
  height: 35px;
  background-color: var(--item-color);
  border: 0;
  cursor: pointer;
  border-radius: 4px;
}

.back-to-top:hover {
  opacity: 0.8;
}

.text-copy p {
  width: 100%;
  max-width: var(--max-width);
  display: flex;
  justify-content: center;
  padding: 10px 0px 0px;
  text-align: center;
  font-family: var(--secondary-font);
  font-weight: normal;
  font-size: var(--font-size-small);
  color: var(--copy-text-color);
}

.copyrigth-content {
  width: 100%;
  height: 60px;
  background-color: var(--main-color);

  display: flex;
  align-items: center;
  justify-content: center;
}

.copyrigth-content p {
  color: var(--white-color2);
  font-size: 10px;
  font-family: var(--secondary-font);
}

.btn-container {
  display: flex;
  align-items: flex-end;
}

.btn-top {
    background-color: inherit;
    border: 0;
    cursor: pointer;
}

.btn-top:hover {
  opacity: 0.8;
}

.text-copy-mobile {
  display: none;
}
/* Mobile */

@media screen and (max-width: 960px) {
   .footer-wrapper {
    width: 100%;
    max-width: var(--max-width);
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
  }
  .logo-container img {
    width: 92.8px;
    height: 27.87px;
  }

  .footer-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .formas-pagamento {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom {
    display: flex;
    width: 100%;
    padding: 1rem 0px;
    flex-direction: column;
    align-items: center;
  }
  .footer-label {
    color: #DFDFDF;
    align-items: center;
  }

  .footer-bottom .footer-bottom-container {
    display: flex;
    flex-direction: column;
  }

  .footer-bottom .column:first-child {
    margin-top: 0px;
  }

  .labelCheck {
    width: 100%;
    font: var(--secondary-font);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    cursor: pointer;
    transition: 0.3s;
    margin: 0px;
    z-index: 99;
  }

  .column p {
    font: var(--secondary-font);
    color: var(--white-color);
    width: 100%;
    margin: 0px;
  }

  .column {
    width: 100%;
    border: 1px solid var(--divider-color);
    padding: 2px 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    user-select: none;
  }

  .footer-bottom .column1 {
    margin-top: 0px;
  }

  .footer-bottom .column1:first-child {
    margin-top: 0px;
  }

  .column:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .column:last-child {
    display: none;
    border-bottom: 1px solid var(--divider-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

  }

  .column .options,
  .footer-warnings .options {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    max-height: 0px;
    transition: 0.3s;
  }

  .options a {
    list-style: none;
    text-decoration: none;
    color: var(--item-color);
    font-size: var(--font-size-medium);
    font: var(--primary-font);
    font-weight: normal;
  }

  .options .item {
    padding: 8px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .options a {
    font-size: var(--font-size-medium);
  }

  .options .item .title {
    color: var(--item-color);
    font-size: var(--font-size-medium);
  }

  .options .item .text {
    list-style: none;
    color: var(--item-color);
    text-decoration: none;
    font-size: var(--font-size-medium);
    font-weight: 400;
    padding: 2px 0px;
  }

  .footer-warnings {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 20px;
    border: 1px solid var(--copy-text-color);
    border-radius: 5px;
    margin: 20px 0px;
    width: 100%;
  }

  .text-copy p {
    width: 100%;
    max-width: var(--max-width);
    display: flex;
    justify-content: center;
    padding: 10px 0px 0px;
    text-align: center;
    font-family: var(--secondary-font);
    font-weight: normal;
    font-size: var(--font-size-small);
    color: var(--copy-text-color);
  }

  .text-copy:last-child {
    margin-bottom: 20px;
  }

  .column input,
  .footer-warnings input {
    display: none;
  }

  .checkBoxCopy {
    display: flex;
  }

  .column input:checked ~ ul,
  .footer-warnings input:checked ~ ul {
    height: auto;
    transform: translateY(0%);
  }

  .column label::after,
  .footer-warnings label::after {
    content: url('https://static.riachuelo.com.br/fanlab/arrow_down.svg'); /*Mudar url para prod*/
    opacity: 0.7;
    color: var(--white-color2);
  }

  .column input:checked ~ label::after,
  .footer-warnings input:checked ~ label::after {
    content: url('https://static.riachuelo.com.br/fanlab/arrow_up.svg');
    opacity: 0.7;
  }

.footer-logo-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.btn-container {
 display: none;
}

.options .item-title {
  margin-left: 0;
}

.text-copy-mobile {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  }
  
.text-copy-mobile p {
  opacity: 0;
}

.text-copy-mobile .btn-top-mobile {
  background-color: var(--item-color);
  border: 0;
  cursor: pointer;
  margin-bottom: 23px;
  border-radius: 4px;
  height: 40px
}

.btn-container-mobile {
   margin-top: 13px;
}

}

<footer class="wrapper content-mobile">
  <div class="divider-heighter"></div>
  <div class="footer-wrapper">
    <div class="footer-logo-content">

      <div class="footer-header">
        <div class="logo-container">
          <img src="https://static.riachuelo.com.br/fanlab/logo-fanlab.svg" alt="Logo" style="width: 146px;height: 43px;" />
        </div>
      </div>

      <div class="footer-social-media">
        <a href="https://www.tiktok.com/@fanlab" target="_blank" class="social-icon-link"
          data-gtm-event-category="geral" data-gtm-event-action="clique:link:rede-social:footer"
          data-gtm-event-label='fanlab-tiktok'>
          <img src="https://static.riachuelo.com.br/fanlab/tiktok_round_logo.svg" style="width: 34px;height: 34px;" />
        </a>

        <a href="https://www.instagram.com/fanlab/" target="_blank" class="social-icon-link"
          data-gtm-event-category="geral" data-gtm-event-action="clique:link:rede-social:footer"
          data-gtm-event-label='fanlab-instagram'>
          <img src="https://static.riachuelo.com.br/fanlab/instagram_round_logo.svg" style="width: 34px;height: 34px;" />
        </a>

        <a href="https://www.facebook.com/FANLAB-110955004819809/" target="_blank" class="social-icon-link"
          data-gtm-event-category="geral" data-gtm-event-action="clique:link:rede-social:footer"
          data-gtm-event-label='fanlab-facebook'>
          <img src="https://static.riachuelo.com.br/fanlab/face_round_logo.svg" style="width: 34px;height: 34px;" />
        </a>

        <a href="https://twitter.com/fanlab" target="_blank" class="social-icon-link" data-gtm-event-category="geral"
          data-gtm-event-action="clique:link:rede-social:footer" data-gtm-event-label='fanlab-twitter'>
          <img src="https://midia.fotos-riachuelo.com.br/fotos/hotsites/fanlab/twitter-x.svg" style="width: 34px;height: 34px;" />
        </a>

        <a href="https://t.me/fanlaboficial" target="_blank" class="social-icon-link" data-gtm-event-category="geral"
          data-gtm-event-action="clique:link:rede-social:footer" data-gtm-event-label='fanlab-telegram'>
          <img src="https://static.riachuelo.com.br/fanlab/socialicons_telegram.svg" style="width: 34px;height: 34px;" />
        </a>
      </div>
    </div>

    <div class="footer-bottom">
      <div class="footer-bottom-container">
        <div class="column ">
          <input type="checkbox" id="check1">
          <label for="check1" class="labelCheck">
              <p>FANLAB</p>
            </label>
          <p></p>
          <ul class="options">
            
            <a href="/acesso" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='fanlab:cadastre-se'>
              <li class="item">Cadastre-se</li>
            </a>
            <a href="/minha-conta" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='fanlab:meus-pedidos'>
              <li class="item">Meus Pedidos</li>
            </a>
            <a href="/regulamentos" data-gtm-event-category="geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='privacidade:regulamentos'>
              <li class="item">Regulamentos</li>
            </a>
            <a href="/sorteios" data-gtm-event-category="geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='privacidade:sorteios'>
              <li class="item">Regras e Resultados de Sorteios</li>
            </a>
            <a href="/termo-de-uso" data-gtm-event-category="geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='privacidade:termos-de-uso'>
              <li class="item">Termos e Condições</li>
            </a>
          </ul>
        </div>
        <div class="column ">
          <input type="checkbox" id="check2">
          <label for="check2" class="labelCheck">
              <p>Dúvidas e infos</p>
            </label>
          <ul class="options">
            <a href="/minha-conta" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='duvidas:entregas'>
              <li class="item">Entregas</li>
            </a>
            <a href="/minha-conta" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='duvidas:pagamentos'>
              <li class="item">Pagamentos</li>
            </a>
            <a href="/nossas-lojas" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='duvidas:nossaslojas'>
              <li class="item">Nossas Lojas</li>
            </a>
          </ul>
        </div>
        <div class="column ">
          <input type="checkbox" id="check2">
          <label for="check2" class="labelCheck">
              <p>Ajuda</p>
            </label>
          <ul class="options">
            <a href="/call-center" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:central-de-atendimento'>
              <li class="item">Central de Atendimento</li>
            </a>
            <a href="/perguntas-frequentes" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:perguntas-frequentes'>
              <li class="item">Perguntas Frequentes</li>
            </a>
            <a href="/politica-de-troca" data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:trocas-e-devolucao'>
              <li class="item">Trocas e Devolução</li>
            </a>
          </ul>
        </div>
        <div class="column ">
          <input type="checkbox" id="check2">
          <label for="check2" class="labelCheck">
              <p>Privacidade</p>
            </label>
          <ul class="options">
            <a href="https://privacidade.grupoguararapes.com.br/" target="_blank" data-gtm-event-category="geral"
              data-gtm-event-action="clique:footer:link" data-gtm-event-label='privacidade:portal-de-privacidade'>
              <li class="item">Portal de Privacidade</li>
            </a>
            <a href="https://privacidade.grupoguararapes.com.br/politicas-de-privacidade/" target="_blank"
              data-gtm-event-category="geral" data-gtm-event-action="clique:footer:link"
              data-gtm-event-label='privacidade:termos-e-condicoes-gerais-de-uso'>
              <li class="item">Política de Privacidade</li>
            </a>
            <a href="#!" class="cmp-revoke-consent">
              <li class="item">Preferências de Cookies</li>
            </a>
          </ul>
        </div>
        <div class="formas-pagamento">
          <p>Pague com</p>
          <div class="bandeiras">
            <div class="space">
              <img src="https://static.riachuelo.com.br/fanlab/cartao_riachuelo.svg" alt="Cartão Riachuelo" style="width: 59px;height: 34px;" />
            </div>
            <div class="space">
              <img src="https://static.riachuelo.com.br/fanlab/cartao_mastercard.svg" alt="Bandeira Mastercard" style="width: 59px;height: 34px;" />
            </div>
            <div class="space">
              <img src="https://static.riachuelo.com.br/fanlab/cartao_visa.svg" alt="Bandeira Visa" style="width: 59px;height: 34px;" />
            </div>
            <div class="space">
              <img src="https://static.riachuelo.com.br/fanlab/pix.svg" alt="PIX" style="width: 59px;height: 34px;" />
            </div>
          </div>
        </div>

        <div class="btn-container">
          <button class="btn-top hidden">
            <img class="img-button" src="https://static.riachuelo.com.br/fanlab/arrow_up.svg"/>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-wrapper">
    <div class="column footer-warnings ">
      <input type="checkbox" id="checkCopy">
      <label for="checkCopy" class="checkBoxCopy labelCheck">
        </label>
      <ul class="options removeSpacing">
        <li class="text-copy">
          <img src="https://static.riachuelo.com.br/fanlab/riachuelo_certificadoseseguranca.svg" alt="Certificado de segurança" style="width: 119px;height: 34px;" />
        </li>
      </ul>
    </div>
  </div>

  <div class="text-copy-mobile">
    <p>{''}</p>
    <img src="https://static.riachuelo.com.br/fanlab/riachuelo_certificadoseseguranca.svg" alt="Certifica de segurança" style="width: 119px;height: 34px;" />
    <div class="btn-container-mobile">
      <button class="btn-top-mobile">
          <img class="img-button" src="https://static.riachuelo.com.br/fanlab/arrow_up.svg"/>
        </button>
    </div>
  </div>

  <div class="copyrigth-content">
    <p> © Copyright 2022. Todos os direitos reservados.<br> Orgulhosamente desenvolvido por Tech Riachuelo</p>
  </div>
</footer>

const columns = document.querySelectorAll('.column')
    columns.forEach(column => {
      const label = column.querySelector('.labelCheck')
      label.addEventListener('click', (event) => {
        const options = column.querySelector('.options')
        if (options.clientHeight > 0) {
          options.style.maxHeight = `0px`
        } else {
          options.style.maxHeight = `${options.scrollHeight}px`

        }
      })
    })
    window.addEventListener('resize', () => {
      if (window.innerWidth >= 960) {
        columns.forEach(column => {
          const options = column.querySelectorAll('.options')
          options.forEach(option => {
            option.style.maxHeight = 'fit-content'
          })
        })
      } else {
        columns.forEach(column => {
          if (column.querySelector("input[type='checkbox']").checked) {
            const options = column.querySelectorAll('.options')
            options.forEach(option => {
              option.style.maxHeight = `${option.scrollHeight}px`
            })
          } else {
            const options = column.querySelectorAll('.options')
            options.forEach(option => {
              option.style.maxHeight = `0px`
            })
          }
        })
      }
    })

    const goToTop = () => {
      document.body.scrollIntoView({
        behavior: "smooth",
      })
    }
    const backToTopButton = document.querySelector('.btn-top')
    backToTopButton.addEventListener("click" , goToTop);

    const backToTopMobile = document.querySelector('.btn-top-mobile')
    backToTopMobile.addEventListener('touchstart', goToTop )

:root {
  background-color: #313131;
  --background-footer-color: #313131;
  --divider-color: #313131;
  --primary-font: normal normal bold 14px/16px Poppins;
  --secondary-font: 'Larsseit-Regular','Regular', 'Helvetica', 'Arial', sans-serif;
  --dark-color: #444;
  --item-color: #6c6c6c;
  --max-width: 960px;
  --copy-text-color: #737373;
  --font-size-small: 11.33px;
  --font-size-medium: 13.33px;
}

* {
  box-sizing: border-box;
}

.wrapper {
  background-color: #313131;
  width: 100%;
}

.container {
  
  display: block;
  padding: 10px;
}

.header_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right_header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  background-color: #313131;
  border-radius: 4px;
  opacity: 1;
  border-color: #313131;
  margin-left: 10px;
}

.novidades {
  display: inline;
  color: #ACACAC !important;
  margin-left: 15px;
  margin-bottom: 5px;

  font-size: 12px !important;
  letter-spacing: 0px;
  margin-right: 15px !important;
  padding-top: 6px;
  font-family: var(--secondary-font);
}

.link {
  color: #ACACAC;
  display: flex;
  text-decoration: none !important;
  align-items: center;
  font-family: 'Larsseit-Regular', "Roboto", "Helvetica", "Arial", sans-serif;
  opacity: 1;
}

.menu_icon_text {
  font-size: 12px;
  letter-spacing: 0px;
  color: #ACACAC;
  padding-top: 6px;
  margin-right: 15px !important;
}

.icon {
  margin-right: 4px;
}

.left_header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: flex-end;
}

@media (max-width: 366px) {
 .desktop_text_lojas {
  display: none;
 }
}
@media (min-width: 366px) {
  .mobile_text_lojas {
  display: none;
 }
}

@media (max-width: 383px) {
  .mobile_novidades {
    font-size: 12px;
    padding: 1em;
  }
  .novidades {
    display: none;
  }
}

@media (min-width: 383px) {
  .mobile_novidades {
     display: none;
  }
}

.labels {
    color: #9b26b6;
    margin-bottom: 10px;
    font: normal normal 600 17px/26px Poppins;
}
.descriptions{
    font: normal normal 600 21px/18px Poppins;
    color: #6C6C6C;
    font-size: 12px;
    margin-bottom: 8px;
}
.white-box{
    background-color: #fff;
    font: normal normal 600 21px/18px Poppins;
    color: #6C6C6C;
    margin: 0px;
    box-sizing: border-box;
    padding: 16px;
    padding-bottom: 24px;
}