pauqeta esporte
pauqeta
pauqeta gaston
pauqeta gaston
PromoçõesAcessórios EsportivosAcessórios MasculinosMochilasMochila Puma Plus Esportiva Preta Masculina
PromoçõesAcessórios EsportivosAcessórios MasculinosMochilasMochila Puma Plus Esportiva Preta Masculina
Puma

Mochila Puma Plus Esportiva Preta Masculina

R$ 249,99
Em até 6x R$ 55,56, 8,9% de juros
TAMANHO
UNICO
COR: Preto
Vendido por: Paquetá Esportes

Descrição do produto

<div class="np:flex-1">

  <h2 class="np:text-xl! np:sm:text-2xl! np:font-semibold! np:text-gray-900! np:mb-3!">Por que comprar uma mochila Puma?</h2>
  <p class="np:text-sm! np:sm:text-base! np:text-gray-500! np:leading-relaxed!">A mochila Puma alia sustentabilidade e funcionalidade com materiais reciclados. Oferece durabilidade e conforto para o uso diário. Ideal para quem busca estilo e praticidade no dia a dia.</p>
</div>
<div class="np:w-full! np:flex np:flex-col! np:justify-center!">

  <h3 class="np:text-xl! np:sm:text-2xl! np:font-semibold! np:text-gray-900! np:mb-6!">Tudo o que você precisa saber sobre Mochila Esportiva Puma Plus Masculina Preta</h3>
  <div class="np:grid np:grid-cols-2! np:gap-4!">

    <div class="np:bg-white! np:border! np:break-words! np:border-gray-200! np:shadow-sm! np:p-4! np:rounded-lg!">

      <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:mb-1!">MATERIAL</div>
      <div class="np:text-base! np:sm:text-lg! np:font-semibold! np:text-gray-900!">Poliéster</div>
    </div>
    <div class="np:bg-white! np:border! np:break-words! np:border-gray-200! np:shadow-sm! np:p-4! np:rounded-lg!">

      <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:mb-1!">COR</div>
      <div class="np:text-base! np:sm:text-lg! np:font-semibold! np:text-gray-900!">Preto</div>
    </div>
    <div class="np:bg-white! np:border! np:break-words! np:border-gray-200! np:shadow-sm! np:p-4! np:rounded-lg!">

      <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:mb-1!">TIPO DE SALTO</div>
      <div class="np:text-base! np:sm:text-lg! np:font-semibold! np:text-gray-900!">N/A</div>
    </div>
    <div class="np:bg-white! np:break-words! np:border! np:border-gray-200! np:shadow-sm! np:p-4! np:rounded-lg! np:relative! np:overflow-hidden!">

      <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:mb-1!">ALTURA DO SALTO</div>
      <div class="np:text-base! np:sm:text-lg! np:font-semibold! np:text-gray-900!">N/A</div>
    </div>
  </div>
</div>
<div class="np:w-full! np:oscar-hide">

  <div class="np:relative! np:w-full! np:cursor-pointer! np:outline-none! np:focus:ring-2! np:focus:ring-blue-500! np:transition-shadow!" x-data="{ showOverlay: false }" tabindex="0" role="button" aria-label="Ver mais detalhes da imagem do produto" x-on:click="showOverlay = !showOverlay" x-on:keydown.enter="showOverlay = !showOverlay">

    <img src="https://grupooscar.vteximg.com.br/arquivos/ids/10768348/999999992707649 -5-.webp?v=639059836761270000" alt="Mochila esportiva preta Puma feita em poliéster com design funcional e logo branco em destaque" class="np:w-full! np:h-auto! np:object-contain! np:rounded-lg! np:shadow-md!" />
    <div class="np:absolute! np:inset-0! np:flex np:items-center! np:justify-center! np:bg-black/60! np:rounded-lg! np:z-10!" x-show="showOverlay" x-transition="" x-cloak="">

      <div class="np:text-white! np:text-lg! np:font-semibold! np:text-center! np:px-4!">Mochila resistente com bolsos práticos e alças acolchoadas para conforto diário</div>
    </div>
    <iconify-icon icon="mdi:hand-pointing-up" class="np:absolute! np:top-2! np:right-2! np:z-20! np:text-white! np:bg-black/60! np:rounded-full! np:p-1! np:w-7! np:h-7! np:flex np:items-center! np:justify-center! np:pointer-events-none!" aria-label="Clique para ver detalhes da imagem" tabindex="-1"></iconify-icon>
  </div>
