removi um negocio e adicionei membrana plasmatica

Signed-off-by: Rodrigo Bertoldo de Sousa Martins <rodrigo@martinsevieira.adv.br>

frontend/src/components/CellDiagram3D.tsx

@@ -212,17 +212,30 @@ export function CellDiagram3D({ bySlug: bySlugAll }: { bySlug: Map<string, Struc
               )}
             </Organelle>
 
-            {/* Membrana plasmática — envoltório translúcido por fora de tudo.
-                Sem raycast: sendo a casca que ENVOLVE todas as outras
-                organelas, ela sempre seria o primeiro acerto de qualquer
-                raio de clique, escondendo as organelas de dentro atrás
-                dela (o problema que aconteceu com a malha real de FIB-SEM).
-                Puramente decorativa aqui; ainda dá pra abrir a descrição
-                dela pela busca. */}
-            <mesh raycast={() => null}>
-              <sphereGeometry args={[0.85, 32, 32]} />
-              <meshStandardMaterial color="#93c5fd" transparent opacity={0.12} side={THREE.DoubleSide} depthWrite={false} />
-            </mesh>
+            {/* Membrana plasmática — um RECORTE da casca (não a esfera
+                inteira) num canto de trás, tipo uma "janela" mostrando
+                onde ela fica. Uma esfera fechada ao redor de tudo (como
+                era antes) sempre seria o primeiro acerto de qualquer
+                clique e tampava as organelas de dentro (o mesmo problema
+                que aconteceu com a malha real de FIB-SEM) — esse recorte
+                deixa ela clicável/selecionável feito as outras organelas,
+                sem cobrir o resto da célula. */}
+            <Organelle slug="celula-membrana-plasmatica" bySlug={bySlug} onSelect={selectStructure}>
+              {(sel) => (
+                <mesh rotation={[0.3, 2.6, 0]}>
+                  <sphereGeometry args={[0.85, 24, 24, 0, Math.PI * 0.75, 0, Math.PI * 0.65]} />
+                  <meshStandardMaterial
+                    color="#93c5fd"
+                    transparent
+                    opacity={sel ? 0.4 : 0.22}
+                    side={THREE.DoubleSide}
+                    depthWrite={false}
+                    emissive={sel ? HIGHLIGHT : BLACK}
+                    emissiveIntensity={sel ? 0.5 : 0}
+                  />
+                </mesh>
+              )}
+            </Organelle>
 
             <CameraControls makeDefault minDistance={0.5} maxDistance={6} />
           </Canvas>

frontend/src/components/LayerToggle.tsx

@@ -1,8 +1,16 @@
 import { useSystems } from "../hooks/useStructures.js";
 import { useAtlasStore } from "../store/useAtlasStore.js";
 
+// "Planos e Linhas de Referência" (sistema "referencias") tem sua própria
+// seção dedicada agora — Planos e Eixos, com boneco + setas + glossário
+// interativo, bem mais didática que a malha real do Z-Anatomy pra isso.
+// Escondido aqui (não removido do banco) pra não duplicar/confundir com a
+// página nova.
+const HIDDEN_SYSTEM_SLUGS = new Set(["referencias"]);
+
 export function LayerToggle() {
-  const systems = useSystems();
+  const allSystems = useSystems();
+  const systems = allSystems.filter((sys) => !HIDDEN_SYSTEM_SLUGS.has(sys.slug));
   const visibleSystems = useAtlasStore((s) => s.visibleSystems);
   const toggleSystem = useAtlasStore((s) => s.toggleSystem);