Catalogar

<div style="text-align: center; margin-bottom: 30px;">
<h2 style="font-size: 28px; margin-bottom: 10px;">Explora nuestros mundos</h2>
¡Explora nuestras diferentes colecciones para encontrar la pieza perfecta o completar tu conjunto favorito!
</div>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px;">

<a href="https://lerefugegeek.fr/collections/funko-pop" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/funko.jpg" alt="Funko Pop" style="ancho: 100%; alto: automático;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Figuras Funko Pop</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/autre-figurines" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/autre-figurines.jpg" alt="Otras figuras" style="width: 100%; height: auto;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Otras figuras</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/cartes-yu-gi-oh-lorcana-pokemon" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/cartes.jpg" alt="Cartas" style="ancho: 100%; alto: automático;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Mapas</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/jeux-de-societe" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/jeux.jpg" alt="Juegos de mesa" style="width: 100%; height: auto;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Juegos de mesa</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/puzzles" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/puzzles.jpg" alt="Rompecabezas" style="ancho: 100%; alto: automático;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Rompecabezas</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/eraflees-du-multivers" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/eraflees.jpg" alt="Eraflees del Multiverso" style="ancho: 100%; alto: automático;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Arañazos del Multiverso</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/nouveautes" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/nouveautes.jpg" alt="Nuevos productos" style="width: 100%; height: auto;">
Noticias
</div>
</a>

<a href="https://lerefugegeek.fr/collections/precommandes" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/preco.jpg" alt="Pre-pedidos" style="width: 100%; height: auto;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Pedidos anticipados</div>
</div>
</a>

<a href="https://lerefugegeek.fr/collections/promotions" style="text-decoration: none; color: heritage;">
<div style="borde: 1px sólido #ddd; radio del borde: 12px; desbordamiento: oculto;">
<img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/promos.jpg" alt="Promociones" style="width: 100%; height: auto;">
<div style="padding: 10px; font-weight: bold; text-align: center;">Promociones</div>
</div>
</a>

</div>