Tabs y Accordion animados

src/components/Tabs.js

@@ -49,11 +49,14 @@ export const Tabs = (props) => {
       }
       elements.push(button);
       
-      // Contenido (tab-content) - debe ir inmediatamente después del botón
+      // Contenido (tab-content) - borde exterior estático
       const panel = Tag("div", {
         class: "tab-content bg-base-100 border-base-300 p-6",
         style: () => isActive() ? "display: block" : "display: none"
-      }, () => val(item.content));
+      }, [
+        // Contenedor interno con animación
+        Tag("div", { class: "tab-content-inner" }, () => val(item.content))
+      ]);
       elements.push(panel);
     }