cambios imagenes en el catalogo, permisos al empleado para que pued agregar clientes y arreglos en la vista del report

resources/views/faq.blade.php

@@ -169,7 +169,21 @@
                 </div>
             </details>
         </div>
-
+        <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>¿Qué diferencias de permisos hay entre Administrador y Empleado?</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 space-y-3">
+                    <p>El sistema cuenta con dos niveles de acceso para garantizar la seguridad de la información:</p>
+                    <ul class="list-disc pl-5 space-y-1">
+                        <li><strong>Administrador (Dueño):</strong> Tiene control total del sistema. Posee acceso exclusivo al módulo de personal (para dar de alta, baja o modificar empleados). Además, es el <strong>único</strong> autorizado para modificar o eliminar registros en el sistema (productos, clientes, proveedores, etc.).</li>
+                        <li><strong>Empleado:</strong> Tiene un acceso diseñado específicamente para la operatoria diaria del local. Puede agregar nuevos registros (crear ventas, cargar clientes nuevos, agendar turnos en el taller), pero <strong>no puede modificar ni eliminar</strong> información ya guardada.</li>
+                    </ul>
+                </div>
+            </details>
         <div id="contact" class="mt-8 p-6 bg-lime-50 dark:bg-lime-900/10 border border-lime-200 dark:border-lime-900/30 rounded-xl text-center shadow-sm">
             <h3 class="text-lg font-bold text-lime-800 dark:text-neon-lime mb-2">¿Necesitas más ayuda?</h3>
             <p class="text-sm text-lime-700 dark:text-gray-400 mb-5">Si tienes alguna otra duda o experimentas problemas técnicos, nuestro equipo de soporte está disponible para ayudarte.</p>