DOC:

- Actualizado el README.md y la pagina de FAQs.

resources/views/faq.blade.php

@@ -47,6 +47,38 @@
                         <p class="text-gray-600 dark:text-gray-400 mt-1">Genera nuevas ventas, consulta el historial, y gestiona la base de datos de tus clientes para ofrecer un servicio más personalizado.</p>
                     </div>
                 </div>
+                <!-- Punto 5 -->
+                <div class="flex gap-4">
+                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-neon-lime font-bold">5</div>
+                    <div>
+                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Proveedores y Pedidos</h3>
+                        <p class="text-gray-600 dark:text-gray-400 mt-1">Administra la información de tus proveedores y genera órdenes de compra para reabastecer tu inventario de forma organizada.</p>
+                    </div>
+                </div>
+                <!-- Punto 6 -->
+                <div class="flex gap-4">
+                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-neon-lime font-bold">6</div>
+                    <div>
+                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Control de Gastos</h3>
+                        <p class="text-gray-600 dark:text-gray-400 mt-1">Registra los gastos operativos del local (servicios, insumos, etc.) para tener un control financiero preciso de tu negocio.</p>
+                    </div>
+                </div>
+                <!-- Punto 7 -->
+                <div class="flex gap-4">
+                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-neon-lime font-bold">7</div>
+                    <div>
+                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Agenda de Turnos</h3>
+                        <p class="text-gray-600 dark:text-gray-400 mt-1">Organiza las reservas y turnos de los clientes mediante un calendario integrado, facilitando la planificación del tiempo en el taller.</p>
+                    </div>
+                </div>
+                <!-- Punto 8 -->
+                <div class="flex gap-4">
+                    <div class="flex-shrink-0 w-8 h-8 rounded-full bg-lime-100 dark:bg-lime-900/30 flex items-center justify-center text-lime-600 dark:text-neon-lime font-bold">8</div>
+                    <div>
+                        <h3 class="text-lg font-semibold text-gray-900 dark:text-white">Copias de Seguridad (Admin)</h3>
+                        <p class="text-gray-600 dark:text-gray-400 mt-1">Si tienes rol de administrador, puedes generar, descargar y restaurar copias de seguridad de la base de datos para proteger la información del sistema.</p>
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -101,13 +133,39 @@
             <!-- FAQ 4 -->
             <details class="group bg-white dark:bg-neutral-900 border border-gray-200 dark:border-neutral-800 rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden">
                 <summary class="flex items-center justify-between p-5 cursor-pointer font-semibold text-gray-900 dark:text-white transition-colors hover:bg-gray-50 dark:hover:bg-neutral-800/50 rounded-lg">
-                    <span>¿Cómo cambiar entre modo claro y oscuro?</span>
+                    <span>¿Puedo cambiar el modo oscuro de la página por uno claro?</span>
                     <span class="transition-transform duration-300 group-open:-rotate-180 text-gray-500">
                         <svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
                     </span>
                 </summary>
                 <div class="px-5 pb-5 pt-2 text-gray-600 dark:text-gray-400 border-t border-gray-100 dark:border-neutral-800/50">
-                    <p>En la barra de navegación superior (Navbar), encontrarás un icono de un sol o una luna (dependiendo del modo actual en el que te encuentres). Haz clic sobre el ícono para alternar entre el tema claro y el oscuro. El sistema recordará tu preferencia para futuras sesiones.</p>
+                    <p>Si. El sistema se sincroniza automáticamente con el tema de tu dispositivo. Para alternar entre ambos modos, modificá la preferencia visual directamente desde la configuración de tu navegador web.</p>
+                </div>
+            </details>
+
+            <!-- FAQ 5 -->
+            <details class="group bg-white dark:bg-neutral-900 border border-gray-200 dark:border-neutral-800 rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden">
+                <summary class="flex items-center justify-between p-5 cursor-pointer font-semibold text-gray-900 dark:text-white transition-colors hover:bg-gray-50 dark:hover:bg-neutral-800/50 rounded-lg">
+                    <span>¿Cómo funciona el registro de gastos?</span>
+                    <span class="transition-transform duration-300 group-open:-rotate-180 text-gray-500">
+                        <svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
+                    </span>
+                </summary>
+                <div class="px-5 pb-5 pt-2 text-gray-600 dark:text-gray-400 border-t border-gray-100 dark:border-neutral-800/50">
+                    <p>En la sección <strong>Gastos</strong>, puedes registrar las salidas de dinero del negocio (por ejemplo, pago de servicios, compra de insumos, mantenimiento). Esto te ayudará a tener una visión más clara de la rentabilidad real de la tienda.</p>
+                </div>
+            </details>
+
+            <!-- FAQ 6 -->
+            <details class="group bg-white dark:bg-neutral-900 border border-gray-200 dark:border-neutral-800 rounded-lg shadow-sm [&_summary::-webkit-details-marker]:hidden">
+                <summary class="flex items-center justify-between p-5 cursor-pointer font-semibold text-gray-900 dark:text-white transition-colors hover:bg-gray-50 dark:hover:bg-neutral-800/50 rounded-lg">
+                    <span>¿Es seguro el sistema? ¿Cómo evito perder información?</span>
+                    <span class="transition-transform duration-300 group-open:-rotate-180 text-gray-500">
+                        <svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
+                    </span>
+                </summary>
+                <div class="px-5 pb-5 pt-2 text-gray-600 dark:text-gray-400 border-t border-gray-100 dark:border-neutral-800/50">
+                    <p>Los administradores tienen acceso al módulo de <strong>Copias de Seguridad (Backups)</strong>. Desde allí, puedes generar y descargar respaldos de tu base de datos en cualquier momento. Te recomendamos hacer copias periódicas por seguridad y resguardarlas fuera del servidor.</p>
                 </div>
             </details>
         </div>