</div>
<div class="np:w-full! np:oscar-hide">

  <div class="np:relative! np:w-full! np:cursor-pointer! np:outline-none! np:focus:ring-2! np:focus:ring-blue-500! np:transition-shadow!" x-data="{ showOverlay: false }" tabindex="0" role="button" aria-label="Ver mais detalhes da imagem lateral do produto" x-on:click="showOverlay = !showOverlay" x-on:keydown.enter="showOverlay = !showOverlay">

    <img src="https://grupooscar.vteximg.com.br/arquivos/ids/10768349/999999992707649 -3-.webp?v=639059836761430000" alt="Mochila Puma preta sendo usada por modelo, mostrando ajuste das alças acolchoadas" class="np:w-full! np:h-auto! np:object-contain! np:rounded-lg! np:shadow-md!" />
    <div class="np:absolute! np:inset-0! np:flex np:items-center! np:justify-center! np:bg-black/60! np:rounded-lg! np:z-10!" x-show="showOverlay" x-transition="" x-cloak="">

      <div class="np:text-white! np:text-lg! np:font-semibold! np:text-center! np:px-4!">Detalhes do bolso frontal com zíper e compartimentos acolchoados para laptop</div>
    </div>
    <iconify-icon icon="mdi:hand-pointing-up" class="np:absolute! np:top-2! np:right-2! np:z-20! np:text-white! np:bg-black/60! np:rounded-full! np:p-1! np:w-7! np:h-7! np:flex np:items-center! np:justify-center! np:pointer-events-none!" aria-label="Clique para ver detalhes da imagem lateral" tabindex="-1"></iconify-icon>
  </div>
</div>
<div class="np:w-full! np:flex np:flex-col! np:justify-center!">

  <div class="np:flex np:w-full! np:flex-wrap! np:box-border! np:overflow-hidden! np:gap-2! np:mb-4!">

    <div class="np:basis-[calc(50%-4px)]! np:min-w-0! np:max-w-[50%]! np:bg-white! np:border! np:border-gray-200! np:p-3! np:rounded-md! np:shadow-sm!">

      <h3 class="np:text-sm! np:font-semibold! np:text-gray-700! np:uppercase! np:mb-3!">SOLADO</h3>
      <div class="np:space-y-3!">

        <div class="np:space-y-3!">
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:font-semibold! np:mb-1!">MATERIAL</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:mt-1!">Borracha</div>
            </div>
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:font-semibold! np:mb-1!">ADERÊNCIA</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:mt-1!">Alta</div>
            </div>
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:uppercase! np:tracking-wide! np:text-gray-500! np:font-semibold! np:mb-1!">AMORTECIMENTO</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:mt-1!">Sim</div>
            </div>
          
        </div>
      </div>
    </div>
    <div class="np:basis-[calc(50%-4px)]! np:min-w-0! np:max-w-[50%]! np:bg-white! np:border! np:border-gray-200! np:p-3! np:rounded-md! np:shadow-sm!">

      <h3 class="np:text-sm! np:font-semibold! np:text-gray-700! np:uppercase! np:mb-3!">FECHAMENTO</h3>
      <div class="np:space-y-3!">

        <div class="np:space-y-3!">
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:text-gray-500! np:uppercase! np:leading-tight! np:truncate! np:mb-1!">TIPO</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:truncate! np:mt-1!">Zíper</div>
            </div>
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:text-gray-500! np:uppercase! np:leading-tight! np:truncate! np:mb-1!">POSIÇÃO</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:truncate! np:mt-1!">Frontal</div>
            </div>
          
            <div class="np:flex np:flex-col! np:min-w-0! np:max-w-full!">

              <div class="np:text-xs! np:text-gray-500! np:uppercase! np:leading-tight! np:truncate! np:mb-1!">AJUSTE REGULÁVEL</div>
              <div class="np:text-sm! np:font-bold! np:text-gray-900! np:truncate! np:mt-1!">Sim</div>
            </div>
          
        </div>
      </div>
    </div>
  </div>
  <div class="np:bg-white! np:border! np:border-gray-200! np:p-3! np:rounded-md! np:shadow-sm!">

    <h3 class="np:text-sm! np:font-semibold! np:text-gray-700! np:uppercase! np:mb-3!">BICO</h3>
    <div class="np:space-y-3!">

      <div class="np:flex np:gap-2! np:flex-col!">

        <div class="np:text-xs! np:text-gray-500! np:uppercase! np:leading-tight!">TIPO</div>
        <div class="np:text-sm! np:font-bold! np:text-gray-900!">N/A</div>
      </div>
    </div>
  </div>
