# Portafolio fotográfico v2 — 8 webs HTML / CSS / JavaScript

**Actualización:** se han sustituido las ilustraciones SVG visibles por **fotografías reales de Pexels** y enriquecido las páginas de servicios, proyectos, equipos, programas y tiendas. Se conservan las funciones de navegación, formularios de prueba, blog local y compra simulada.

**Requisito para visualizar las fotos:** acceso a Internet. Las URLs apuntan al servidor de Pexels; las fotografías NO están integradas como archivos locales por limitaciones de descarga del entorno. Sin red verás los textos y la estructura, pero no las fotografías.

**Uso comercial:** verificar la licencia, consentimientos y adecuación al contexto antes de publicación definitiva. Ver `FUENTES_FOTOS.md`. Todas las empresas, perfiles, reseñas, proyectos y productos son ficticios.

# Portafolio de 8 sitios web navegables (HTML + CSS + JavaScript)

Este paquete contiene **ocho sitios ficticios e independientes** listos para abrir en un navegador.

## Empezar

1. Descomprime el ZIP.
2. Abre `index.html` en la carpeta principal para visitar el catálogo.
3. Haz clic en **Abrir demostración**. Cada ejemplo tiene su propia carpeta con `index.html`, `styles.css`, `app.js` y `assets/`.
4. Para probar todas las funciones en condiciones similares a un hosting, ejecuta desde la carpeta principal `python -m http.server 8000` y abre `http://localhost:8000` en el navegador.
5. Puedes subir cualquiera de las ocho carpetas a un hosting estático: Netlify, Vercel, GitHub Pages o un servidor HTML convencional.

## Fotos reales: descarga local opcional

La edición usa fotografías **reales de Pexels** en las portadas, las secciones internas, los perfiles y los productos. Por defecto se cargan mediante Internet desde `images.pexels.com` para mantener el ZIP ligero.

**Para tener fotografías descargadas y visualizarlas sin Internet:**

1. Descomprime el paquete completo y abre una terminal en la carpeta `portafolio_web_norteamerica`.
2. Ejecuta `python descargar_fotos.py` (o `py descargar_fotos.py` en Windows).
3. El programa descarga las fotos al directorio `assets/fotos/` de cada web y sustituye las rutas remotas solo cuando están todos los archivos del sitio. La primera ejecución requiere conexión a Internet.
4. Abre `index.html` y navega las versiones con imágenes locales.

Si algunas fotografías no se descargan por problemas de red o políticas de Pexels, las demos afectadas seguirán mostrando sus URL online y el programa avisará. Consulta `FUENTES_FOTOS.md` y `manifiesto_fotos.json` para reemplazar cada fotografía.

## Los ocho proyectos

- `aura-spa/` — **Landing Start A**: landing editorial de bienestar, formulario y preguntas frecuentes.
- `pulso-fit/` — **Landing Start B**: entrenador ficticio, planes con cambio de periodicidad y formulario.
- `norte-arquitectura/` — **Business Web A**: cinco páginas, servicios, portafolio filtrable, modal de proyectos y contacto.
- `brisa-dental/` — **Business Web B**: cinco páginas, tratamientos, equipo, preguntas frecuentes y reserva simulada.
- `atlas-legal/` — **Business Pro A**: once páginas, servicios especializados, casos filtrables, blog buscable, artículo y CMS local.
- `bloom-academy/` — **Business Pro B**: once páginas, temarios, perfiles, comunidad, inscripción, blog y CMS local.
- `marea-living/` — **E-commerce A**: siete páginas, catálogo, filtros, búsqueda, favoritos, carrito, cupón `DEMO10` y checkout simulado.
- `cacao-club/` — **E-commerce B**: siete páginas, las mismas funciones comerciales con identidad visual y catálogo de otra industria.

## Datos y límites importantes

- **Todos los nombres, precios, reseñas, perfiles, textos comerciales y productos son ficticios.**
- Los formularios no envían correos ni hacen solicitudes a APIs: únicamente confirman en pantalla. Algunos almacenan valores temporalmente en `localStorage` dentro del navegador.
- El CMS de Business Pro es una prueba local, sin autenticación, backend, roles, sincronización ni base de datos real. Los artículos guardados se muestran en el navegador donde fueron creados.
- Los carritos de E-commerce usan `localStorage`. El cupón `DEMO10` aplica un 10 % de descuento simulado.
- **No se procesan pagos, no se cobran tarjetas y no se gestionan pedidos verdaderos.** El checkout solo ofrece la opción «Simulación — sin pago».
- No contienen SEO avanzado, analítica real, SSL/hosting, protección antispam, políticas legales reales ni integraciones con sistemas de terceros.
- Se han reemplazado los gráficos planos visibles por fotografías reales alojadas por Pexels. Los SVG de la primera versión se conservan en `assets/` como recursos históricos no usados. Las tipografías de Google Fonts son opcionales y tienen alternativas locales.
- Para entregar como servicio comercial real se deben integrar los formularios y sistemas correspondientes, configurar seguridad y accesibilidad, sustituir los contenidos ficticios, probar escenarios de producción y validar cumplimiento local.

## Archivo principal por sitio

`index.html` contiene el diseño inicial y enlaces; `styles.css` controla el aspecto responsive; `app.js` contiene interacciones. En los sitios multipágina, las demás páginas `.html` comparten estos dos archivos.

## Personalización

- Colores y tipografía: variables `:root` en `styles.css`.
- Imágenes: fotografías de Pexels en los atributos `src` de HTML y los catálogos de `app.js` de las tiendas. `FUENTES_FOTOS.md` identifica sus páginas originales. Puedes cambiar cualquier dirección para usar tus fotografías o ejecutar `descargar_fotos.py` para copiar las imágenes de Pexels a `assets/fotos/`.
- Contenido: HTML de cada página. En las tiendas, catálogo y configuración en `window.SHOP_CONFIG` dentro de cada página HTML. Para una modificación consistente, reemplázalo en todas las páginas o centraliza la configuración.
- Blog demo: semilla `window.DEMO_POSTS` insertada en el HTML y comportamiento en `app.js`.

Hecho como portafolio visual y funcional sin servicios backend. Diseños independientes inspirados en prácticas de webs profesionales; no son reproducciones literales de sitios ajenos. Los rostros, fotografías de producto, edificios y espacios son imágenes de archivo, no testimonios, miembros reales de los negocios ficticios ni stock disponible para venta.