Reto carousel

Crea un carousel funcional de Bootstrap que muestre una galería de productos. El carousel debe incluir:

Estructura requerida:

• Un carousel con ID único que contenga exactamente 4 slides
• Cada slide debe mostrar una imagen de producto diferente
• El primer slide debe estar marcado como activo
• Configuración para auto-play automático

Controles de navegación:

• Botones de navegación anterior y siguiente funcionales
• Indicadores numerados en la parte inferior (4 indicadores correspondientes a los 4 slides)
• El primer indicador debe estar marcado como activo

Captions informativos:

• Cada slide debe incluir un caption con:
• Título del producto (usar h5)
• Descripción breve del producto (usar párrafo)
• Los captions deben ocultarse en dispositivos móviles usando las clases responsive apropiadas

Configuración responsive:

• El carousel debe ser completamente responsive
• Las imágenes deben ocupar todo el ancho disponible
• Usar las clases de Bootstrap apropiadas para el comportamiento responsive

Instrucciones de implementación:

1. Comienza creando el contenedor principal del carousel con la clase carousel slide
2. Añade el atributo para activar el auto-play
3. Crea el contenedor interno con la clase carousel-inner
4. Implementa los 4 slides individuales, marcando el primero como activo
5. Añade los indicadores antes del contenedor interno
6. Implementa los controles de navegación al final
7. Incluye captions con contenido descriptivo en cada slide

Contenido sugerido para los slides:

• Slide 1: "Smartphone Premium" - "Última tecnología en comunicación móvil"
• Slide 2: "Laptop Gaming" - "Rendimiento extremo para profesionales"
• Slide 3: "Auriculares Inalámbricos" - "Sonido de alta fidelidad sin cables"
• Slide 4: "Tablet Profesional" - "Productividad y creatividad en tus manos"

Puedes usar imágenes placeholder (por ejemplo: https://via.placeholder.com/800x400) para las imágenes de los productos.