# Sistella Renew Sitio Web

## Descripción del Proyecto
Este repositorio contiene el código fuente del sitio web corporativo de **Sistella**, una empresa especializada en soluciones de e-learning, consultoría educativa y desarrollo tecnológico. El sitio está diseñado para ser rápido, accesible y visualmente atractivo, utilizando un enfoque "Mobile First".

## Stack Tecnológico
- **Frontend**: HTML5 Semántico.
- **Estilos**: Tailwind CSS (vía CDN) + CSS Variables para personalización.
- **Iconos**: Lucide Icons (vía CDN y SVG inline).
- **Scripts**: Vanilla JavaScript (ES6+).
- **Backend**: PHP (para procesamiento de formularios y envío de correos).

## Estructura del Proyecto

### Páginas Principales
- `index.html`: Página de inicio (Home). Presenta la propuesta de valor, servicios destacados y testimonios.
- `about.html`: Página "Nosotros". Historia, misión y equipo.
- `contacto.html`: Formulario de contacto e información de ubicación.
- `404.html`: Página de error personalizada.
- `aviso-privacidad.html`: Documento legal de privacidad.

### Landing Pages de Servicios
- `sitio-web-mxl.html`: Landing page optimizada para venta de sitios web en Mexicali (Precios, Proceso, SEO local).
- `sitio-web.html`: Página general del servicio de desarrollo web.
- `universidad-corporativa.html`: Servicio de implementación de universidades corporativas.
- `capacitacion.html`: Servicios de capacitación general.
- `capacitacion-en-seguridad.html`: Capacitación específica en normas STPS y seguridad.
- `desarrollo-de-cursos.html`: Fábrica de contenidos y digitalización de cursos (SCORM).
- `onboarding-virtual.html`: Procesos de inducción digital.
- `soluciones-tecnologicas.html`: Desarrollo de software y plataformas LMS.
- `centro-de-entrenamiento.html`: Centro de Entrenamiento Sistella (CES). Acceso a plataforma de capacitación.

### Perfiles
- `angelresendiz.html`: Perfil profesional.
- `karladuarte.html`: Perfil profesional.

### Backend
- `send_mail.php`: Script PHP que maneja el envío de correos desde los formularios del sitio.

## Guías de Desarrollo (2026 Standards)
1. **Atomicidad**: Mantener el código limpio y comentado.
2. **A11y**: Asegurar compatibilidad con lectores de pantalla (aria-labels, alts).
3. **Performance**: Uso de formatos de imagen modernos (WebP) y carga diferida donde sea posible.
4. **Contexto**: Este archivo y `llms-full.txt` sirven para alimentar agentes de IA con el contexto completo del proyecto.