> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sigmatecnologias.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Cómo explorar el catálogo de productos tecnológicos

> Aprende a navegar el catálogo de Sigma Tecnologías: tarjetas de producto, galería de imágenes, características técnicas, disponibilidad y recursos.

El catálogo de Sigma Tecnologías agrupa miles de productos tecnológicos organizados por categorías y marcas. Desde la página de inicio puedes explorar secciones destacadas y acceder directamente a los productos que te interesan, o entrar al catálogo completo para navegar con filtros y ordenamiento.

## Página de inicio

La página de inicio está dividida en secciones que te permiten descubrir productos sin tener que buscar desde cero.

<CardGroup cols={2}>
  <Card title="Carrusel de promociones" icon="images">
    Un carrusel en la parte superior destaca las ofertas y campañas vigentes. Haz clic en cualquier banner para ver los productos o categorías correspondientes.
  </Card>

  <Card title="Categorías principales" icon="grid-2x2">
    Una cuadrícula visual muestra las categorías de nivel 1 con imagen de fondo. Al hacer clic en una categoría, el catálogo se filtra automáticamente para mostrar solo esos productos.
  </Card>

  <Card title="Marcas destacadas" icon="building-2">
    Una sección dedicada presenta las marcas disponibles con sus logotipos. Haz clic en cualquier marca para ver todos sus productos en el catálogo.
  </Card>

  <Card title="Productos destacados" icon="star">
    Una cuadrícula de tarjetas muestra productos seleccionados. Puedes agregar al carrito o ver el detalle directamente desde aquí.
  </Card>
</CardGroup>

<Tip>
  Usa la navegación horizontal de categorías que aparece en la parte superior de la página para saltar rápidamente a cualquier categoría de primer nivel sin desplazarte por toda la página.
</Tip>

## Catálogo completo

Para acceder al catálogo completo ve a **Catálogo de Productos** desde el menú de navegación o desde el botón correspondiente en la página de inicio. Ahí verás todos los productos con la barra de búsqueda y los filtros disponibles en el panel lateral.

### Vista de tarjetas

Los productos se muestran en modo cuadrícula (grid) o modo lista. Puedes alternar entre ambos con los botones de **Vista** que aparecen en el panel de filtros.

Cada tarjeta de producto muestra:

| Elemento           | Descripción                                             |
| ------------------ | ------------------------------------------------------- |
| **Imagen**         | Foto principal del producto con zoom al pasar el cursor |
| **Marca**          | Nombre de la marca en texto                             |
| **Modelo**         | Clave del modelo destacada como etiqueta                |
| **Nombre**         | Título completo del producto (hasta 2 líneas)           |
| **Precio**         | Precio en pesos mexicanos (MXN) con IVA incluido        |
| **Disponibilidad** | Indicador de stock (ver detalle abajo)                  |
| **Botón Agregar**  | Agrega el producto directo al carrito                   |
| **Botón Cotizar**  | Genera una cotización con el producto                   |

### Indicadores de disponibilidad

Las tarjetas incluyen una etiqueta en la esquina que refleja el estado de inventario en tiempo real:

<AccordionGroup>
  <Accordion title="En Stock">
    Etiqueta verde **En Stock** en la esquina superior derecha. El botón **Agregar** está activo.
  </Accordion>

  <Accordion title="Últimas unidades">
    Etiqueta naranja con el texto **Últimas \[N]** cuando quedan 5 unidades o menos. El botón **Agregar** sigue activo.
  </Accordion>

  <Accordion title="Sin Stock">
    Etiqueta roja **Sin Stock** cuando no hay existencias disponibles. El botón **Agregar** se desactiva automáticamente.
  </Accordion>

  <Accordion title="Verificando...">
    Etiqueta azul animada mientras se consulta el inventario en tiempo real. El estado definitivo se muestra en segundos.
  </Accordion>
</AccordionGroup>

<Note>
  Los precios se muestran siempre en **pesos mexicanos (MXN) con IVA incluido**. El sistema actualiza la disponibilidad de inventario de forma automática en segundo plano.
</Note>

## Detalle del producto

Haz clic en cualquier tarjeta para abrir la página de detalle del producto. Esta página tiene toda la información disponible.

### Encabezado y precio

En la parte superior verás:

* **Modelo** — clave identificadora del producto, con un botón para copiarla al portapapeles
* **Logotipo de la marca** — imagen o nombre de la marca en la esquina derecha
* **Título** — nombre completo del producto
* **Precio** — formato `MX$[precio]` con la etiqueta **IVA incluido**
* **Selector de cantidad** — campos `−` y `+` para ajustar la cantidad antes de agregar
* **Botón Agregar** — añade la cantidad seleccionada al carrito
* **Botón Existencia** — muestra las unidades disponibles por sucursal al pasar el cursor
* **Garantía** y **Código SAT** — si están disponibles para ese producto

### Galería de imágenes

La galería ocupa la mitad izquierda de la página en pantallas de escritorio. Incluye:

* Una imagen principal ampliada
* Miniaturas adicionales en la parte inferior para ver otras vistas del producto
* Iconos de características visuales cuando el fabricante los provee

### Pestañas de información

Debajo de la sección de compra encontrarás tres pestañas:

<Tabs>
  <Tab title="Información">
    Incluye las **Características Destacadas** del producto (lista de puntos clave) y la **Descripción** completa proporcionada por el fabricante.
  </Tab>

  <Tab title="Especificaciones Técnicas">
    Tabla con datos precisos: marca, modelo, garantía, peso, dimensiones (alto, ancho, largo en cm) y clave SAT.
  </Tab>

  <Tab title="Recursos">
    Aparece solo cuando el producto tiene materiales descargables adjuntos, como fichas técnicas, manuales o datasheets en PDF. Esta pestaña no se muestra si no hay recursos disponibles.
  </Tab>
</Tabs>

### Productos relacionados y accesorios

Al final de la página, si el producto tiene referencias relacionadas, aparecen dos secciones adicionales:

* **Productos Relacionados** — productos similares o complementarios
* **Accesorios** — accesorios compatibles con el producto

Puedes agregar cualquiera de estos al carrito directamente desde las tarjetas de esa sección.

### Navegación de migas de pan

En la parte superior de la página de detalle hay una barra de navegación (breadcrumb) que muestra la ruta de categorías del producto: **Inicio → Categoría → Subcategoría → Modelo**. Cada elemento es un enlace que te lleva directamente a ese nivel.

## Funciones adicionales

<CardGroup cols={2}>
  <Card title="Guardar en favoritos" icon="heart">
    En el detalle del producto y en las tarjetas del catálogo, el ícono de corazón guarda el producto en tu lista de favoritos para consultarlo después.
  </Card>

  <Card title="Compartir producto" icon="share-2">
    El ícono de compartir genera un enlace directo al producto que puedes enviar a quien necesites.
  </Card>
</CardGroup>