membrana plasmatica2

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

frontend/src/components/CellDiagram3D.tsx

@@ -70,12 +70,15 @@ function Phospholipid({ x, selected }: { x: number; selected: boolean }) {
 function MembraneCrossSection({ selected }: { selected: boolean }) {
   const proteinProps = materialProps(MEMBRANE_PROTEIN, selected);
   return (
-    <group position={[1.15, -0.62, 0.15]} rotation={[0, -0.3, 0.12]}>
-      {/* fundo sutil só pra separar visualmente o diagrama do resto da célula */}
-      <mesh position={[0, 0, -0.02]}>
-        <planeGeometry args={[0.86, 0.34]} />
-        <meshStandardMaterial color="#0f172a" transparent opacity={0.55} side={THREE.DoubleSide} depthWrite={false} />
-      </mesh>
+    // Bem mais afastado da célula (raio 0.85) do que a primeira tentativa
+    // — perto demais, girando a câmera livremente, o diagrama passava na
+    // FRENTE da esfera do núcleo em certos ângulos e parecia estar
+    // "cortando" a célula ao meio. Sem rotação nenhuma também: um plano
+    // inclinado, visto de lado, virava uma lâmina escura estranha
+    // atravessando a cena — removida (as próprias formas dos
+    // fosfolipídios/proteína já se destacam sozinhas no fundo escuro,
+    // não precisam de uma placa de fundo).
+    <group position={[1.9, 0.15, 0]}>
       {LIPID_X_SLOTS.map((x) => (
         <Phospholipid key={x} x={x} selected={selected} />
       ))}