</div>
<div class="np:w-full! np:col-span-1! np:flex np:items-center! np:h-full!">

  <div class="np:border! np:border-gray-200! np:rounded-xl! np:p-3! np:bg-white! np:space-y-2! np:w-full! np:h-full!">

    <div class="np:relative! np:h-full!" x-data="{ openAccordion: 2 }">

      <h3 class="np:text-base! np:sm:text-lg! np:font-bold! np:text-gray-900! np:mb-2!">Essa mochila vai servir?</h3>
      <div class="np:relative!">

        <div class="np:flex np:items-center! np:justify-between! np:gap-2! np:cursor-pointer! np:select-none! np:group!" x-on:click="openAccordion = openAccordion === 0 ? null : 0">

          <h4 class="np:text-xs! np:sm:text-sm! np:font-semibold! np:text-gray-900! np:cursor-pointer! np:mb-1!">1. Escolha seu número</h4>
          <iconify-icon icon="mdi:chevron-down" class="np:transition-transform! np:duration-200! np:w-4! np:h-4! np:ml-1!"></iconify-icon>
        </div>
        <p class="np:text-xs! np:text-gray-600! np:mt-1!" x-show="openAccordion === 0" x-transition="">Escolha o número que você normalmente usa para calçados. Se estiver em dúvida, consulte nossa tabela de tamanhos.</p>
      </div>
      <div class="np:relative! np:mt-1!">

        <div class="np:flex np:items-center! np:justify-between! np:gap-2! np:cursor-pointer! np:select-none! np:group!" x-on:click="openAccordion = openAccordion === 1 ? null : 1">

          <h4 class="np:text-xs! np:sm:text-sm! np:font-semibold! np:text-gray-900! np:cursor-pointer! np:mb-1!">2. Faça o pedido e prove</h4>
          <iconify-icon icon="mdi:chevron-down" class="np:transition-transform! np:duration-200! np:w-4! np:h-4! np:ml-1!"></iconify-icon>
        </div>
        <p class="np:text-xs! np:text-gray-600! np:mt-1!" x-show="openAccordion === 1" x-transition="">Faça o pedido e experimente o produto no conforto da sua casa. Se não servir, não se preocupe!</p>
      </div>
      <div class="np:relative! np:mt-1! np:mb-auto!">

        <div class="np:flex np:items-center! np:justify-between! np:gap-2! np:cursor-pointer! np:select-none! np:group!" x-on:click="openAccordion = openAccordion === 2 ? null : 2">

          <h4 class="np:text-xs! np:sm:text-sm! np:font-semibold! np:text-gray-900! np:cursor-pointer! np:mb-1!">3. Troca Grátis</h4>
          <iconify-icon icon="mdi:chevron-down" class="np:transition-transform! np:duration-200! np:w-4! np:h-4! np:ml-1!"></iconify-icon>
        </div>
        <p class="np:text-xs! np:text-gray-600! np:mt-1!" x-show="openAccordion === 2" x-transition="">A troca é gratuita e fácil. Você tem 7 dias para solicitar a troca, caso o produto não sirva.</p>
      </div>
    </div>
  </div>
