<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 é produzida com pelo menos 90% de materiais reciclados, promovendo sustentabilidade. Seu design inclui painel traseiro e alças acolchoadas para máximo conforto no uso diário. Além disso, oferece organização prática com bolsos estratégicos e zípe</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 Puma Phase Esportiva Oliva Unissex</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!">Sintético</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!">Oliva</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!">Sem salto</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!">0 cm</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/10768357/999999992707824 -2-.webp?v=639059838541130000" alt="Mochila esportiva Puma Phase na cor oliva, vista frontal com bolso frontal e 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!">Mochila sustentável com design funcional e conforto garantido para o dia a dia.</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/10768358/999999992707824 -1-.webp?v=639059838541130000" alt="Vista traseira da mochila Puma Phase oliva mostrando as alças acolchoadas e painel traseiro acolchoado" 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 ergonômicos com alças acolchoadas e bolso lateral em mesh para organização prática.</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!">Não aplicável</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!">Não aplicável</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!">Não aplicável</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>
</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ão aplicável</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/10768359/999999992707824 -3-.webp?v=639059838541300000" alt="Detalhe das alças acolchoadas da mochila Puma Phase oliva com bolso lateral em mesh" 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!">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!">Dia a dia</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!">Trabalho</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/10768360/999999992707824 -4-.webp?v=639059838541300000" alt="Close no bolso frontal da mochila Puma Phase oliva com zíper verde 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!">Bolso frontal com zíper e material resistente para uso diário e esportivo.</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>Painel traseiro e alças acolchoadas para conforto prolongado.</li>
<li>Organização eficiente com compartimento principal e bolsos adicionais.</li>
</ul>
<p class="np:text-sm! np:italic! np:mt-auto!">Conforto e segurança para carregar seus pertences com praticidade e 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>
EMPRESAS DO GRUPO OSCAR
CNPJ: 49.961.545/0001-53 | Endereço Loja Virtual: 25 de Julho, 43 - Setor 02/Quadra 62/Lote 01/Pavilhão 2 - São Jaco - Sapiranga - RS- CEP 93819-330
Pertencente à Paquetá The Shoe Company, um dos maiores grupos do segmento calçadista do Brasil, a Paquetá Esportes é responsável por trazer aos seus clientes produtos com design, tecnologia e conforto das melhores marcas esportivas do mundo. A loja caracteriza-se também por ser atuante na realização de eventos e campeonatos esportivos de diversas modalidades. Possui uma equipe que sempre joga a favor do cliente, disposta a oferecer o melhor atendimento. Sabe por quê? Pra colocar cada vez mais esporte e moda esportiva na vida das pessoas. E pra continuar cada vez mais ativa e presente em cada momento dos esportistas a Paquetá Esportes expande amplamente suas operações pelo país, trabalhando com ética e comprometimento. Agora você já sabe, pra encontrar o melhor do esporte e da moda esportiva do mundo, visite a Paquetá Esportes.