Rediseña todo el layout desde cero, como si lo hubiera hecho otro diseñador, sin reutilizar ninguna estructura anterior. Solo reutilizaremos [escribes instrucciones que no quieres que cambien]

Actúa como un Desarrollador Frontend Senior y Experto en Interfaces de Usuario (UI/UX) para sistemas empresariales. Tu tarea es desarrollar un Dashboard "Punto de Venta" (POS) para la gestión de un restaurante, funcional y estéticamente profesional. El proyecto debe ser implementado exclusivamente con HTML5, CSS3 y JavaScript (Vanilla ES6+), sin frameworks ni librerías externas. 1. Requerimientos de Arquitectura y Diseño - Diseño: Layout de Dashboard moderno (Sidebar de navegación, Área principal de contenido, Panel lateral de resumen de orden). - Estilo: "Touch-friendly" (botones grandes y accesibles), paleta de colores profesional usando CSS Variables (:root), y diseño totalmente responsivo (Grid/Flexbox). - Persistencia: Implementa localStorage para guardar el estado de las mesas y los pedidos activos (persistencia ante recarga). 2. Funcionalidades Críticas A. Gestión de Mesas (Visualización de Planta): - Renderiza un grid de mesas. - Código de colores por estado: Verde (Disponible), Rojo (Ocupada/Con Pedido), Amarillo (Esperando Cuenta). - Al hacer clic en una mesa, la interfaz debe cambiar al modo "Toma de Pedidos" para esa mesa específica. B. Menú y Toma de Pedidos: - Categorías de productos (Entradas, Platos Fuertes, Bebidas, Postres). - Tarjetas de productos con Nombre, Precio e Imagen (placeholder). - Buscador de productos en tiempo real. C. Panel de Ticket/Comanda: - Debe mostrarse a la derecha o en un modal al seleccionar una mesa. - Listado de ítems seleccionados con controles de cantidad (+/-) y botón de eliminar. - Cálculo automático de: Subtotal, Impuestos (IVA) y Total. - Botones de acción: "Cerrar Mesa/Pagar" (limpia la mesa y guarda en historial simulado) y "Guardar Orden" (mantiene la mesa ocupada).

Tengo WordPress instalado en localhost usando USBServer. Estoy trabajando en la carpeta de un nuevo tema de WordPress. Dentro de esa carpeta tengo el archivo @plantilla.html, el cual quiero convertir en un tema de WordPress. Inicialmente, el tema será código estático, pero necesito que el contenido se separe correctamente en los archivos propios de WordPress (header, footer, index, etc.) para que el tema quede bien organizado y estructurado. PASAR DE TEMA ESTÁTICO A DINÁMICO: Crea un panel de administración que permita personalizar y modificar distintas áreas del sitio, como los cursos, las imágenes y los textos que actualmente están definidos de forma estática. El objetivo es transformar este tema estático en un tema dinámico, gestionado desde un panel de configuración. Antes de escribir el código, necesito que el panel sea maquetado visualmente utilizando Unicode box drawing o ASCII, para definir claramente su estructura y organización.

¡Feliz 2026, familia de Vibecoding! Les comparto este 'Easter Egg' interactivo. Ábranlo para vivir una secuencia cinematográfica que celebra nuestra evolución y el dominio del código con IA. La lógica se vuelve arte. ¡Que tengan un año lleno de despliegues exitosos y mucho aprendizaje

Tengo WordPress instalado en localhost usando USBWebserver y ya tengo creada la carpeta de un tema.Quiero crear un tema para WordPress usando Bootstrap, orientado a mostrar películas con un estilo similar a Netflix. Antes de escribir código, haz un bosquejo o maqueta del tema usando Unicode Box Drawing para visualizar cómo quedará la estructura del sitio. Además, hazme todas las preguntas necesarias para definir correctamente el diseño, la estructura y las funcionalidades del tema.