# Tigo Business - Presentación

Sitio web de presentación para Tigo Business Bolivia, ofreciendo soluciones empresariales integrales en cloud, conectividad, voz y datos.

## Estructura del Proyecto

```
inventiva/
├── index.html          # Página principal
├── css/
│   └── styles.css      # Estilos principales
├── js/
│   ├── main.js         # Funcionalidad JavaScript
│   └── particles.min.js # Librería de partículas
├── assets/
│   ├── MasterLogo_Blue.svg      # Logo azul para header
│   ├── MasterLogo_TotalWhite.svg # Logo blanco para secciones oscuras
│   └── Favicon-Tigo.svg         # Favicon
└── README.md           # Documentación
```

## Características

- **Diseño Responsive**: Adaptado para desktop, tablet y móvil
- **Navegación Sticky**: Header fijo con menú responsive
- **Efectos de Partículas**: Animaciones interactivas en secciones clave
- **Smooth Scroll**: Navegación suave entre secciones
- **Navegación por Teclado**: Soporte para PageUp/PageDown
- **Animaciones CSS**: Transiciones y efectos visuales
- **Footer Interactivo**: Con redes sociales y enlaces

## Secciones

1. **Inicio** - Hero section con efecto de partículas
2. **Nuestra Red** - Información sobre la infraestructura
3. **Beneficios** - Ventajas de Tigo Business
4. **Soluciones** - Oferta de servicios
5. **Compromiso** - Compromiso corporativo
6. **Contacto** - Información de contacto

## Tecnologías Utilizadas

- HTML5
- CSS3 (con variables y animaciones)
- JavaScript (ES6+)
- Particles.js (efectos de partículas)
- Google Fonts (Plus Jakarta Sans, Inter)

## Instalación y Uso

1. Clonar o descargar el proyecto
2. Abrir `index.html` en un navegador web
3. No requiere servidor ni dependencias adicionales

## Personalización

### Colores
Modificar las variables CSS en `css/styles.css`:

```css
:root {
    --primary-color: #0066cc;
    --secondary-color: #004499;
    --text-color: #333;
    --white: #ffffff;
    --dark-blue: #001a4d;
}
```

### Configuración de Partículas
Ajustar los parámetros en `js/main.js` dentro de la función `initParticles()`.

### Logos
Reemplazar los archivos SVG en la carpeta `assets/` con los logos personalizados.

## Navegación

- **Desktop**: Menú horizontal en el header
- **Móvil**: Menú hamburguesa con toggle
- **Teclado**: PageUp/PageDown para navegar entre secciones

## Compatibilidad

- Chrome/Edge (últimas versiones)
- Firefox (últimas versiones)
- Safari (últimas versiones)
- Navegadores móviles modernos

## Licencia

Proyecto recreado para Tigo Business Bolivia.