</div>
<div class="np:w-full! np:max-[450px]:col-span-1!">

  <div class="np:relative! np:aspect-square! np:rounded-xl! np:overflow-hidden! np:border! np:border-gray-100!">

    <img src="https://grupooscar.vteximg.com.br/arquivos/ids/10768349/999999992707649 -3-.webp?v=639059836761430000" alt="Mochila Puma Plus preta usada por modelo mostrando ajuste confortável das alças acolchoadas" class="np:w-full! np:h-full! np:object-cover!" />
    <div class="np:absolute! np:inset-0! np:bg-black/20!"></div>
    <div class="np:absolute! np:inset-0! np:flex np:flex-col! np:justify-center! np:items-center! np:gap-y-1! np:px-1! np:py-8! np:sm:py-12! np:md:py-16!">

      <div class="np:flex np:flex-wrap! np:justify-center! np:items-center! np:gap-2! np:w-full!">
        
          <span class="np:bg-white/90! np:backdrop-blur-sm! np:px-2! np:py-0.5! np:text-[10px]! np:sm:text-[14px]! np:font-medium! np:rounded-full! np:shadow!">Trabalho</span>
        
          <span class="np:bg-white/90! np:backdrop-blur-sm! np:px-2! np:py-0.5! np:text-[10px]! np:sm:text-[14px]! np:font-medium! np:rounded-full! np:shadow!">Passeios</span>
        
          <span class="np:bg-white/90! np:backdrop-blur-sm! np:px-2! np:py-0.5! np:text-[10px]! np:sm:text-[14px]! np:font-medium! np:rounded-full! np:shadow!">Estudo</span>
        
          <span class="np:bg-white/90! np:backdrop-blur-sm! np:px-2! np:py-0.5! np:text-[10px]! np:sm:text-[14px]! np:font-medium! np:rounded-full! np:shadow!">Esporte</span>
        
          <span class="np:bg-white/90! np:backdrop-blur-sm! np:px-2! np:py-0.5! np:text-[10px]! np:sm:text-[14px]! np:font-medium! np:rounded-full! np:shadow!">Viagem</span>
        
      </div>
    </div>
  </div>
</div>
<div class="np:w-full! np:oscar-hide">

  <div class="np:relative! np:w-full! np:cursor-pointer! np:outline-none! np:focus:ring-2! np:focus:ring-blue-500! np:transition-shadow!" x-data="{ showOverlay: false }" tabindex="0" role="button" aria-label="Ver mais detalhes da imagem lateral do produto" x-on:click="showOverlay = !showOverlay" x-on:keydown.enter="showOverlay = !showOverlay">

    <img src="https://grupooscar.vteximg.com.br/arquivos/ids/10768350/999999992707649 -4-.webp?v=639059836761430000" alt="Close da mochila Puma preta mostrando bolso frontal com zíper e material resistente" class="np:w-full! np:h-auto! np:object-contain! np:rounded-lg! np:shadow-md!" />
    <div class="np:absolute! np:inset-0! np:flex np:items-center! np:justify-center! np:bg-black/60! np:rounded-lg! np:z-10!" x-show="showOverlay" x-transition="" x-cloak="">

      <div class="np:text-white! np:text-lg! np:font-semibold! np:text-center! np:px-4!">Produzida com 90% de materiais reciclados, com alças acolchoadas e múltiplos bolsos</div>
    </div>
    <iconify-icon icon="mdi:hand-pointing-up" class="np:absolute! np:top-2! np:right-2! np:z-20! np:text-white! np:bg-black/60! np:rounded-full! np:p-1! np:w-7! np:h-7! np:flex np:items-center! np:justify-center! np:pointer-events-none!" aria-label="Clique para ver detalhes da imagem lateral" tabindex="-1"></iconify-icon>
  </div>
</div>
<div class="np:w-full! np:flex np:items-center! np:h-full!">

  <div class="np:w-full! np:border! np:border-gray-200! np:rounded-xl! np:p-6! np:bg-white! np:space-y-4! np:h-full! np:flex np:flex-col!">

    <h3 class="np:text-base! np:font-semibold! np:text-gray-900!">Quais os benefícios de escolher esse modelo?</h3>
    <ul class="np:rounded-lg! np:bg-white! np:shadow-sm! np:flex np:flex-col! np:gap-2! np:p-2!" x-data="{ openAccordion: null }">
      
        <li>Produzida com pelo menos 90% de materiais reciclados, promovendo sustentabilidade.</li>
      
        <li>Alças acolchoadas e fundo reforçado para conforto e durabilidade.</li>
      
        <li>Múltiplos bolsos para organização eficiente dos seus pertences.</li>
      

    </ul>
    <p class="np:text-sm! np:italic! np:mt-auto!">Conforto e segurança para suas atividades diárias com estilo.</p>
  </div>
</div>
<div class="np:w-full! np:flex np:items-center! np:h-full!">

  <div class="np:w-full! np:border! np:border-gray-200! np:rounded-xl! np:p-6! np:bg-white! np:space-y-4! np:h-full! np:flex np:flex-col!">

    <h3 class="np:text-base! np:font-semibold! np:text-gray-900!">Garantia</h3>
    <p class="np:text-xs! np:font-semibold!">Este produto possui uma garantia contra defeitos de fabricação válida por um período de 90 dias.</p>
  </div>
</div>

LOREM IPSUM