# Secciones Store

La tienda publica debe crecer por secciones reutilizables, no dentro del `page.tsx`.

Estructura objetivo:

- `layout`: cabecera, navegacion comercial, top bar, temporadas y contenedores.
- `novedades`: anuncios, productos nuevos, campanas y bloques editoriales.
- `catalogo`: categorias, grillas, carruseles, filtros, cards y acciones de producto.
- `producto`: ficha, vista rapida, galeria, especificaciones, reviews y relacionados.
- `checkout`: carrito, autenticacion previa, entrega, pago y resumen.
- `footer`: contacto, soporte, legal, redes y paginas parametrizables.

Reglas:

- `src/app/(public)/store/page.tsx` solo importa `StorePage`.
- `StorePage` solo debe orquestar estado global de la pantalla y componer secciones.
- Cada seccion debe recibir datos por props desde la configuracion o API.
- Usar `store` para nuevos archivos, componentes y rutas.
- Los styled components deben vivir en `styles.ts` dentro de la carpeta de su seccion.
- El feedback de carrito debe reutilizar `checkout/CartAddedSnackbar`; no crear snackbars por pantalla.
- Los tipos de carrito deben salir de `checkout/cartTypes.ts`; no redeclarar `CartItem` en cada componente.
- Si `StorePage` supera 2.000 lineas, se debe extraer una seccion antes de agregar nueva funcionalidad.