---

URL de la captura de referencia: https://www.designprompting.com/themes/vision-diaria/theme.jpg

IMPORTANTE — Verificación previa (hazla ANTES de cualquier otra cosa):
Comprueba si tienes la imagen de referencia ADJUNTA como archivo (no como URL en texto).

- Si NO hay imagen adjunta y solo ves la URL → DETENTE. No generes nada.
  Responde únicamente:
  "⚠️ Solo tengo la URL, no la captura. Descárgala desde aquí y adjúntala al chat
  para que pueda replicar el diseño con fidelidad:
  https://www.designprompting.com/themes/vision-diaria/theme.jpg"

- Si la imagen SÍ está adjunta → continúa con las instrucciones de abajo.

---

## Referencia visual
Replica fielmente el diseño de la captura adjunta (estructura, paleta, tipografía).
Si necesitas la imagen como recurso real en la web, está disponible en la URL indicada arriba.

---

Crea un sitio web de noticias genérico llamado "Visión Diaria" usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar la estructura visual del ejemplo: barra superior con carrusel horizontal de enlaces rápidos, logo tipográfico con acento rojo, barra de navegación clara, carrusel principal de titulares destacados, grid de categorías de noticias bajo el carrusel y footer con enlaces institucionales y iconos de redes sociales. Paleta de colores: #E30613 (rojo acento), #0D3567 (azul oscuro), #FFFFFF (blanco), #F5F5F5 (gris claro). Tipografías: "Public Sans" para textos y "IBM Plex Serif" para títulos, cargadas desde Google Fonts. Header debe ser sticky, incluir botón de menú móvil que despliegue la navegación. Implementar carrusel con scroll automático y botones prev/next usando vanilla JS. Grid de noticias con tarjetas que muestren imagen, categoría, título y breve resumen. Footer con tres columnas: información de la empresa, enlaces rápidos y redes sociales (iconos SVG). Asegúrate de que el HTML sea semántico (header, nav, main, article, aside, footer) y que Tailwind configure breakpoints responsivos para móviles, tablets y escritorio. Incluir meta tags básicos, favicon genérico y archivo manifest. No usar contenidos reales; generar textos de ejemplo en español, activos y sin jerga. Entregar el código completo listo para copiar y pegar.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```